body, input, button {font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;} button:disabled {background: #eeeeee;color: #ababab;border: solid 1px #ababab;} button:disabled:hover {cursor: not-allowed;opacity: 1;background: #eeeeee;} input[type="radio"], label {cursor: pointer;} #shopperInventoryContainer, td.imgProd {display: none;} table tbody {display: block;overflow-y: scroll;scrollbar-width: none;} table thead, table tbody tr {display: table;width: 99.9%;table-layout: fixed;} th {font-weight: normal;} td {padding: 3px;} th {padding: 10px 3px;} th, td {border: unset;border-left: none;border-right: none;} td.urlImg, td.imgPortada, td.imgsGaleria, td.oversized, td.isPallet {display: none;} .boton {background: linear-gradient(180deg, #f64f6f 0%, #e4002b 100%);} /* inventory legacy #showPopUp {background: #3383f5;} #inventoryTable thead {background-color: #3383f5;} .comisionProd {display: none;} /* .goHomeBtn {border: solid 2px #fff;padding: 4px 10px;border-radius: 5px; cursor: pointer;color: #fff;} */ input:disabled {opacity: 1;background: #f9f9f9;} tbody tr:nth-child(even) {background-color: #e3f1f9;} tr.trTdProductControls {height: 60px;background: #fff !important;} tr.trTdProductControls td {background: #f5f5f5;text-align: center;} .descProducto {word-wrap: break-word;padding-left: 10px;} .precioProducto {text-align: center;} #prodUSATbody td {border: unset;} #inventoryTable {margin-bottom: 1em;border-radius: 0;} #barraTop {font-weight: bold;padding: 1em 0.5em 0.5em 0.5em;text-align: left;position: relative;z-index: 999;} #nombreUsuario {position: relative;top: -10px;} .nombreUsuario {display: inline-block;position: relative;left: 5px;} #logout {float: right;} #logout, #cerrarPopupVentas, #cerrarTables, #cerrarPopupPagos {display: inline-block;background: #3383F5;color: #fff;padding: 3px 10px;border-radius: 5px;cursor: pointer;text-decoration: none;} #historialNotas:hover, #logout:hover, #whatsapp_boton_span_pc:hover, #whatsapp_boton_span_cel:hover {opacity: 0.8;} .idShopper {display: none;} .tipoTransmi {display: none;} #fieldIdShopperDiv {display: none;} #tipoTRansmision {text-align: center;width: 10px;color: #fff;background: #0f5b9c;border: unset;font-size: 1em;} #searchInput {margin: 0;width: 200px;height: 23px;text-align: center;border: solid 1px #4f9fe3;border-radius: 4px;outline: none;} #startSellLive {font-weight: bold;} #startSellLive, #endTransmitServMP {font-size: 1.1em;padding: 0.35em 0;margin-right: 10px;} .selected-row {background-color: #f5f5f5 !important;color: #444;} #showPopUp {font-size: 1.1em;padding: 0.35em 0;} */ /* Add Product popup legacy #camposAddProducto {text-align: center;margin-top: 1em;padding: 0em 1em 1em 1em;} #camposAddProducto input {padding: 8px 0;margin-bottom: 10px;width: 350px;font-size: 1.5em;border: solid 1px #5fa3df;border-radius: 3px;text-align: center;font-family: system-ui;} #cerrarPopUp {font-size: 0.85em;cursor: pointer;position: relative;left: 90px;top: -5px;} #addProduct {display: none;} #addphoto, #addProduct {font-size: 1.5em;font-weight: bold;margin-top: 0.5em;width: 250px;} #addProduct img {display: none;width: 20px;position: absolute;margin-top: 3px;margin-left: 20px;} #fieldIdProd {color: green;font-weight: 600;} #fieldDescProd {font-size: 1.2em !important;height: 32px;} #fieldComisionProdDiv {display: none;} #camposAddProducto label {float: left;font-size: 0.9em;} #camposAddProducto div {margin-top: 0.5em;} */ /* #datosShoppSearchInptDiv {display: block;margin: 0.5em;padding: 0.5em;} */ /* #datosShoppDiv {text-align: center;padding: 0.5em;margin-bottom: 0.8em;} .mySalesDiv, #wspContainer {display: inline-block;padding: 0.5em;} #historialNotas, .btnsMenu {display: block;text-align: center;width: 250px;background: #1e8be7;color: #fff;border-radius: 5px;padding: 0.8em 0;cursor: pointer;} */ tbody:not(#tableTotalesNotaTbody) tr:hover {background-color: #fff9fa !important;cursor: pointer;} #endTransmit {width: fit-content;padding: 0.35em 1.3em;font-size: 1.1em;margin-right: 0.5em;} #servicioBdDiv, #transmisionBdDiv, #comisionProdBdDiv {display: none;} #inptProduct {display: inline-block;} #editProdTitleCerrar {margin: 0.5em 0;} #idProductEditDivstyle {position: relative; display: inline-block;} .tipoTransmisionAll {visibility: hidden;} #transmiBDiv {display: none;} #idTransmisionBD {letter-spacing: 1px;} #searchInput2 {margin-left: 0.5em;border: solid 1px #4f9fe3;margin-top: 0.5em;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 16.2px;border-radius: 0.18519rem;outline: none;background: #fff;} /* Add Product sizes + oversized legacy #fieldVariacionesDiv {display: none;margin-top: 1.5em !important;} #fieldVariaciones {width: 250px;font-size: 1.25em;} #fieldVariaciones span {left: 0;} #fieldVariaciones .span1 {font-size: 1.2em;} .oversized-widget {width: 350px;color: #2f3a4a;} .oversized-header {display: flex;justify-content: space-between;text-align: left;align-items: flex-start;gap: 14px;} .oversized-text {margin: 0 !important;} .oversized-text h3 {margin: 0;font-size: 18px;font-weight: 700;color: #4a4f59;} .oversized-text p {margin: 6px 0 0;font-size: 14px;color: #73787f;line-height: 1.3;} .switch-oversized {position: relative;display: inline-block;width: 60px;height: 26px;flex-shrink: 0;margin-top: 2px;} .switch-oversized input {opacity: 0;width: 0;height: 0;position: absolute;} .slider-oversized {position: absolute;inset: 0;cursor: pointer;background-color: #e7ebf0;border: 2px solid #b7c0cb;border-radius: 999px;transition: 0.25s ease;} .slider-oversized::before {content: "OFF";position: absolute;left: 26px;top: 50%;transform: translateY(-50%);font-size: 12px;font-weight: 700;color: #7a8492;transition: 0.25s ease;} .slider-oversized::after {content: "";position: absolute;height: 16px;width: 16px;left: 6px;top: 3px;background-color: #ffffff;border-radius: 50%;box-shadow: 0 1px 4px rgba(0,0,0,0.18);transition: 0.25s ease;} .switch-oversized input:checked + .slider-oversized {background-color: #2f80ed;border-color: #2f80ed;} .switch-oversized input:checked + .slider-oversized::before {content: "ON";left: 13px;color: #ffffff;} .switch-oversized input:checked + .slider-oversized::after {transform: translateX(30px);} .oversized-card {margin-top: 14px !important;border: 2px solid #d5e3f4;background: #eef5ff;border-radius: 2px;overflow: hidden;display: none;} .oversized-card.active {display: block;} .oversized-image {display: block;width: 100%;height: auto;} .oversized-fee {text-align: center;padding: 10px 12px 12px;font-size: 18px;font-weight: 700;color: #4d5868;} .oversized-fee span {color: #3d84d8;} */ /* Imagen general producto - inventory legacy td.idProducto {display: none;} td.descProducto span, td.descProduct span {display: block;padding: 5px 0;font-size: 0.88em;color: #444;font-weight: bold;} .idProducto {text-align: center !important;} .imgProdGralContDiv {display: flex;justify-content: center;} .imgProdGralDiv {display: flex;align-items: center;width: 75px;height: 100px;padding: 2px;border-radius: 3px;border: 1px solid #ddd;background: #fff;} .imgProdGral {max-width: 100%;max-height: 100%;} .imgProdGralQuery {width: 25px;height: 30px;padding: 2px;border-radius: 3px;border: 1px solid #ddd;background: #fff;} .copyProd:hover {opacity: 0.8;} .copyProd:before {background: url(https://mydealshopper.com/wp-content/uploads/2024/05/duplicar.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 15px;height: 15px;margin-right: 5px;padding: 5px;border-radius: 5px;} .linkMydealPay:hover {opacity: 0.8;} .linkMydealPay:before {background: url(https://mydealshopper.com/wp-content/uploads/2025/03/link-ico.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 23px;height: 23px;margin-right: 5px; padding: 1px;border-radius: 5px;} */ /*Alert Temporal*/ .jGrowl {width: 100%;justify-content: center;display: flex;} .jGrowl-message {font-size: 2.5em;margin: 0.5em;} .jGrowl-notification .jGrowl-close {font-size: 2em;font-weight: normal;} .jGrowl-close:hover {opacity: 0.85;color: red;font-weight: bold;} /*Popup btns menu*/ #popupBtnsMenu {overflow: auto;background: #efefef;z-index: 9;} .popupBtnsMenu {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;height: 100vh;} .live-title-container {display: grid;position: absolute;top: 19%;width: 100%;place-content: center;} .live-title-tit {margin: 0;} .live-title-text {margin: 10px 0 0 0;color: #555;} #btnsMenuContainer {display: flex;width: 100vw;height: 100vh;justify-content: center;align-items: center;background: radial-gradient(circle at top right, rgba(236, 233, 255, 0.96) 0%, rgba(247, 243, 255, 0.94) 38%, rgba(245, 237, 255, 0.92) 100%),linear-gradient(180deg, #faf8ff 0%, #f7f0ff 100%);} .popupBtnsMenuDiv {display: grid;position: absolute;top: 30%;} .popupBtnsMenuDiv div {display: flex;align-items: center;padding: 10px 30px;;margin: 0.5em 0;font-size: 1.4em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 270px;} .popupBtnsMenuDiv div span {margin-left: 10px;} .boton.back_light {color: #000;background: radial-gradient(circle at top right, rgba(236, 233, 255, 0.96) 0%, rgba(247, 243, 255, 0.94) 38%, rgba(245, 237, 255, 0.92) 100%),linear-gradient(180deg, #faf8ff 0%, #f7f0ff 100%);} .boton.back_light svg {color: #ed264c;fill: #ed264c;} .popupBtnsMenuDiv svg {width: 55px;height: 55px;} .btnIco, .btnIco1 {width: 50px;position: absolute;left: 30px;margin-top: -10px;} .btnIco1 {left: 40px;} /* popupAddProducto legacy #popupAddProducto {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;} #addProductoContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;} #camposaddProductoDiv {width: fit-content;background: #fff;border-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;} */ /*popUp Variaciones*/ #popupVariacionesProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .overlayVariacionesProd {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 13;} #variacionesProdContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 1em;} #variacionesProdContainer input:focus-visible, #variacionesProdContainer select:focus-visible {outline: 1px solid #5fa3df;} .variacionesProdContent {width: 400px;background: #fff;border-radius: 5px;padding: 0em 1em 1em 1em;} #cerrarPopUpVariacionesProd {background: #e4002b;color: #fff;padding: 0.2em 0.5em;border-radius: 4px;cursor: pointer;font-size: 1em;font-weight: bold;position: relative;left: 7px;bottom: 6px;} .add_variations_div {margin-bottom: 12px;} .add_variations_div strong {font-size: 1.17em;} #add_variations_toggle {display: none;font-size: 0.85em;color: blue;cursor: pointer;text-decoration: underline;} #selectAttributeWrap {display: flex; align-items: center; gap: 8px; justify-content: center; padding-top: 12px;; border-top: solid 1px #ccc;} #attributeSelect {width: 70%;font-size: 1em;} #addAttributeBtnDiv {display: flex;justify-content: center;} #attributeSelect, #addAttributeBtn {padding: 8px 12px; border: 1px solid #5fa3df; border-radius: 6px;} #addAttributeBtn {display: none;background: #e4002b;font-size: 1em;color: #fff; border: none; cursor: pointer;} #addAttributeBtn:hover, #createVariationBtn:hover, .attribute-header button:hover, #addProductsBtn:hover {opacity: 0.8;} #otherAttributeInputs { justify-content: center; margin: 10px 0; display: none; gap: 8px; } #otherAttributeInputs input {width: 40%;text-align: center;padding: 8px; border: 1px solid #5fa3df; border-radius: 4px;} #attributeArea {display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0;border-top: solid 1px #ccc;padding: 1em 0 0 0.5em;place-content: center;} #attributeAreaText {color: #333;width: 100%;text-align: center;} .attribute-box {width: 42%;text-align: center;border: 1px solid #ccc; border-radius: 8px; padding: 10px; position: relative; background: #fafafa;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} .attribute-header {margin: 10px 0 15px 0;} .attribute-header button {background: transparent; border: none; font-size: 16px; cursor: pointer;font-weight: bold;position: absolute;right: 3px;top: 2px;color: #e4002b;} .clone {left: 3px;width: fit-content;} .attribute-input {width: 85%; padding: 6px; border: 1px solid #5fa3df; border-radius: 4px;font-size: 14px;margin-bottom: 10px;} input.attribute-input {text-align: center;} #variationDetails { display: none; width: 100%; gap: 7px; margin: 5px 0; padding-top: 17px;border-top: solid 1px #ccc;} #variationDetailsInptsDiv {text-align: center;} #variationDetailsInptsDiv input {width: 27%;height: 20px;text-align: center; padding: 8px; border: 1px solid #5fa3df; border-radius: 4px;margin-bottom: 5px;} #commission {display: none;} #variationOversizedWidget {width: min(100%, 100%);margin: 4px auto 6px auto;padding: 1em 0;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;} #createVariationBtnDiv {text-align: center;margin: 3px 0 12px 0;} #createVariationBtn {background: #e4002b;width: 85%;font-size: 1em;font-weight: bold;color: #fff;letter-spacing: 1px;border: none;padding: 12px 15px;border-radius:6px; cursor: pointer;} #yourProducts {border-top: solid 1px #ccc;display: none;} #yourProducts h3 {margin: 15px 0 10px 0;} #productTables {display: grid;place-content: center;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;padding: 10px 0 15px 0;} .variacionProductTop {margin: 0.5em 0;width: 210px;font-size: 0.9em;background: #fff;color: #222;border: solid 1px #5fa3df;border-radius: 7px;padding: 1.2em 2.5em 0.8em 1.2em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .variacionProductContent {min-width: 125px;} .codeVariableDiv {padding-bottom: 5px;} .codeVariable {font-weight: bold;color: #333;} .descVariable {font-size: 1.1em;} .priceQtyVariableDiv {padding: 10px 0 6px 0;} .priceVariable {font-size: 1.2em;font-weight: bold;} .qtyVariable {float: right;font-weight: bold;color: #444;padding-top: 1px;} .commisVariableDiv {display: inline-flex;width: 48%;} .commisVariable {font-size: 0.95em;font-weight: bold;color: #444;} .chkVariableDiv {display: inline-flex;width: 49%;justify-content: right;margin-top: 2px;} .chkVariable {font-size: 0.95em;color: #444;} .delVariacDiv {text-align: right;height: 0;position: relative;top: -5px;left: 22px;} .delVariac {background: #e4002b;color: #fff;padding: 0px 6px 2px 6px;border-radius: 3px;cursor: pointer;} .delVariac:hover {opacity: 0.9;} #addProductsBtnDiv {display: none;text-align: center;} #addProductsBtn {width: 85%;background: #e4002b;font-size: 1em;font-weight: bold;color: #fff; border: none; padding: 12px 50px;border-radius: 6px; cursor: pointer; margin-top: 15px;letter-spacing: 1px;} /* popupEditProd legacy #popupEditProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;background: #efefef;} .overlayEditProd {position: fixed;top: 0;z-index: 9;left: 0;right: 0;} #editProdContainer {width: 100%;padding: 0.5em 0;} #searchCodeDel {display: inline-block;width: 48%;text-align: right;margin-right: 1em;} #btnsDel {display: inline-block;width: 48%;place-content: center;} #editProdFields {display: inline-flex;width: 100%;justify-content: center;text-align: center;} #idProductEdit {font-size: 1.3em; font-weight: bold; color: #0f5b9c; padding: 5px; text-align: center; border: solid 1px #57b9e4; border-radius: 5px;position: relative;bottom: 2px;background: #fff;} #idProductEdit::placeholder {font-weight: normal;} label[for="idProductEdit"] {display: block;text-align: left;margin-left: 0.3em;} #delProduct {display: block;margin-bottom: 0.5em;} #delAllProducts {display: block;} #editProdFields div span img {width: 20px;margin-right: 0.3em;position: relative;top: 2px;} #cerrarPopUpEditDiv {text-align: right;} #cerrarPopUpEdit {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;top: 10px;} #cerrarPopUpEdit:hover {opacity: 0.8;} */ /* popupVentas legacy #popupVentas {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;background: #efefef;} .overlayPopupVentas {position: fixed;top: 0;z-index: 9;left: 0;right: 0;} #popupVentasContainer {width: 100%;height: 100vh;} #notashistorialDiv {padding: 3px;} #historialNotasTab th, #historialNotasTab td {text-align: center;} #historialNotasTab .numNota {width: 25%;} #historialNotasTab .status {width: 25%;} #historialNotasTab .fecha {width: 25%;} #historialNotasTab .btnVer {width: 25%;} .btnVer .boton {width: 30px;background: #3383f5;} #popupVentasContainer .titulo {display: inline-block;font-weight: bold;padding: 5px;} #cerrarPopupVentas {float: right;position: relative;top: 5px;right: 5.3px;} .topbarPopups {background: #0f5b9c;padding: 0.3em 0.5em;margin-bottom: 0.5em;} #cerrarPopupVentas:hover {cursor: pointer;width: auto;opacity: 0.8;} #querySalesDiv {color: #fff;padding: 0.3em 0;} .querySales.boton {margin-left: 0.5em;width: auto;} #tables {display: none;position: fixed;top: 0;z-index: 10;background: #efefef;height: 100vh;overflow: scroll;margin-bottom: 2em;} #tableUSA, #tableInter, #tableTotalesNotaDiv {padding: 3px;} #historialNotasTab tbody {max-height: 73vh;} #reportTit {display: none;color: #fff;padding: 0 5px;} #cerrarTablesDiv {float: right;} #cerrarTables {position: relative;top: -0.32em;right: 5.3px;} #cerrarTables:hover {cursor: pointer;opacity: 0.8;} .tablesTitle {display: block;font-weight: bold;padding: 5px;} #tableInter {margin: 1.5em 0 2.5em 0;} #tableTotalesNotaDiv {margin-bottom: 1em;} */ /* popupVentas redesign */ #popupVentas {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;background: #fff9fa;} .overlayPopupVentas {position: fixed;inset: 0;z-index: 9;} #popupVentasContainer {width: min(1080px, 100%);min-height: 100vh;margin: 0 auto;padding: 24px 18px 32px;box-sizing: border-box;} .salesPanelHeader {display: flex;flex-direction: column;gap: 14px;margin-bottom: 18px;} #cerrarPopupVentas, #cerrarTables {display: inline-flex;align-items: center;gap: 4px;width: fit-content;padding: 0;border: none;background: transparent;color: #2d73ee;font-size: 18px;font-weight: 500;cursor: pointer;text-decoration: none;box-shadow: none;} #cerrarPopupVentas::before, #cerrarTables::before {content: "\2190";font-size: 20px;line-height: 1;position: relative;top: -3px;} #cerrarPopupVentas:hover, #cerrarTables:hover {opacity: 0.78;background: transparent;} .salesPanelIntro {display: flex;flex-direction: column;gap: 6px;} .salesPanelTitle {margin: 0;color: #273043;font-size: 2.2rem;line-height: 1.05;font-weight: 700;letter-spacing: -0.04em;} .salesPanelSubtitle {margin: 0;color: #727b90;font-size: 1.05rem;line-height: 1.5;} .salesPanelSwitch {display: inline-grid;grid-template-columns: repeat(2, minmax(0, 1fr));width: min(430px, 100%);padding: 0;border-radius: 7px;border: 1px solid #d6dcebf2;} .salesPanelSwitchBtn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 44px;padding: 0 16px;border: none;background: #fff;color: #6c758b;font-size: 0.98rem;font-weight: 700;cursor: pointer;border-radius: 0 7px 7px 0;transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;} .salesPanelSwitchBtn:hover {color: #39445b;} .salesPanelSwitchBtn.is-active {background: linear-gradient(180deg, #d9e7ff 0%, #c9dbff 100%);color: #2d73ee;border-radius: 7px 0 0 7px;} .salesPanelSwitchIcon {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;} .salesPanelSwitchIcon svg {width: 22px;height: 22px;fill: currentColor;} #notashistorialDiv {padding: 0;} .salesSearchShell {display: flex;align-items: center;gap: 12px;padding: 0 14px;margin-bottom: 14px;background: rgba(255, 255, 255, 0.92);border: 1px solid rgba(214, 220, 235, 0.95);border-radius: 7px;box-shadow: 0 10px 26px rgba(24, 38, 72, 0.05);} .salesSearchIcon {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;color: #a4adbc;flex-shrink: 0;} .salesSearchIcon svg {width: 22px;height: 22px;fill: currentColor;} #searchInputDiv2 #searchInput2 {flex: 1;height: 46px;margin: 0;border: none;background: transparent;font-size: 1rem;color: #334155;outline: none;padding: 0;} #searchInputDiv2 #searchInput2::placeholder {color: #9aa3b2;} #searchInputDiv2 .clsSearchInput {display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;padding: 0;border: none;border-radius: 50%;background: transparent;color: #98a0b0;font-size: 28px;line-height: 1;cursor: pointer;position: static;} #searchInputDiv2 .clsSearchInput:hover {background: #eef2fb;color: #73809a;} .salesHistoryCard {background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(220, 225, 239, 0.95);border-radius: 15px;overflow: auto;box-shadow: 0 18px 34px rgba(19, 31, 58, 0.06);} #historialNotasTab {width: 100%;border-collapse: separate;border-spacing: 0;table-layout: fixed;margin: 0;} #historialNotasTab thead {display: table-header-group;width: auto;} #historialNotasTab thead tr {display: table-row;width: auto;} #historialNotasTab tbody {display: table-row-group;max-height: none;overflow: visible;} #historialNotasTab tbody tr {display: table-row;width: auto;table-layout: fixed;transition: background-color 0.18s ease;} #historialNotasTab th, #historialNotasTab td {padding: 16px 20px;text-align: center;vertical-align: middle;border: none;} #historialNotasTab th {font-size: 0.98rem;font-weight: 700;color: #2d3548;background: rgba(255,255,255,0.98);} #historialNotasTab .numNota {width: 25%;} #historialNotasTab .status {width: 30%;} #historialNotasTab .fecha {width: 25%;} #historialNotasTab .btnVer {width: 25%;} #historialNotasTab tbody tr:nth-child(odd) {background: rgba(255,255,255,0.98);} #historialNotasTab tbody tr:nth-child(even) {background: #eef5ff;} #historialNotasTab tbody tr:hover {background: #e7f0ff !important;color: inherit !important;cursor: default;} #historialNotasTab tbody td {font-size: 1rem;color: #2d3548;} .salesReportValue {font-weight: 600;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;} .salesStatusPill {display: inline-flex;min-width: 70px;align-items: center;justify-content: center;gap: 8px;padding: 8px 12px;border-radius: 999px;font-weight: 500;line-height: 1;} .salesStatusPill::before {content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor;} .salesStatusPill.is-pending {background: #fff2cc;color: #c08b00;} .salesStatusPill.is-paid {background: #dff6e8;color: #1c9251;} #pendingReceipt {margin-top: 8px;} #pendingReceipt span {display: inline-flex;align-items: center;padding: 4px 10px;border-radius: 999px;background: #edf4ff;color: #3c74d6;font-size: 0.78rem;font-weight: 600;border: none;} .salesViewButton {display: inline-flex;width: 75%;align-items: center;justify-content: center;gap: 8px;padding: 10px 14px;border: none;border-radius: 7px;background: linear-gradient(180deg, #3b7cf5 0%, #2f6fe8 100%);color: #fff;font-size: 1em;font-weight: 500;cursor: pointer;box-shadow: 0 10px 18px rgba(47, 111, 232, 0.22);} .salesViewButton span{font-size: 0.9em;position: unset;} .salesViewButton:hover {opacity: 0.92;} .salesViewButton svg {width: 17px;height: 17px;fill: currentColor;} .salesEmptyRow td {padding: 34px 20px !important;text-align: center !important;} .salesEmptyState {display: inline-block;color: #6f7890;font-size: 0.98rem;} @media (max-width: 553px) { #historialNotasTab {width: 515px;} } /* todaySales layout legacy #tables {display: none;position: fixed;inset: 0;z-index: 10;background: radial-gradient(circle at top right, #f3f5ff 0%, #f8f8fd 42%, #f6f7fb 100%);overflow: auto;padding: 24px 18px 32px;box-sizing: border-box;} #tables .topbarPopups {display: flex;align-items: center;justify-content: space-between;gap: 16px;max-width: 1080px;margin: 0 auto 14px;padding: 0;background: transparent;} #reportTit {display: none;color: #273043;padding: 0;font-size: 1.65rem;font-weight: 700;} #cerrarTablesDiv {float: none;} #tableUSA, #tableInter, #tableTotalesNotaDiv {max-width: 1080px;margin-left: auto;margin-right: auto;padding: 0;} .tablesTitle {display: block;font-size: 1.35rem;font-weight: 700;color: #273043;padding: 0;margin: 10px 0 12px;} #tableInter {margin: 24px auto 32px;} #tableTotalesNotaDiv {margin-bottom: 20px;} #popupVentasContainer .descProduct span {margin-right: 4px;} @media (max-width: 768px) { #popupVentasContainer, #tables {padding: 18px 10px 24px;} .salesPanelHeader {gap: 15px;margin-bottom: 16px;} .salesPanelTitle {font-size: 1.9rem;} .salesPanelSubtitle {font-size: 0.95rem;} .salesPanelSwitch {width: 100%;} .salesPanelSwitchBtn {min-height: 42px;padding: 0 12px;font-size: 0.92rem;} #searchInputDiv2 #searchInput2 {height: 44px;font-size: 0.95rem;} .salesHistoryCard {overflow-x: auto;} #historialNotasTab th, #historialNotasTab td {padding: 14px 14px;font-size: 0.85em !important;} .salesViewButton {min-width: 70px;padding: 8px 6px;gap: 5px;} .tablesTitle {font-size: 1.18rem;} #reportTit {font-size: 1.35rem;} } @media (max-width: 430px) { #historialNotasTab .btnVer {display: none;} } #tableTotalesNota #trCupon {display: none;} .prodInternacionalDiv {margin-top: 8px;text-align: right;padding-right: 5px;float: right;} #pendingGuideSummarySeller {display: none;align-items: center;justify-content: end;gap: 8px;margin-top: 8px;padding-right: 5px;clear: both;float: right;} .pendingGuideSummaryText {font-size: 0.95em;color: #214d74;} .pendingGuideCountSeller {display: inline-flex;align-items: center;justify-content: center;min-width: 28px;padding: 3px 8px;border-radius: 999px;background: #0f5b9c;color: #fff;font-weight: bold;} .pendingGuideViewSeller {font-size: 0.85em !important;padding: 0.45em 1em !important;} #tables .btn-descargar {cursor: pointer;background: #e4002b;border: none;color: #fff;padding: 0.5em 1em;border-radius: 4px;display: inline-block;text-decoration: none;} #tables .btn-descargar:hover {opacity: 0.8;} #guiaInterDownload .btn-descargar {font-size: 0.9em;margin-bottom: 0.5em;} #prodUSATable .imgProdQuery {width: 8%;} #prodUSATable .idCompra {width: 12%;} #prodUSATable .idProd {width: 13%;display: none;} #prodUSATable .descProduct {width: 26%;} #prodUSATable .precioProd {width: 16%;} #prodUSATable .comiProd {width: 10%;} #prodUSATable .btnGuia {width: 10%;} #reqPayment {justify-content: center;display: flex;margin-bottom: 6em;} #numReporte {display: none;} .reqPaymentSpan {font-size: 1em;padding: 0.85em 4.15em;background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;} .reqPaymentSpan:hover {opacity: 0.8;} .reqPaymentSpan img {position: absolute;width: 36px;margin-left: -25px;margin-top: -10px;} .reqPaymentSpan span {position: relative;left: 25px;} .delOrder button {margin-right: 0.25em;padding: 6px 8px;font-size: 0.8em;border-radius: 50%;background: #e4002b;border: solid 1px #e4002b;cursor: pointer;} .delOrder button:hover {opacity: 0.8;} .delOrder img {width: 15px;} #tableTotalesNotaTbody .td1_width {width: 10%;} #prodUSATable th, #prodUSATable td, #prodInterTable th, #prodInterTable td {text-align: center;} #prodUSATable .idCompra, #prodInterTable .idCompra, #prodUSATable .descProduct, #prodInterTable .descProduct {text-align: left;} #prodInterTable .idProd {display: none;} #prodUSATbody, #prodInterTbody {max-height: 200px;} .sowMoreLess {display: inline-flex;align-items: center;padding: 5px;font-size: 0.9em;cursor: pointer;} .sowMoreLess svg {width: 15px;margin-left: 3px;} .titleTotales {text-align: right;padding-right: 1em;} .valTotales {text-align: left;padding-left: 1em;} .verMasFeesToggle {font-size: 0.95em;text-decoration: underline;cursor: pointer;color: #0c86ee;} .feesVerMas, .shippingVerMas {display: none;font-size: 0.95em;} */ /* todaySales redesign */ #tables[data-sales-mode="today"] .todaySalesTable tbody { max-height: 205px; } #tables[data-sales-mode="report"] #prodUSATbody { max-height: 239px; } #tables[data-sales-mode="report"] #prodInterTbody { max-height: 205px; } #tables { display: none; position: fixed; inset: 0; z-index: 10; overflow: auto; padding: 24px 18px 36px; box-sizing: border-box; background: radial-gradient(circle at top right, rgba(236, 233, 255, 0.96) 0%, rgba(247, 243, 255, 0.94) 38%, rgba(245, 237, 255, 0.92) 100%), linear-gradient(180deg, #faf8ff 0%, #f7f0ff 100%); } #tables .topbarPopups { max-width: 1028px; margin: 0 auto 0; padding: 0 4px; background: transparent; } #reportTit { display: none; color: #2b3454; padding: 0; margin: 13px 0; font-size: 1.35rem; letter-spacing: -0.03em; } #todaySalesTitle { display: none; margin: 13px 0; font-size: 1.35em; } #cerrarTablesDiv { float: none; } #tableUSA, #tableInter, #tableTotalesNotaDiv { max-width: 1000px; margin: 0 auto 18px; padding: 18px 5px 14px; border: 1px solid rgba(226, 217, 245, 0.92); border-radius: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(248, 239, 255, 0.82) 100%); box-shadow: 0 18px 40px rgba(90, 79, 142, 0.08); backdrop-filter: blur(10px); } .tablesTitle { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 10px 0; padding-left: 15px; color: #51407f; letter-spacing: -0.02em; font-size: 1.23rem; } #tableUSA .tablesTitle::before, #tableInter .tablesTitle::before, #tableTotalesNotaDiv .tablesTitle::before { content: ""; width: 22px; height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: contain; } #tableUSA .tablesTitle::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23bd3d44' d='M0 0h640v480H0'/%3E%3Cpath stroke='%23fff' stroke-width='37' d='M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640'/%3E%3Cpath fill='%23192f5d' d='M0 0h364v258H0'/%3E%3Cg fill='%23fff'%3E%3Cg id='s18'%3E%3Cg id='s9'%3E%3Cg id='s5'%3E%3Cg id='s4'%3E%3Cpath id='s' d='m31 26 9 27-23-17h28L22 53z'/%3E%3Cuse href='%23s' x='61'/%3E%3Cuse href='%23s' x='122'/%3E%3Cuse href='%23s' x='183'/%3E%3C/g%3E%3Cuse href='%23s' x='244'/%3E%3C/g%3E%3Cuse href='%23s4' y='55'/%3E%3C/g%3E%3Cuse href='%23s9' y='110'/%3E%3C/g%3E%3Cuse href='%23s18' y='220'/%3E%3C/g%3E%3C/svg%3E"); } #tableInter .tablesTitle::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23806ac7' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.2a15.6 15.6 0 0 0-1.7-5A8 8 0 0 1 18.9 11Zm-6.9 9a13.7 13.7 0 0 1-2.1-5h4.2A13.7 13.7 0 0 1 12 20Zm-2.5-7a11.7 11.7 0 0 1 0-2h5a11.7 11.7 0 0 1 0 2h-5Zm.4-7A13.7 13.7 0 0 1 12 4a13.7 13.7 0 0 1 2.1 5H9.9ZM10 6a15.6 15.6 0 0 0-1.7 5H5.1A8 8 0 0 1 10 6Zm-4.9 7h3.2a15.6 15.6 0 0 0 1.7 5A8 8 0 0 1 5.1 13Zm8.9 5a15.6 15.6 0 0 0 1.7-5h3.2A8 8 0 0 1 14 18Z'/%3E%3C/svg%3E"); } #tableTotalesNotaDiv .tablesTitle::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23806ac7' d='M5 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm2 4v2h8V7H7Zm0 4v2h8v-2H7Zm0 4v2h5v-2H7Z'/%3E%3C/svg%3E"); } .todaySalesTable { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; } .todaySalesTable thead { display: none !important; } .todaySalesTable tbody { display: grid; gap: 10px; max-height: 280px; overflow: auto; padding: 2px 0 0; } .todaySalesTable tbody tr { display: grid; align-items: center; gap: 12px 18px; padding: 14px 16px; border: 1px solid rgba(234, 226, 245, 0.9); border-radius: 18px; background: rgba(255, 255, 255, 0.74) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8); } .todaySalesTable td { padding: 0 !important; border: none !important; background: transparent !important; color: #2d3554; font-size: 1rem; vertical-align: middle; } .todaySalesTable .imgProdQuery { display: flex; justify-content: center; grid-area: img; } .todaySalesTable .imgProdGralQuery { display: block; width: 48px; height: 48px; padding: 3px; border-radius: 12px; border: 1px solid rgba(222, 215, 240, 0.95); background: #ffffff; object-fit: cover; box-shadow: 0 6px 14px rgba(62, 49, 103, 0.06); } .todaySalesTable .todaySalesInfo { grid-area: info; display: flex; flex-direction: column; gap: 7px; min-width: 0; } .todaySalesTable .todaySalesMetaTop, .todaySalesTable .todaySalesMetaBody { display: flex; align-items: center; gap: 12px; min-width: 0; flex-wrap: wrap; } .todaySalesTable .idCompra { display: inline-flex; align-items: center; min-width: 0; font-size: 0.9rem; font-weight: 500; color: #5b4f82; letter-spacing: -0.01em; } .todaySalesOrderValue { display: inline-block; } .todaySalesTable .idProd { font-size: 0.85rem; font-weight: 700; color: #6b6791; white-space: nowrap; } .todaySalesTable .descProduct { min-width: 0; font-size: 0.82rem; font-weight: 500; color: #444; } .todaySalesTable .precioProd { grid-area: price; align-self: start; justify-self: end; font-size: 1.08rem; font-weight: 700; color: #26314d; white-space: nowrap; } .todaySalesTable .comiProd { font-size: 0.82rem; font-weight: 600; color: #5b4f82; white-space: nowrap; } .todaySalesTable .btnGuia { grid-area: guide; justify-self: flex-start; } .todaySalesTable .btnGuia:empty { display: none; } #tables[data-sales-role="seller"] .todaySalesTable tbody tr.has-guide { grid-template-areas: "img info price" "img info guide"; } #tables[data-sales-role="seller"] .todaySalesMetaTop { margin-bottom: 1px; } #tables[data-sales-role="seller"] .todaySalesTable .descProduct { font-size: 0.84rem; } #tables[data-sales-role="seller"] .todaySalesTable .comiProd, #tables[data-sales-role="seller"] .todaySalesTable .delOrder { display: none !important; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr { grid-template-columns: 48px minmax(0, 1fr) auto; grid-template-areas: "img info price"; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete { grid-template-columns: 48px minmax(0, 1fr) auto 42px; grid-template-areas: "img info price " "img info delete"; } #tables[data-sales-role="shopper"] .todaySalesMetaBody { gap: 8px; } #tables[data-sales-role="shopper"] .todaySalesTable .comiProd::before { content: "Commn: "; font-weight: 700; } #tables[data-sales-role="shopper"] .todaySalesTable .precioProd { font-size: 1.15rem; color: #1f2540; } .delOrder { grid-area: delete; justify-self: end; align-self: center; } .delOrder button { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border-radius: 50%; border: none; background: linear-gradient(180deg, #ff1f56 0%, #e4002b 100%); box-shadow: 0 10px 18px rgba(228, 0, 43, 0.18); cursor: pointer; } .delOrder button:hover { opacity: 0.9; } .delOrder img { width: 15px; height: 15px; filter: brightness(0) invert(1); } #tables .btn-descargar { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 14px; border-radius: 12px; border: none; background: linear-gradient(180deg, #7f8eff 0%, #6678eb 100%); color: #ffffff; font-size: 0.88rem; font-weight: 700; text-decoration: none; cursor: pointer; box-shadow: 0 10px 18px rgba(103, 120, 235, 0.2); } #tables .btn-descargar:hover { opacity: 0.92; } .sowMoreLess svg { width: 12px; height: 12px; fill: currentColor; float: right; position: relative; top: 2px; left: 5px; } .prodInternacionalDiv, #pendingGuideSummarySeller { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 10px; float: none; padding-right: 0; clear: both; } .pendingGuideSummaryText { font-size: 0.9rem; color: #635885; } .pendingGuideCountSeller { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; padding: 4px 10px; border-radius: 999px; background: #6f79e8; color: #ffffff; font-weight: 700; } .pendingGuideViewSeller { font-size: 0.86rem !important; padding: 0.5em 1em !important; } #tableTotalesNota { width: 100%; border-collapse: separate; border-spacing: 0; } #tableTotalesNota tbody { display: block; border: 1px solid rgba(232, 224, 245, 0.9); overflow: hidden; background: rgba(255, 255, 255, 0.66); } #tableTotalesNota tr { display: grid; grid-template-columns: minmax(0, 1fr) 50%; align-items: center; gap: 18px; padding: 10px 16px; } #tableTotalesNota tr:nth-child(odd) { background: rgba(255, 255, 255, 0.42); } #tableTotalesNota tr:nth-child(even) { background: rgba(243, 232, 255, 0.58); } #tableTotalesNota #trCupon { display: none; } .titleTotales { text-align: left; padding-right: 0; color: #655a82; font-size: 0.95rem; font-weight: 500; } .valTotales { text-align: left; padding-left: 0; color: #2f3654; font-size: 1rem; } #tableTotalesNota #total .titleTotales { font-size: 1.28rem; font-weight: 700; color: #2d2f4f; } #tableTotalesNota #total .valTotales { font-size: 1.28rem; font-weight: 700; color: #3a8b60; } .verMasFeesToggle { display: inline-flex; margin-top: 3px; color: #6b74de; font-weight: 600; text-decoration: underline; cursor: pointer; } .feesVerMas, .shippingVerMas { display: none; font-size: 0.9rem; line-height: 1.3; padding: 5px 0 0 5px; } #reqPayment { display: flex; justify-content: center; margin: 18px auto 0; } #numReporte { display: none; } .reqPaymentSpan { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 24px; border: none; border-radius: 14px; background: linear-gradient(180deg, #ff1f56 0%, #e4002b 100%); color: #ffffff; font-size: 1rem; font-weight: 700; cursor: pointer; box-shadow: 0 14px 24px rgba(228, 0, 43, 0.18); } .reqPaymentSpan:hover { opacity: 0.92; } .reqPaymentSpan img { position: static; width: 20px; height: 20px; } .reqPaymentSpan span { position: static; left: auto; } @media (max-width: 920px) { #tables { padding: 20px 12px 30px; } #tables .topbarPopups { padding: 0; } #tableUSA, #tableInter, #tableTotalesNotaDiv { padding: 16px 14px 14px; } } @media (max-width: 680px) { #tables { padding: 16px 10px 28px; } #tables .topbarPopups { margin-bottom: 12px; } #reportTit { font-size: 1.35rem; } .tablesTitle { font-size: 1.1rem; } .todaySalesTable tbody { gap: 8px; max-height: 236px; } #tables[data-sales-mode="report"] #prodUSATbody { max-height: 262px; } #tables[data-sales-mode="report"] #prodInterTbody { max-height: 263px; } .todaySalesTable tbody tr { padding: 12px; border-radius: 16px; } .todaySalesTable .imgProdGralQuery { width: 55px !important; height: 55px !important; border-radius: 7px !important; margin-left: 5px; } .todaySalesTable .todaySalesInfo { gap: 6px; } .todaySalesTable .todaySalesMetaTop, .todaySalesTable .todaySalesMetaBody { flex-direction: column; align-items: flex-start; gap: 4px; } .todaySalesTable .precioProd { font-size: 1rem; } #tables[data-sales-role="seller"] .todaySalesTable .precioProd { font-size: 0.98rem; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr { grid-template-columns: 60px minmax(0, 1fr) auto; grid-template-areas: "img info price"; align-items: start; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete { grid-template-columns: 60px minmax(0, 1fr) auto; grid-template-areas: "img info price" "img info delete"; align-items: start; } #tables[data-sales-role="shopper"] .todaySalesTable .comiProd::before { content: "Commission: "; } .delOrder button { width: 42px; height: 42px; } #tableTotalesNota tr { padding: 9px 12px; gap: 12px; } #tableTotalesNota #total .titleTotales, #tableTotalesNota #total .valTotales { font-size: 1.14rem; } .reqPaymentSpan { width: 100%; max-width: 320px; } } @media (max-width: 428px) { #tables[data-sales-mode="report"] #prodUSATbody { max-height: 285px; } } /* todaySales refinement v2 */ #tableUSA, #tableInter, #tableTotalesNotaDiv { padding: 14px 14px 12px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(246, 237, 255, 0.8) 100%); box-shadow: 0 16px 36px rgba(123, 105, 174, 0.08); } #tableTotalesNotaDiv .tablesTitle::before { display: none; } #tableTotalesNotaDiv .tablesTitle { gap: 0; } .todaySalesTable { display: block; width: 100%; } .todaySalesTable tbody { display: flex; flex-direction: column; gap: 0; padding: 0; } .todaySalesTable tbody tr { width: 100%; box-sizing: border-box; gap: 10px 16px; padding: 10px 20px; border: 0; border-top: 1px solid rgba(223, 211, 246, 0.9); border-radius: 0; background: transparent !important; box-shadow: none; } .todaySalesTable tbody tr:first-child { border-top: 1px solid rgba(223, 211, 246, 0.9); } .todaySalesTable .imgProdGralQuery { width: 58px; height: 40px; padding: 2px; border-radius: 10px; box-shadow: 0 4px 10px rgba(62, 49, 103, 0.05); } .todaySalesTable .todaySalesInfo { gap: 4px; } .todaySalesTable .todaySalesMetaTop, .todaySalesTable .todaySalesMetaBody { gap: 6px 10px; } .todaySalesTable .idCompra { font-size: 1rem; } .todaySalesTable .idProd { font-size: 0.72rem; letter-spacing: 0; } .todaySalesTable .descProduct { font-size: 0.72rem; line-height: 1.3; } .todaySalesTable .precioProd { padding-left: 8px; font-size: 1.1rem; line-height: 1; } #tables[data-sales-role="seller"] .todaySalesTable tbody tr { grid-template-areas: "img info price"; grid-template-columns: 100px minmax(0, 1fr) minmax(100px, max-content); align-items: center; } #tables[data-sales-role="seller"] .todaySalesMetaTop { margin-bottom: 0; } #tables[data-sales-role="seller"] .todaySalesMetaBody { flex-direction: row; align-items: center; flex-wrap: wrap; } #tables[data-sales-role="seller"] .todaySalesTable .idProd, #tables[data-sales-role="seller"] .todaySalesTable .descProduct { font-size: 1.2rem; } #tables[data-sales-role="seller"] .todaySalesTable .precioProd { display: contents; color: #3c8f63; letter-spacing: -0.03em; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr { grid-template-columns: 58px minmax(0, 1fr) minmax(74px, max-content); align-items: center; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete { grid-template-columns: 58px minmax(0, 1fr) minmax(74px, max-content) 42px; } #tables[data-sales-role="shopper"] .todaySalesMetaTop { align-items: center; } #tables[data-sales-role="shopper"] .todaySalesMetaBody { flex-direction: row; align-items: center; flex-wrap: wrap; } #tables[data-sales-role="shopper"] .todaySalesTable .idProd, #tables[data-sales-role="shopper"] .todaySalesTable .descProduct, #tables[data-sales-role="shopper"] .todaySalesTable .comiProd { font-size: 0.76rem; } .sowMoreLess { padding: 6px 13px; border-radius: 5px; font-size: 0.85em; box-shadow: 0 8px 16px rgba(103, 120, 235, 0.14); margin: 12px 0 0 0; background: linear-gradient(180deg, #7f8eff 0%, #6678eb 100%); color: #ffffff; cursor: pointer; width: fit-content; min-width: 110px; text-align: center; } #tableTotalesNota tbody { border: 1px solid rgba(226, 215, 247, 0.85); background: rgba(255, 255, 255, 0.56); } #tableTotalesNota tr { display: grid; align-items: center; width: 100%; box-sizing: border-box; grid-template-columns: minmax(0, 1fr) 50%; gap: 18px; padding: 10px 16px; } .titleTotales, .valTotales { font-size: 1.05rem; } @media (max-width: 680px) { #tableUSA, #tableInter, #tableTotalesNotaDiv { padding: 12px 12px 10px; } #tables[data-sales-mode="today"] .todaySalesTable tbody { max-height: 263px; } .todaySalesTable tbody tr { gap: 8px 10px; padding: 10px 4px; } .todaySalesTable .todaySalesInfo { gap: 3px; } .todaySalesTable .todaySalesMetaTop, .todaySalesTable .todaySalesMetaBody { gap: 3px 8px; } .todaySalesTable .idCompra { font-size: 0.9rem !important; } .todaySalesTable .idProd, .todaySalesTable .descProduct, .todaySalesTable .comiProd { font-size: 1.1rem !important; } #tables[data-sales-role="seller"] .todaySalesTable .precioProd { font-size: 1.1rem; margin: 14px 10px 0px 0px; } .todaySalesTable .precioProd { padding-left: 4px; font-size: 0.92rem; } #tables[data-sales-role="seller"] .todaySalesTable tbody tr { grid-template-columns: 100px minmax(0, 1fr) minmax(85px, max-content); } #tables[data-sales-role="seller"] .todaySalesMetaBody { flex-direction: column; align-items: flex-start; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr { grid-template-columns: 54px minmax(0, 1fr) minmax(66px, max-content); grid-template-areas: "img info price"; } #tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete { grid-template-columns: 54px minmax(0, 1fr) minmax(58px, max-content); grid-template-areas: "img info price" "img info delete"; } #tables[data-sales-role="shopper"] .todaySalesMetaTop, #tables[data-sales-role="shopper"] .todaySalesMetaBody { flex-direction: column; align-items: flex-start; } .sowMoreLess { padding: 8px 20px; font-size: 0.85rem; } #tableTotalesNota tr { padding: 8px 12px; } } /* todaySales report client grouping */ #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody { gap: 0; } #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-start, #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-continue { position: relative; border-left: 2px solid rgba(107, 116, 222, 0.9); border-right: 2px solid rgba(107, 116, 222, 0.9); } #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-start { border-top-left-radius: 16px; border-top-right-radius: 16px; } #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-start:first-child { margin-top: 0; } #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-end { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-base { background: rgba(255, 255, 255, 0.96) !important; } #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-alt { background: rgba(243, 238, 255, 0.92) !important; } @media (max-width: 680px) { #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-start, #tables[data-sales-mode="report"] #tableUSA .todaySalesTable tbody tr.client-group-continue { border-right-width: 3px; } } #pendingGuidePopupSeller {display: none;position: fixed;inset: 0;z-index: 11;background: #efefef;overflow: auto;} .pendingGuidePopupSellerContent {min-height: 100vh;background: #efefef;} #cerrarPendingGuidePopupSeller {float: right;position: relative;top: 5px;right: 5.3px;cursor: pointer;color: #fff;} #cerrarPendingGuidePopupSeller:hover {opacity: 0.8;} #pendingGuidePopupSeller .tablesTitle {padding: 5px 8px;} #pendingGuideTableSeller {margin: 0 3px;} #pendingGuideTableSeller th, #pendingGuideTableSeller td {text-align: center;} #pendingGuideTableSeller .idCompra, #pendingGuideTableSeller .descProduct {text-align: left;} #pendingGuideTableSeller .idProd {display: none;} #pendingGuideTableSeller .imgProdQuery {width: 8%;} #pendingGuideTableSeller .idCompra {width: 12%;} #pendingGuideTableSeller .descProduct {width: 26%;} #pendingGuideTableSeller .precioProd {width: 15%;} #pendingGuideTableSeller .comiProd {width: 10%;} #pendingGuideTableSeller .numReporte {width: 14%;} #pendingGuideTbodySeller {max-height: 62vh;} /*popUp popupTipoTransmision*/ #popupTipoTransmision {display: flex;justify-content: center;align-items: center;transition: opacity 1.5s ease;overflow: auto;padding: 0 3px;background: #fff;} #btnsTipoTransmision {background: #fff;width: 45%;text-align: center;padding: 1.5em 0.5em 2em 0.5em;;border-radius: 5px; background-image: url(https://mydealshopper.com/wp-content/uploads/2026/03/Logo-mydeal.jpg); background-position: center; background-repeat: no-repeat; background-size: 80%; } /* Live setup legacy popup CSS omitted in favor of the redesigned modal block near the end of this file. #popupSelectTiendasPS {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .popupSelectTiendasPS {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 999;} #selectTiendasPSContainer {width: 100%;display: inline-flex;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #selectTiendasPS {max-width: 350px;border-radius: 10px;} .titleTop {background: #0f5b9c;color: #fff;text-align: center;padding: 0.5em 0;font-size: 1.5em;font-weight: bold;border-top-left-radius: 10px;border-top-right-radius: 10px;} #contentPadding {padding: 0.5em 1em 0 1em;background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: auto;} #seleTienPScerrar {font-size: 0.8em;cursor: pointer;position: relative;left: 90px;top: -5px;} #tiendasPSselect {display: none;} #startBtn {width: 100%;margin: 0.8em 0 0.8em 0;font-size: 1.2em;font-weight: bold;padding: 0.5em 1.5em;} #buscarTiendaInpt, .inptComis {width: 280px;;border: solid 1px #4f9fe3;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 1em;border-radius: 0.18519rem;outline: none;background: #fff;} .inptComis {width: 70px;text-align: center;margin: 0.5em 0 0.5em 1.5em;padding: 0.55rem;} .comisDiv {margin: 5px 0;} #resultSearchSelTienda {display: none;position: absolute;width: 300px;background: #fff;margin-top: -10px;list-style: none; padding: 0;border: 1px solid #4f9fe3;height: 165px; overflow-y: auto;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} #resultSearchSelTienda li {cursor: pointer;padding: 7px;border-bottom: 1px solid #ddd;} #resultSearchSelTienda li:hover {background: #0f5b9c;color: #fff} #resultSearchSelTienda #id-default {display: none;} .titlePlatforms {display: block;margin-bottom: 7px;} .titleSeleTienPS {display: block;margin: 0.5em 0;} .titleSeleTienPS-1, .titleSeleTienMP-1 {font-weight: bold;} .porcentSigno {font-size: 1.2em;} .checkePlatformsContainer {display: inline-flex;width: 100%;} .checkePlatforms {width: 45%;padding: 0 0.5em 0;} #popupSelectTiendasMP {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .popupSelectTiendasMP {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 999;} #selectTiendasMPContainer {width: 100%;display: inline-flex;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #containerMP {max-width: 350px;border-radius: 10px;} #seleTienMPcerrar {font-size: 0.8em;cursor: pointer;position: relative;left: 90px;top: -5px;} #contentPaddingMP {padding: 0.5em 1em 0.5em 1em;background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: auto;} .contentPaddingInMP {margin: 1em 0 0.5em 0;} #startBtnMP {width: 100%;margin: 0.8em 0 0.8em 0;font-size: 1.2em;font-weight: bold;padding: 0.5em 1.5em;} */ /*Boton wsp*/ #wspContainer {margin-top: 5px;} #wspContainer a {text-decoration: unset;} #whatsapp_boton_span_pc, .whatsapp_boton_span_pc {background: #25d366;color: #fff;border-radius: 5px;padding: 0.83em 5.35em;} #whatsapp_boton_span_cel, .whatsapp_boton_span_cel {background: #25d366;color: #fff;border-radius: 5px;padding: 0.83em 5.35em;} .whatsapp_boton_span:hover {opacity: 0.8;} @media (min-width: 768px) { #wspContainer .whatsapp_boton_pc {display: contents;} #wspContainer .whatsapp_boton_cel {display: none;} } @media (max-width: 768px) { #wspContainer .whatsapp_boton_pc {display: none;} #wspContainer .whatsapp_boton_cel {display: contents;} } /*******Landing productos asociado******/ /*------Portada------*/ :root{--blue:linear-gradient(#278fdc, #005ca1); --green:#22C55E; --red:#E3392B;--text:#0F172A; --muted:#475569; --ring:#C7D2FE;--radius:14px;} /******Radios idioma******/ #portadaAsocDiv {margin-top: 0.5em;} #idiomaContainer fieldset {display: grid;min-width: 0;margin: 0.5em 0 0 0;padding: 0;justify-content: center;border: unset;} #idiomaContainer .toggle {box-sizing: border-box;font-size: 0;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: stretch;} #idiomaContainer .toggle input {width: 0;height: 0;position: absolute;left: -9999px;} #idiomaContainer .toggle input + label {margin: 0;padding: 0.3rem 1rem;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #DDD;background-color: #FFF;font-size: 0.9rem;line-height: 140%;font-weight: 600;text-align: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;cursor: pointer;} #idiomaContainer .toggle input:checked + label {background-color: #4B9DEA;color: #FFF;box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);border-color: #4B9DEA;z-index: 1;} #idiomaContainer .toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;} #idiomaContainer .toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;} #iframe_landingAsoc_pc .wpb_wrapper {padding: 0 1.1em;} #videoContainer_landingAsoc {padding: 16em;} #portadaDsk {max-width: 550px;} @media (max-width: 768px) {#portadaDsk {max-width: 90%;}} .sellerAsoc-wrap .btns-row {text-align: center;margin:20px 0;} .sellerAsoc-wrap .seguirShopperDiv {height: 0;} .sellerAsoc-wrap button.seguirShopper {width: 250px;border: unset;justify-content: center !important;padding: 10px 25px !important;background: #00a2fd !important;font-weight: 700;cursor: pointer;} .sellerAsoc-wrap .btn{display:inline-flex; justify-content:end;padding:14px 16px; border-radius:var(--radius);font-weight:700; font-size:20px; text-decoration:none; color:#fff !important;transition:transform .05s, box-shadow .2s; box-shadow:0 4px 14px rgba(0,0,0,.08);} .sellerAsoc-wrap .btn.full{ width:100%; } .sellerAsoc-wrap .btn:active{ transform:translateY(1px); } .sellerAsoc-wrap .btn-blue{ background:var(--blue); } .sellerAsoc-wrap .btn-stack{ display:grid; gap:12px; margin-top:-11px; margin-bottom: 33px;} .sellerAsoc-wrap .btn-inner {display: grid;gap: 12px;padding: 0 0.5em;} .sellerAsoc-wrap .btn:hover {opacity: 0.85;text-decoration: unset;} .sellerAsoc-wrap .txtStklimDiv {text-align: center;padding-top: 25px;gap: 5px;display: grid;} #txtStklim1 {font-size: 1.3em;font-weight: 600;color: #615f60;} #txtStklim2 {font-size: 1.5em;font-weight: 600;color: #00a2fd;} .sellerAsoc-wrap .textbtn {width: 87%;text-align: left;} .sellerAsoc-wrap #slot-soporte-messenger .textbtn { width: 87%; } .sellerAsoc-wrap .fa-brands.fa-facebook-messenger { width: 9%;text-align: left;font-size: 1.35em; } .sellerAsoc-wrap .codigosIcon {width: 9%;position: relative;right: 4px;} .sellerAsoc-wrap .fa-solid {width: 9%;text-align: left;} .sellerAsoc-wrap .fa-solid.fa-check, .fa-solid.fa-calculator, .fa-solid.fa-headset, .fa-solid.fa-user {font-size: 1.2em;} .sellerAsoc-wrap .fa-solid.fa-store {font-size: 1.2em;position: relative;top: 2px;} .sellerAsoc-wrap .fa-solid.fa-cart-shopping {font-size: 1.15em;position: relative;top: 2px;} /*Botones wsp*/ .sellerAsoc-wrap .whatsapp_boton_pc, .sellerAsoc-wrap .whatsapp_boton_cel {width: 100%;text-decoration: unset !important;} .sellerAsoc-wrap .whatsapp_boton_span {width: 100%;display: flex;justify-content: end;text-align: center;background: linear-gradient(#278fdc, #005ca1);color: #fff;align-items: center;padding: 14px 16px;border-radius: var(--radius);font-weight: 700;font-size: 20px;transition: transform .05s, box-shadow .2s;box-shadow: 0 4px 14px rgba(0, 0, 0, .08)} .sellerAsoc-wrap .whatsapp_boton_span:hover {opacity: 0.85;} .sellerAsoc-wrap .fa-brands.fa-whatsapp {width: 9%;text-align: left;font-size: 1.5em;} @media (min-width: 768px) {.sellerAsoc-wrap .whatsapp_boton_pc{display: inline-flex;} .sellerAsoc-wrap .whatsapp_boton_cel{display: none;}} @media (max-width: 768px) {.sellerAsoc-wrap .whatsapp_boton_pc{display: none;}.sellerAsoc-wrap .whatsapp_boton_cel{display: inline-flex;}} /* Acordeón */ .sellerAsoc-wrap .accordion{ border:2px solid #3c78d4; border-radius:var(--radius); margin:10px 0; overflow:hidden; background:#fff; } .sellerAsoc-wrap .accordion-trigger{width:100%; background:linear-gradient(#278fdc, #005ca1); color:#fff; padding:16px;display:flex; align-items:center; justify-content:center;font-weight:700; font-size:20px; border:0; cursor:pointer;} iframe {border-radius: 12px;} .sellerAsoc-wrap .accordion-trigger:focus{ outline:3px solid var(--ring); outline-offset:2px; } .sellerAsoc-wrap .accordion-trigger .textbtn {width: 85%;} .sellerAsoc-wrap .chevron {width: 17px;height: 17px;background: transparent;text-indent: -9999px;border-top: 4px solid #fff;border-left: 4px solid #fff;transition: all 250ms ease-in-out;text-decoration: none;color: transparent;margin-left: 11px;border-radius: 3px;transform: rotate(-135deg);} .sellerAsoc-wrap .accordion.open .chevron{ transform:rotate(45deg); } .sellerAsoc-wrap .accordion-panel{ padding:0 5px 7px 5px; font-size:16px; color:var(--muted);} .sellerAsoc-wrap .wpb_content_element {margin-top: 10px;margin-bottom: 0;} /*------WSP-Img------*/ #wspDiv {margin-top: 1em;} #wspDiv .titleWsp {font-size: 2.2em;font-weight: bold;color: #1370b7;line-height: 1;display: block;padding: 0 0.3em;} #wspDiv #wspContainer {margin: 1em 0;font-size: 1.2em;} #wspDiv #wspContainer span {font-weight: bold;} /*------Redes------*/ .all-networks{ margin:6px 0 6px; } .redesAsocHTMLcontainer .redesUl{display:flex; gap:14px; align-items:center; justify-content: center; list-style:none; padding:0; margin:0;} .redesAsocHTMLcontainer .redesUl li img {display:block;width:85px;border-radius: 20px;} .redesAsocHTMLcontainer .redesUl li .facebook.onlive img { width: 85px !important;} .redesAsocHTMLcontainer .redesUl li .facebook img { width: 65px !important;} .noProdFound {margin-top: 0.5em;} /* Buscador productos */ .search-bar-container {text-align:center;} .search-bar {display: inline-block;position: relative;text-align: left;} #productSearch {max-width: 330px;width: 330px;height: 45px;padding: 10px 10px;border-radius: 12px;border: 1px solid #bbb;font-size: 15px;text-align: center;margin: 0;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} /*------Clear input buscar------*/ #clearProductSearch {display:none;position: absolute;right: 7px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border: solid 2px #999;border-radius: 50%;text-align: center;line-height: 15px;font-size: 15px;font-weight: 400;color: #777;cursor: pointer;user-select: none;transition: background 0.2s;} #clearProductSearch:hover {border: solid 2px #555;color: #555;} #clearProductSearch:active {background: #999;} /*------Productos------*/ #landinAsocContainer {text-align: center;} .sellerAsoc-wrap {max-width:650px; margin:0 auto; padding:0 7px;} #asocProdContent {text-align: center;padding: 3px;} .product {width: 24%;margin-top: 10px;padding: 7px 5px 15px 5px;display: inline-block; vertical-align: top;border: solid 1px #ccc;background: #fff;border-radius: 5px;} .product:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .productidDiv {font-size: 0.8em;font-weight: bold;} .descProd {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;font-weight: bold;font-size: 0.88em;} .btnBuy, .btnSold {width: 85%;margin-top: 0.5em;padding: 10px 0;display: inline-block;background: #e4002b;color: #ffffff !important;font-size: 1em;cursor: pointer;border: unset;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-family: system-ui;font-weight: 600;text-decoration: none;} .btnSold {background: #555;} .btnBuy:hover, .btnSold:hover {opacity: 0.8;} .product-image {cursor: pointer;margin: 0 0 5px 0;height: 200px;} .product-image img {width: 100%;height: 100%;object-fit: contain;object-position: center center;border-radius: 3px;} .infoProd span {display: block;margin: 5px;} /*------Loading efecto------*/ #infiniteLoader {display: none;align-items: center;gap: .6rem;justify-content: center;padding: 12px 0;color: #666;font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;} #infiniteLoader.show { display: flex; } #infiniteLoader .spinner {width: 18px; height: 18px; border-radius: 50%;border: 2px solid #ccc; border-top-color: #3b82f6;animation: spin .9s linear infinite;} @keyframes spin { to { transform: rotate(360deg); } } .product.skeleton {background: #f3f3f3; border-radius: 12px; overflow: hidden;} /* Skeletons */ .skel-img, .skel-text, .skel-btn {position: relative; overflow: hidden; background: #e9e9e9;} .skel-img { aspect-ratio: 1/1; } .skel-text { height: 16px; margin: 10px 12px; border-radius: 8px; } .skel-text.long { width: 80%; } .skel-text.short { width: 40%; } .skel-btn { height: 36px; margin: 12px; border-radius: 999px; } .skeleton .shine::after {content: ''; position: absolute; inset: 0;background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);transform: translateX(-100%); animation: shimmer 1.1s infinite;} @keyframes shimmer { to { transform: translateX(100%); } } /*------Popup gallery prod asoc------*/ .popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);overflow: auto;} .popup-content {position: relative;margin: 0 auto;padding: 10px 10px 20px 10px;background-color: #fff;border-radius: 5px;width: 900px;text-align: center;} .close, .cerrar {position: absolute;top: 10px;right: 10px;font-size: 20px;background: #e4002b;color: #fff;border-radius: 3px;padding: 0px 8px 3px 8px;cursor: pointer;z-index: 9;} .close:hover, .cerrar:hover {opacity: 0.8;} #imageWrapper {height: 85vh;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #f1eff0;padding: 0.3em;} .popup-gallery img {max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 5px;} .nav-button {background: #f1eff0;color: #000;padding: 5px 10px;cursor: pointer;border: none;border-radius: 3px;position: absolute;top: 40vh;font-size: 1em;} .nav-button:hover {background-color: #222;color: #fff;} #prevImage {left: 20px;} #nextImage {right: 20px;} .priceQty {display: flex;justify-content: center;font-weight: 400;} .precProd {font-size: 0.9em;} .qtyProd {font-size: 0.8em;} #comprarGalleryBtn .btnBuy {width: 300px;} .pagination-bullets {display: flex;place-content: center;align-items: center;padding: 0.5em 0;} .bullet {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #ccc;border-radius: 50%;cursor: pointer;} .bullet.active {background-color: #333;} #popupImage {transition: transform 0.45s ease-in-out;cursor: zoom-in;} .image-flip-next {transform: rotateY(-90deg);} .image-flip-prev {transform: rotateY(90deg);} .popup-gallery {overflow: hidden;} /*******Landing productos asociado******/ /*dropDown menu legacy .dropbtn {cursor: pointer;} .dropdown {position: relative;display: inline-block;} .dropdown-content {display: none;width: 350px;position: absolute;background: #f3f3f3;border-radius: 3px;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 99;margin-top: 11px;left: -8px;} .dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;} .dropdown a:hover {background-color: #ddd;} .support-messenger-a { width: 250px;background: #1e8be7;color: #fff !important;border-radius: 5px;padding: 0.24em 0 0.7em 0 !important;cursor: pointer;margin-top: 10px;} .support-messenger-a:hover {opacity: 0.8;background-color: #1e8be7 !important;} .show {display: block;} .dropbtn img {width: 13px;background: #3383F5;padding: 6px 8px;border-radius: 4px;} .dropdownIco {width: 37px;position: absolute;left: 105px;margin-top: -8px;} .btnsMenu span {position: relative;left: 25px;} .btnsMenu:hover {opacity: 0.8;} .stripe_express_login {padding: 0 !important;color: #fff !important;} .stripe_express_login:hover {background: unset !important;} */ /*dropDown menu redesign*/ .dropdown {display: inline-flex;align-items: center;margin-left: 3%;position: relative;} .dropbtn {display: inline-flex;background: linear-gradient(180deg, #47a4f4 0%, #0f5b9c 100%);align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 7px;cursor: pointer;transition: background-color 0.22s ease, transform 0.22s ease;} .dropbtn:hover {opacity: 0.9;} .dropbtn svg {color: #fff;} #myDropdown {display: none;position: absolute;top: calc(100% + 11px);left: -3px;width: 355px;padding: 16px;background: #fff9fa;border: 1px solid rgba(210, 219, 236, 0.95);border-radius: 7px;box-shadow: 0 26px 50px rgba(26, 45, 86, 0.18);backdrop-filter: blur(12px);z-index: 999;} #myDropdown.show {display: block;} #myDropdown > #datosShoppDiv {display: none;} #myDropdown a {text-decoration: none;} #myDropdown .divider_container {display: flex;justify-content: center;} #myDropdown .divider {height: 0.8px;background-color: #efe8ef;line-height: 0.8px;font-size: 1px;width: 90%;} .ai-dropdown-shell {display: flex;flex-direction: column;gap: 14px;} .ai-dropdown-section {display: flex;flex-direction: column;gap: 8px;} .ai-dropdown-section--logout {padding-top: 2px;} .ai-dropdown-title {padding: 0 4px;margin: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: #667aa4;text-align: left;} .ai-dropdown-group {background: #fff8f8;border: 1px solid rgba(212, 220, 235, 0.9);border-radius: 5px;overflow: hidden;box-shadow: 0 10px 22px rgba(30, 48, 86, 0.05);} .ai-dropdown-item {width: 100%;min-height: 40px;padding: 0 14px;display: grid;grid-template-columns: 28px minmax(0, 1fr) 16px;align-items: center;gap: 12px;background: transparent;border: none;color: #4b566e;font-size: 14px;font-weight: 500;line-height: 1.25;text-align: left;cursor: pointer;transition: background-color 0.2s ease, color 0.2s ease;} .ai-dropdown-group .ai-dropdown-item:last-child {border-bottom: none;} .ai-dropdown-item:hover {background: #f6f8fd;color: #28344b;} .ai-dropdown-item__icon {display: inline-flex;align-items: center;justify-content: center;width: 25px;height: 25px;color: #98a2b8;} .ai-dropdown-item__icon svg {display: block;width: 24px;height: 24px;fill: currentColor;} .ai-dropdown-item__icon--whatsapp {color: #49c96b;} .ai-dropdown-item__icon--messenger {color: #4a87f2;} .ai-dropdown-item__label {display: block;white-space: normal;} .ai-dropdown-item__chevron {justify-self: end;font-size: 20px;line-height: 1;color: #acb6c9;} .ai-dropdown-item--logout {color: #5a6478;} .ai-dropdown-item--desktop {display: grid;} .ai-dropdown-item--mobile {display: none;} .show {display: block;} @media (max-width: 768px) { #myDropdown {width: min(calc(95vw - 30px), 350px);left: -8px;padding: 14px;} .ai-dropdown-item {min-height: 46px;} .ai-dropdown-title {font-size: 10.5px;} .ai-dropdown-item--desktop {display: none;} .ai-dropdown-item--mobile {display: grid;} } /*sweetalert2*/ .swal2-confirm:hover {background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%);opacity: 0.8} .swal2-confirm:focus {box-shadow: 0 0 0 2px #56a6eb;} .swal2-cancel:hover {background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%);opacity: 0.8;} div:where(.swal2-icon).swal2-question {border-color: #0f5b9c !important;color: #0f5b9c !important;font-weight: bold;} .swal2-popup.swal2-modal.swal2-show {border-radius: 15px;} #swal2-input {box-sizing: border-box;border: 1px solid #d7dff2;padding: 13px 16px;margin-bottom: 0;font-size: 1rem;border-radius: 12px;outline: none;background: #fff;color: #1f2937;} .swal-link-input-wrap {position: relative;width: min(100%, 568px);margin: 1em auto 0;} .swal-link-input-wrap #swal2-input {width: 98%;margin: 0 auto;padding-right: 54px;} .swal-link-input-clear {position: absolute;top: 50%;right: 12px;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border: none;border-radius: 999px;background: transparent;color: #8b95a7;font-size: 2.15rem;line-height: 1;cursor: pointer;transition: color 0.2s ease, background-color 0.2s ease;} .swal-link-input-clear:hover {color: #5d6577;background: rgba(148, 163, 184, 0.12);} .swal-link-input-clear:focus-visible {outline: 2px solid #8eb9ff;outline-offset: 1px;} .swal2-styled {padding: 0.7em 1.5em;border-radius: 7px;border: none;background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%);box-shadow: 0 16px 28px rgba(233, 11, 56, 0.18);width: 100px;} /* sweetalert live warning */ .swal2-confirm.swalLiveWarningConfirm:focus-visible {outline: unset !important;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;} .swal2-popup.swalLiveWarningPopup {width: min(600px, calc(100vw - 36px));padding: 28px 34px 36px;border-radius: 24px;background: #ffffff;box-shadow: 0 28px 60px rgba(15, 23, 42, 0.22);} .swalLiveWarningPopup .swal2-html-container.swalLiveWarningHtml {margin: 0;padding: 0;color: inherit;} .liveWarningDialog {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 15px;} .liveWarningIconWrap {display: inline-flex;align-items: center;justify-content: center;width: 95px;height: 95px;border-radius: 999px;background: linear-gradient(180deg, rgba(255, 61, 108, 0.08) 0%, rgba(255, 61, 108, 0.14) 100%);color: #e83458;} .liveWarningIcon {width: 60px;height: 60px;} .livebtnIcon {width: 40px;height: 40px;} .liveWarningTitle {margin: 0;font-size: clamp(2rem, 2.6vw, 3.25rem);line-height: 1.04;font-weight: 600;letter-spacing: -0.03em;color: #111827;} .liveWarningText {margin: 0;max-width: 640px;font-size: 1em;line-height: 1.65;color: #4b5563;} .liveWarningDivider {width: 100%;height: 1px;background: #e5e7eb;margin-top: 6px;} .swalLiveWarningPopup .swal2-actions.swalLiveWarningActions {width: 100%;margin: 26px 0 0;gap: 24px;justify-content: center;} .swalLiveWarningCancel, .swalLiveWarningConfirm {margin: 0 !important;display: inline-flex !important;align-items: center;justify-content: center;flex: 1 1 0;min-height: 70px;max-width: 360px;padding: 10px 28px !important;border-radius: 10px !important;font-size: 1.05rem !important;font-weight: 600;line-height: 1.2;color: #111827;box-shadow: none !important;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;cursor: pointer;} .swalLiveWarningCancel {border: 2px solid #dce7fb !important;background: #ffffff !important;color: #1d62df !important;} .swalLiveWarningConfirm {border: 2px solid rgba(232, 52, 88, 0.52) !important;background: rgba(255, 246, 248, 0.92) !important;color: #e83458 !important;} .liveWarningBtnInner {display: inline-flex;align-items: center;gap: 7px;} .swalLiveWarningCancel:hover, .swalLiveWarningConfirm:hover {transform: translateY(-1px);box-shadow: 0 18px 30px rgba(15, 23, 42, 0.08) !important;} .swalLiveWarningBtnInner {display: inline-flex;align-items: center;justify-content: center;gap: 14px;} .swalLiveWarningBtnIcon {display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 999px;} .swalLiveWarningCancel .swalLiveWarningBtnIcon {color: #1d62df;} .swalLiveWarningConfirm .swalLiveWarningBtnIcon {color: #e83458;} .swalLiveWarningBtnIcon svg {width: 26px;height: 26px;display: block;} @media (max-width: 720px) { .swal2-popup.swalLiveWarningPopup {width: min(100vw - 24px, 680px);padding: 22px 20px 24px;border-radius: 22px;} .liveWarningDialog {gap: 14px;} .liveWarningIconWrap {width: 86px;height: 86px;} .liveWarningIcon {width: 50px;height: 50px;} .liveWarningTitle {font-size: 2.2rem;} .liveWarningText {font-size: 1rem;line-height: 1.55;} .swalLiveWarningPopup .swal2-actions.swalLiveWarningActions {gap: 14px;} .swalLiveWarningCancel, .swalLiveWarningConfirm {min-height: 80px;padding: 16px 20px !important;font-size: 0.98rem !important;} } @media (max-width: 560px) { .swal2-popup.swalLiveWarningPopup {padding: 20px 16px 18px;border-radius: 20px;} .liveWarningTitle {font-size: 1.95rem;} .swalLiveWarningPopup .swal2-actions.swalLiveWarningActions {flex-direction: column-reverse;gap: 12px;} .swalLiveWarningCancel, .swalLiveWarningConfirm {width: 100%;max-width: none;min-height: 68px;padding: 15px 18px !important;border-radius: 16px !important;} .swalLiveWarningBtnIcon {width: 36px;height: 36px;} } /*input adjuntar tickets*/ #receiptUploadDiv {text-align: center;margin-bottom: 6em;} .receipt-upload-label {display: inline-block;width: 200px;background-color: #007BFF;color: white;padding: 10px 0;border-radius: 4px;cursor: pointer;font-size: 14px;margin-bottom: 6px;} .receipt-upload-label:hover, #receiptUploadBtn:hover {opacity: 0.8;} .receipt-upload-input {display: none;} .info-text {display: block;font-size: 13px;color: #555;} .file-names {display: inline-block;text-align: left;font-size: 13px;color: #333;margin-top: 8px;list-style: decimal;} .file-names li {margin-bottom: 4px;} .file-warning {color: red;margin-top: 8px;font-size: 13px;} #receiptUploadBtn {background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;padding: 10px 0;font-size: 14px;width: 200px;} #receiptUploadedDiv {text-align: center;} #receiptUploadedText {display: block;} /* #pendingReceipt {margin-top: 6px;} #pendingReceipt span {font-size: 13px;padding: 3px 6px;border-radius: 5px;border: solid 2px #3383f5;} */ /*Radios tipo de producto*/ fieldset {box-sizing: border-box;border: solid 1px #5fa3df;margin-bottom: 1em;border-radius: 3px;padding: 0;} .titleRadTipProd {text-align: left;font-size: 0.9em;display: block;margin-bottom: 3px;} .toggle {margin: 0.5em 0 0.3em 0 !important;box-sizing: border-box;display: inline-block;} .toggle input {width: 0;height: 0;position: absolute;left: -9999px;} .toggle input + label {margin: 0;padding: 0.75em 1.9em;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #DDD;background-color: #FFF;font-size: 1rem;line-height: 140%;font-weight: 600;text-align: center;box-shadow: 0 0 0 rgba(255, 255, 255, 0);transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;} .toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;} .toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;} .toggle input:checked + label {background-color: #3383f5;color: #FFF;box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);border-color: #3383f5;z-index: 1;} .toggle label:hover {opacity: 0.7;} /* popupCamara legacy #popupCamara {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .overlayCamara {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;} #popupCamaraContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;} #cerrarPopUpCamara {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;} #cerrarPopUpCamara:hover {background: #f50532;} .wrap {max-width: 490px;;background: #fff;border-radius: 3px;margin: 0 0.3em;padding: 1em 0.3em; border-radius: 5px;} .wrap .row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; padding: 0 0.5em; } .wrap .row.center { place-content: center; } .wrap button { padding: 10px 14px; border: none; border-radius: 8px; cursor: pointer; } .wrap .btn { font-size: 0.9em;background:#e4002b; color:#fff; min-width: 120px; } .wrap .btn:hover {opacity: 0.85;} .wrap #btnCamara, .wrap #btnArchivo {background: #3383f5;} .wrap #btnReintentar { display:none; } .wrap #btnCerrarCam { display:none; } .wrap video, .wrap img, .wrap canvas { width: 100%; max-height: 380px; border-radius: 10px; background:#000; object-fit: contain; } .wrap #video {margin-top: 0.75em;} .wrap #previewBox { border-radius: 10px; min-height: 120px; display: none; } .wrap .hidden { display:none; } */ /* Mostrar imagen de producto generl popUp*/ #popupImgProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .overlayImgProd {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;} #popupImgProdContainer {width: 100%;display: inline-flex;justify-content: center;padding: 2em 1em;} #cerrarPopUpImgProd {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;} #cerrarPopUpCamara:hover {background: #f50532;} .wrapImgProd {width: min(900px, 100%);background: #fff;border-radius: 8px;margin: 0 0.3em;padding: 1em 0.3em;position: relative;} .wraImgProdUrlCodeProd{display: block;text-align: center;font-weight: bold;font-size: 1.05rem;color: #111827;margin-bottom: 0.9rem;} #wraImgProdUrl img {max-width: 100%;} .popupImgProdCarousel {display: flex;flex-direction: column;gap: 0.9rem;} .popupImgProdStage {position: relative;display: flex;align-items: center;justify-content: center;min-height: 420px;padding: 0 3.5rem;} .popupImgProdMainImage {display: block;max-width: min(100%, 720px);max-height: 72vh;width: auto;height: auto;object-fit: contain;border-radius: 10px;background: #fff;} .popupImgProdNav {position: absolute;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;border: none;border-radius: 999px;background: rgba(17, 24, 39, 0.88);color: #fff;font-size: 1.45rem;font-weight: 700;cursor: pointer;box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);} .popupImgProdNav--prev {left: 0.5rem;} .popupImgProdNav--next {right: 0.5rem;} .popupImgProdDots {display: flex;justify-content: center;align-items: center;gap: 0.55rem;padding-bottom: 0.25rem;} .popupImgProdDot {width: 12px;height: 12px;border: none;border-radius: 999px;background: #cbd5e1;cursor: pointer;padding: 0;} .popupImgProdDot.is-active {background: #111827;} @media (max-width: 720px) { #popupImgProdContainer {padding: 1em 0.6em;} .wrapImgProd {padding: 0.8em 0.25em;} .popupImgProdStage {min-height: 300px;padding: 0 2.6rem;} .popupImgProdNav {width: 40px;height: 40px;font-size: 1.2rem;} } /*Checkboxes Persistent*/ div#chkPersistentDiv, div#chkPersistentVariablesDiv { display: none !important; } #chkPersistentDiv, #chkPersistentVariablesDiv {display: none;} .switch_box.box_1, .switch_box.box_2 {margin-bottom: 1em;} .switch_box.box_2 {font-size: 0.9em;text-align: center;margin: 0.3em 0 0.8em 0;} .switch_box.box_1 div, .switch_box.box_2 div {display: inline-flex;align-items: center;} .switch_box label {float: unset !important;margin-right: 7px;} input[type="checkbox"].switch_1:checked, input[type="checkbox"].switch_2:checked {background: #0ebeff !important;} input[type="checkbox"].switch_1, input[type="checkbox"].switch_2 {font-size: 17px !important;appearance: none !important;width: 3.5em !important;height: 1.5em;border-radius: 3em !important;position: relative;cursor: pointer;outline: none;transition: all .2s ease-in-out !important;padding: 0 !important;margin: 0 !important;background: #f5f5f5;border: solid 1px #5fa3df;} input[type="checkbox"].switch_1:checked:after, input[type="checkbox"].switch_2:checked:after {left: calc(100% - 1.5em);} input[type="checkbox"].switch_1:after, input[type="checkbox"].switch_2:after {position: absolute;content: "";width: 1.5em;height: 1.5em;border-radius: 50%;background: #fff;box-shadow: 0 0 .25em rgba(0, 0, 0, .3);transform: scale(.85) !important;left: 0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;top: -1px;} /* Live setup legacy platform checkbox CSS omitted in favor of the redesigned popup-specific rules near the end of this file. .checkbox {display: inline-flex;align-items: center;} .check-group {background: #fff;width: 100%;padding: 0 0.5rem;border: 1px solid #fff;border-radius: 5px;} .check-group .platformContainer {display: inline-grid;width: 48%;padding-bottom: 7px;} .checkbox__input {position: absolute;width: 1.5em;height: 1.775em;left: -1px;opacity: 0;cursor: pointer;} [type=checkbox], [type=radio] {box-sizing: border-box;padding: 0;} svg:not(:root) {overflow: hidden;} .checkbox__icon {width: 1.375em;height: 1.375em;flex-shrink: 0;overflow: visible;border-radius: 5px;border: 2px solid #fff;} .checkbox__icon .tick {stroke-dasharray: 20px;stroke-dashoffset: 20px;transition: stroke-dashoffset 0.2s ease-out;} .checkbox__input:checked + .checkbox__icon .tick {stroke-dashoffset: 0;} .checkbox__label {margin-left: 0.5em;} .check-group input[type=checkbox]:checked {counter-increment: checked;} */ div:where(.swal2-container) .swal2-input {font-size: 1em;} /* Subir imagen de producto variables generl*/ #popupCamaraVariables {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;} .overlayCamaraVariables {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;} #popupCamaraVariablesContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;} #cerrarPopUpCamaraVariables {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;} #cerrarPopUpCamaraVariables:hover {background: #f50532;} .wrap {max-width: 490px;background: #fff;margin: 0 0.3em;padding: 1em 0.3em;border-radius: 5px;} .wrap .row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; padding: 0 0.5em; } .wrap .row.center { place-content: center; } .wrap button { padding: 10px 18px; border: none; border-radius: 4px; cursor: pointer;font-weight: bold; } .wrap .btn { font-size: 0.9em;background:#e4002b; color:#fff; min-width: 120px; } .wrap .btn:hover {opacity: 0.85;} .wrap #btnCamaraVariables, .wrap #btnArchivoVariables {background: #0f5b9c;} .wrap video, .wrap img, .wrap canvas { width: 100%; max-height: 380px; border-radius: 10px; background:#000; object-fit: contain; } .wrap #videoVariables {margin-top: 0.75em;} .wrap #previewBoxVariables { border-radius: 10px; min-height: 120px; display: none; } .wrap #btnAddVariables:disabled {opacity: 0.6; cursor: not-allowed;} /*Subir imagenes para productos sellers landingasoc*/ #popupfotosProdSellers {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;} .overlayfotosProdSellers {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.58);backdrop-filter: blur(8px);transition: opacity 0.28s ease;z-index: 15;} #popupfotosProdSellersContainer {width: 100%;display: flex;justify-content: center;align-items: flex-start;padding: 18px 16px 42px;box-sizing: border-box;} #popupfotosProdSellersWrap {position: relative;width: min(540px, 100%);padding: 30px 10px 10px 10px;background: #fff;border-radius: 12px;box-shadow: 0 26px 56px rgba(16, 24, 40, 0.18);} #cerrarPopUpfotosProdSellers {position: absolute;top: 12px;right: 14px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 999px;background: #1f2937;color: #fff;font-size: 1rem;font-weight: 700;cursor: pointer;transition: transform 0.18s ease, background-color 0.18s ease;} #cerrarPopUpfotosProdSellers:hover {background: #111827;transform: scale(1.03);} #popupfotosProdSellers .uploader-wrap {display: flex;flex-direction: column;gap: 14px;max-width: 100%;margin: 0 auto;font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial;} #popupfotosProdSellers .sellerPhotoTopbar {display: flex;flex-direction: column;gap: 4px;padding-right: 8px;} #popupfotosProdSellers .sellerPhotoHeader {color: #111827;font-size: 1.02rem;font-weight: 700;line-height: 1.35;} #popupfotosProdSellers .sellerPhotoCodeLine {color: #6b7280;font-size: 0.95rem;line-height: 1.3;text-align: right;height: 0;position: relative;top: 6px;} #popupfotosProdSellers .sellerPhotoDropzone {border: 1px solid #d7deee;border-radius: 12px;padding: 12px;background: #fff;} #popupfotosProdSellers #sellerPhotoInput {display: none;} #popupfotosProdSellers .sellerPhotoGrid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;} #popupfotosProdSellers .sellerPhotoCard {position: relative;border-radius: 10px;overflow: hidden;background: #f8fafc;border: 1px solid #e2e8f0;min-height: 95px;} #popupfotosProdSellers .sellerPhotoThumb {cursor: grab;transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;touch-action: none;} #popupfotosProdSellers .sellerPhotoThumb:active {cursor: grabbing;} #popupfotosProdSellers .sellerPhotoThumb img {width: 100%;height: 100%;aspect-ratio: 1 / 1;display: block;object-fit: cover;-webkit-user-drag: none;transition: opacity 0.16s ease;pointer-events: none;-webkit-touch-callout: none;} #popupfotosProdSellers .sellerPhotoThumb.is-drag-source {opacity: 0.34;transform: scale(0.97);} #popupfotosProdSellers .sellerPhotoThumb.is-touch-source {opacity: 0.24;transform: scale(0.98);} #popupfotosProdSellers .sellerPhotoThumb.is-drop-target, #popupfotosProdSellers .sellerPhotoAddCard.is-drop-target {border-color: transparent;box-shadow: none;transform: none;} #popupfotosProdSellers .sellerPhotoThumb.is-drop-target::after, #popupfotosProdSellers .sellerPhotoAddCard.is-drop-target::after {content: '';position: absolute;inset: 0;border: 2px dashed #60a5fa;border-radius: 10px;background: rgba(147, 197, 253, 0.14);z-index: 2;pointer-events: none;} #popupfotosProdSellers .sellerPhotoThumb.is-drop-target img {opacity: 0.18;} #popupfotosProdSellers .sellerPhotoThumb.is-drop-target .btn-x, #popupfotosProdSellers .sellerPhotoThumb.is-drop-target .sellerPhotoBadge {opacity: 0;} #popupfotosProdSellers .sellerPhotoAddCard {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;min-height: 128px;border: 2px dashed #d8e0ef;background: #f4f7fb;color: #4b5563;cursor: pointer;transition: border-color 0.2s ease, background-color 0.2s ease;} #popupfotosProdSellers .sellerPhotoAddCard:hover {border-color: #2d67d7;background: #eef4ff;} #popupfotosProdSellers .sellerPhotoAddIcon {display: inline-flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 999px;background: #d7e3f8;} #popupfotosProdSellers .sellerPhotoAddIcon img {width: 26px;height: 26px;object-fit: contain;} #popupfotosProdSellers .sellerPhotoAddTitle {font-size: 1rem;font-weight: 700;color: #111827;line-height: 1;} #popupfotosProdSellers .btn-x {position: absolute;top: 6px;right: 6px;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid #d1d5db;border-radius: 999px;background: #fff;color: #111827;font-size: 1.05rem;font-weight: 700;cursor: pointer;box-shadow: 0 6px 12px rgba(15, 23, 42, 0.08);} #popupfotosProdSellers #sellerPhotoDrop > .btn-x {display: none !important;} #popupfotosProdSellers .sellerPhotoBadge {position: absolute;left: 8px;bottom: 8px;display: inline-flex;align-items: center;justify-content: center;padding: 5px 9px;border-radius: 999px;background: rgba(17, 24, 39, 0.86);color: #fff;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.02em;} #popupfotosProdSellers .helper {display: none;font-size: 0.92rem;color: #6b7280;margin: 0;text-align: center;line-height: 1.4;} #popupfotosProdSellers #sellerPhotoHelper {display: block;} #popupfotosProdSellers .saveImagesDiv {text-align: center;padding-top: 4px;} #popupfotosProdSellers .primary {display: inline-flex;align-items: center;justify-content: center;min-width: 250px;font-size: 1rem;font-weight: 700;background: linear-gradient(180deg, #f64f6f 0%, #e4002b 100%);color: #fff;border: none;border-radius: 10px;padding: 10px 24px;cursor: pointer;box-shadow: 0 12px 24px rgba(228, 0, 43, 0.18);} #popupfotosProdSellers .primary:hover {opacity: 0.95;} #popupfotosProdSellers .status {min-height: 20px;font-size: 0.92rem;text-align: center;} #popupfotosProdSellers .status.ok {color: #065f46;} #popupfotosProdSellers .status.err {color: #b91c1c;} #popupfotosProdSellers.is-dragging .sellerPhotoDropzone {border-color: #2d67d7;box-shadow: 0 0 0 4px rgba(45, 103, 215, 0.12);} #popupfotosProdSellers.is-touch-dragging .sellerPhotoDropzone {border-color: #2d67d7;box-shadow: 0 0 0 4px rgba(45, 103, 215, 0.12);} #popupfotosProdSellers.is-processing #popupfotosProdSellersWrap::after {content: '';position: absolute;inset: 0;background: rgba(255, 255, 255, 0.34);border-radius: 12px;z-index: 30;} #popupfotosProdSellers.is-processing .uploader-wrap {user-select: none;} #popupfotosProdSellers.is-processing #cerrarPopUpfotosProdSellers {transform: none;} #popupfotosProdSellersLoading {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 52px;height: 52px;z-index: 999;} .sellerPhotoTouchGhost {position: fixed;top: 0;left: 0;width: 88px;height: 88px;border-radius: 12px;overflow: hidden;pointer-events: none;z-index: 9999;transform: translate(-50%, -50%) scale(1.05);box-shadow: 0 18px 30px rgba(15, 23, 42, 0.24);opacity: 0.96;} .sellerPhotoTouchGhost img {width: 100%;height: 100%;display: block;object-fit: cover;} @media (max-width: 540px) { #popupfotosProdSellersContainer {padding: 12px 10px 28px;} #popupfotosProdSellers .sellerPhotoGrid {grid-template-columns: repeat(3, minmax(0, 1fr));} } /*Barra flotante views*/ .barra-flotante {position: fixed;bottom: 0;left: 0;width: 100%;background: linear-gradient(#494949, #000000);color: #fff;text-align: center;font-style: italic;padding: 5px 0 8px 0;font-size: 17px;z-index: 1;box-shadow: 0 -2px 6px rgba(0,0,0,0.3);opacity: 0;animation: fadeInUp 0.8s ease forwards;} @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .numero-animado {display: inline-block;animation: bounce 0.5s ease;} @keyframes bounce { 0% { transform: scale(1); } 30% { transform: scale(1.25); } 60% { transform: scale(0.9); } 100% { transform: scale(1); } } /*Responsive*/ @media (max-width: 1200px) { #btnsTipoTransmision {width: 55%;} } @media (max-width: 1100px) { #btnsTipoTransmision {width: 65%;} } @media (max-width: 926px) {.popup-content {width: 870px;}} @media (max-width: 885px) {.popup-content {width: 840px;}} @media (max-width: 855px) {.popup-content {width: 810px;}} @media (max-width: 820px) {.popup-content {width: 780px;}} @media (max-width: 790px) {.popup-content {width: 750px;}} @media (max-width: 768px) { #editProdContainer {padding: 1em 0;} #btnsTipoTransmision {width: 100%;} /* inventory legacy responsive #showPopUpDiv {width: 100%;place-content: center;margin-bottom: 0.3em;} #endTransmitDiv, #showPopUpDelBtns {margin: 0.5em 0;} #endTransmit {width: 130px;} #showPopUp {width: 130px;} #startSellLive, #endTransmitServMP {width: 160px;} */ .product {width: 32%;} .popup-content {width: 720px;} } @media (max-width: 735px) {.popup-content {width: 690px;}} @media (max-width: 715px) {.popup-content {width: 660px;}} @media (max-width: 675px) {.popup-content {width: 640px;}} @media (max-width: 670px) {.popup-content {width: 620px;} #editProdContainer {padding: 3.65em 0;} /* inventory legacy responsive #showPopUpDiv {display: block} #endTransmit {width: 204px;margin-right: 0;} #showPopUp {width: 200px;} #startSellLive, #endTransmitServMP {width: 247px;margin-right: 0;} */ /* #searchInputDiv {padding-top: 0.5em;position: relative;top: 10px;} #searchInput {width: 225px;} */ } @media (max-width: 645px) {.popup-content {width: 620px;}} @media (max-width: 630px) {.popup-content {width: 600px;}} @media (max-width: 620px) {.popup-content {width: 580px;}} @media (max-width: 600px) { #editProdContainer {padding: 0 0 2.55em 0;} #editProdFields {display: grid;} #searchCodeDel {width: unset;text-align: center;margin-right: 0;} #btnsDel {display: grid;width: 100%;} #delProduct {padding: 0.3em 2.5em;} #delAllProducts {padding: 0.3em 2.5em;} .idCompra {display: none;} } @media (max-width: 595px) {.popup-content {width: 560px;}} @media (max-width: 580px) { #idProductEdit {display: inline-block;} } @media (max-width: 576px) { #idProductEdit {display: inline-block;} .page-id-10022 .vc_column_container>.vc_column-inner {padding-right: 0px;} } @media (max-width: 560px) {.popup-content {width: 540px;}} @media (max-width: 550px) { /* inventory legacy responsive .idProducto {width: 20%;} .descProducto {width: 37%;} .precioProducto {width: 20%;} .qtyProducto {width: 13%;text-align: center;} .comisionProd, .comiProd, .fechaProducto {display: none !important;} #showPopUp {margin-right: 0;} */ } @media (max-width: 540px) {.popup-content {width: 520px;}} @media (max-width: 520px) {.popup-content {width: 500px;}} @media (max-width: 500px) { .product {width: 49%;} .popup-content {width: 480px;} } @media (max-width: 490px) {.wrap {max-width: unset;width: 100%;}} @media (max-width: 480px) {.popup-content {width: 460px;}} @media (max-width: 460px) {.popup-content {width: 440px;}} @media (max-width: 430px) { .popup-content {width: 420px;} #wraImgProdUrl img {max-width: unset;width: 100%;} #popupfotosProdSellers .wrap {width: 100%;} } @media (max-width: 420px) {.popup-content {width: 410px;}} @media (max-width: 410px) {.popup-content {width: 400px;}} @media (max-width: 400px) {.popup-content {width: 390px;}} @media (max-width: 390px) {.popup-content {width: 380px;}} @media (max-width: 385px) {#attributeArea {gap: 5px;}} @media (max-width: 380px) {.popup-content {width: 360px;}} @media (max-width: 360px) {.popup-content {width: 340px;}} @media (max-width: 340px) {.popup-content {width: 320px;}} @media (max-width: 320px) {.popup-content {width: 300px;}} /* shopperInventoryContainer redesign */ #shopperInventoryContainer { margin: 0 auto; box-sizing: border-box; min-height: calc(100vh); background: #fff9fa; } #datosShoppSearchInptDiv, #inventoryTableDiv { max-width: 1400px; margin-left: auto; margin-right: auto; background: rgba(255, 255, 255, 0.84); backdrop-filter: blur(18px); box-shadow: 0 24px 52px rgba(31, 41, 80, 0.08); } #datosShoppSearchInptDiv { margin-top: 0; margin-bottom: 0; padding: 15px 18px 14px; border-radius: 20px 20px 0 0; border: 1px solid rgba(227, 231, 242, 0.95); border-bottom: unset; } #inventoryTableDiv { padding: 0 18px 18px; border-radius: 0 0 20px 20px; overflow: hidden; border: 1px solid rgba(227, 231, 242, 0.95); border-top: unset; } #showPopUpDiv { display: flex; align-items: center; justify-content: left; padding-left: 15px; gap: 12px; } #endTransmitDiv { display: flex; align-items: center; gap: 12px; margin: 0; } #searchInputDiv { position: relative; flex: 1 1 320px; max-width: 360px; } #searchInputDiv::before { content: ""; position: absolute; left: 14px; top: 50%; width: 25px; height: 25px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2397A1B4' d='M10.5 4a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm8.9 11.5 1.4 1.4-2 2-1.4-1.4-2.1-2.1 2-2 2.1 2.1Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; } #searchInput { width: 270px; height: 50px; margin: 0; padding: 0 42px 0 48px; border: 1px solid rgba(219, 224, 237, 0.95); border-radius: 15px; background: rgba(255, 255, 255, 0.96); color: #35415e; font-size: 1rem; text-align: left; outline: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78); } #searchInput::placeholder { color: #9aa4b6; } #searchInputDiv .clsSearchInput { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 21px; padding: 3px 3px 9px 3px; border: none; border-radius: 50%; background: transparent; color: #98a1b3; font-size: 28px; line-height: 1; cursor: pointer; } #searchInputDiv .clsSearchInput:hover { background: #edf2fb; color: #72809a; } #startSellLive, #showPopUp, #endTransmit, #endTransmitServMP { display: inline-flex; align-items: center; justify-content: center; min-width: 176px; height: 45px; padding: 0 22px; margin: 0; border: none; border-radius: 7px; color: #ffffff; font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease; } #startSellLive:hover, #showPopUp:hover, #endTransmit:hover, #endTransmitServMP:hover { transform: translateY(-1px); opacity: 0.96; } #showPopUp { background: linear-gradient(180deg, #47a4f4 0%, #0f5b9c 100%); } #endTransmit, #endTransmitServMP { color: #ec1b46; background: #fff; border: 1.5px solid rgba(255, 57, 99, 0.95); } #inventoryTable { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; border-radius: 20px; border: 1px solid rgba(227, 231, 242, 0.95); table-layout: fixed; box-shadow: unset; } #inventoryTable thead { background: transparent; } #inventoryTable thead tr { display: table-row !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 248, 255, 0.98) 100%); } #inventoryTable thead, #inventoryTable tbody > tr { width: 100%; table-layout: fixed; } #inventoryTable tbody { display: block; max-height: calc(100vh - 230px) !important; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: rgba(179, 189, 211, 0.78) transparent; } #inventoryTable th.id, #inventoryTable td.id, #inventoryTable th.idShopper, #inventoryTable td.idShopper, #inventoryTable th.idProducto, #inventoryTable td.idProducto, #inventoryTable th.tipoTransmi, #inventoryTable td.tipoTransmi, #inventoryTable td.urlImg, #inventoryTable td.oversized, #inventoryTable td.isPallet, #inventoryTable td.imgPortada, #inventoryTable td.imgsGaleria { display: none !important; } #inventoryTable th { padding: 14px 20px 16px; border: none; color: #54607f; font-size: 0.9rem; font-weight: 700; text-align: left; } #inventoryTable td { padding: 18px 20px; border: none; background: transparent; color: #2e3951; font-size: 0.9rem; vertical-align: middle; } #allProductShopper > tr { border-top: 1px solid rgba(230, 235, 245, 0.95); cursor: pointer; } #allProductShopper > tr:not(.trTdProductControls):nth-child(odd) { background: rgba(255, 255, 255, 0.9); } #allProductShopper > tr:not(.trTdProductControls):nth-child(even) { background: linear-gradient(180deg, #f5f9ff 0%, #eff5ff 100%); } #allProductShopper > tr:not(.trTdProductControls):hover { background: #eef4ff !important; color: inherit !important; } #allProductShopper > tr.selected-row { background: #fff9fa !important; } #allProductShopper > tr.selected-row:hover { background: #fff9fa !important; } #inventoryTable .imgProdGraltd { width: 15%; padding: 18px 12px 18px 28px; } #inventoryTable .descProducto { width: 25%; } #inventoryTable .precioProducto { width: 10%; } #inventoryTable .comisionProd { width: 20%; text-align: center; } .asoc_type_seller #inventoryTable .comisionProd {display: none;} #inventoryTable .qtyProducto { width: 12%; } #inventoryTable .fechaProducto { width: 23%; } .imgProdGralContDiv { display: flex; justify-content: center; } .imgProdGralDiv { display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; padding: 0; border-radius: 12px; border: 1px solid rgba(220, 225, 238, 0.96); background: #ffffff; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); } .imgProdGral { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; cursor: pointer; } .imgProdGralQuery { width: 28px; height: 32px; padding: 2px; border-radius: 8px; border: 1px solid rgba(220, 225, 238, 0.96); background: #ffffff; } #inventoryTable td.descProducto { word-wrap: break-word; } #inventoryTable td.descProducto span { display: block; margin-bottom: 4px; padding: 0; color: #344f87; font-size: 0.9rem; font-weight: 700; letter-spacing: 0.01em; } #inventoryTable td.precioProducto { text-align: left; } tr.trTdProductControls { height: auto; background: #fff9fa !important; border: unset !important; } tr.trTdProductControls td { padding: 0px 20px 10px !important; background: transparent !important; text-align: center; } .copyProd, .linkMydealPay, .addFotoProdSeller, .editProdSeller { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 135px; padding: 6px 3px; border: 1px solid rgba(219, 225, 238, 0.95); border-radius: 7px; background: #ffffff; color: #555; font-size: 0.85rem; font-weight: 600; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease; } .copyProd:hover, .linkMydealPay:hover, .addFotoProdSeller:hover, .editProdSeller:hover { transform: translateY(-1px); opacity: 1; } .copyProd:before, .linkMydealPay:before, .addFotoProdSeller:before, .editProdSeller:before { content: ""; display: inline-block; width: 22px; height: 22px; padding: 0; margin-right: 0; border-radius: 0; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; background-color: transparent; } .copyProd:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 4.5h8.1c1 0 1.9.8 1.9 1.9v11.1c0 1-.8 1.9-1.9 1.9H9c-1 0-1.9-.8-1.9-1.9V6.4c0-1 .8-1.9 1.9-1.9Z' stroke='%233b82f6' stroke-width='1.8'/%3E%3Cpath d='M5.1 8.5H4.9c-1 0-1.9.8-1.9 1.9v8.2c0 1 .8 1.9 1.9 1.9h8.2c1 0 1.9-.8 1.9-1.9v-.2' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12.3 12.1v4.3M10.2 14.2h4.3' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .linkMydealPay:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 2 18.5 19' fill='none'%3E%3Cpath d='M14 5h5v5' stroke='%2316a34a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5 10 14' stroke='%2316a34a' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M18 13.2v3.4A1.4 1.4 0 0 1 16.6 18H7.4A1.4 1.4 0 0 1 6 16.6V7.4A1.4 1.4 0 0 1 7.4 6H11' stroke='%2316a34a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .addFotoProdSeller:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2.3' stroke='%233b82f6' stroke-width='1.8'/%3E%3Cpath d='m7.4 15.1 3-3 2.4 2.5 2.1-2.1 3.1 3.1' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9.2' cy='9.4' r='1.2' fill='%233b82f6'/%3E%3Cpath d='M18.8 3.8v4.6M16.5 6.1h4.6' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .editProdSeller:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 20h4.2l10.1-10.1a2 2 0 0 0 0-2.8l-1.4-1.4a2 2 0 0 0-2.8 0L4 15.8V20Z' stroke='%233b82f6' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m12.7 7.1 4.2 4.2' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } @media (max-width: 960px) { #startSellLive, #showPopUp, #endTransmit, #endTransmitServMP {min-width: unset !important;width: 128px !important;} } @media (max-width: 845px) { #shopperInventoryContainer { padding: 0 16px 16px 16px; } #inventoryTableDiv { padding: 0 14px 16px; } #showPopUpDiv { flex-wrap: wrap; gap: 10px 12px; padding-left: 0; } #searchInputDiv { flex: 1 1 100%; width: 100%; max-width: none; min-width: 0; margin-left: 0; } #searchInput { width: 100%; max-width: none; box-sizing: border-box; } } @media (max-width: 675px) { #shopperInventoryContainer { padding: 0; } #inventoryTable { border: none; border-radius: 0; background: transparent; box-shadow: none; } #inventoryTable thead { display: none !important; } #inventoryTable, #inventoryTable tbody, #inventoryTable tbody tr, #inventoryTable tbody td { display: block; width: 98% !important; overflow: visible; } #inventoryTable tbody { max-height: none !important; overflow: visible; padding-right: 0; } #allProductShopper > tr:not(.trTdProductControls) { display: grid !important; grid-template-columns: clamp(78px, 23vw, 150px) minmax(0, 1fr) auto; align-items: center; margin: 0 0 14px; padding: 10px 16px 15px 16px; border: 1px solid rgba(231, 223, 240, 0.9); border-radius: 15px; box-shadow: 0 14px 28px rgba(50, 44, 92, 0.08); } .asoc_type_seller #allProductShopper > tr:not(.trTdProductControls) { grid-template-areas: "img stock stock" "img desc desc" "img price price" "img date date"; gap: 0px 16px; } .asoc_type_shopper #allProductShopper > tr:not(.trTdProductControls) { grid-template-areas: "img stock stock" "img desc desc" "img price price" "img commis commis" "img date date"; gap: 10px 16px; } .asoc_type_seller #inventoryTable td.fechaProducto {position: relative;top: -2px;} #allProductShopper > tr:not(.trTdProductControls):hover, #allProductShopper > tr.selected-row:hover { background: #fff9fa !important; } #allProductShopper > tr.selected-row { margin-bottom: 0; padding-bottom: 5px; border-bottom-color: transparent; border-radius: 24px 24px 0 0; box-shadow: 0 10px 20px rgba(50, 44, 92, 0.06); } #allProductShopper > tr:not(.trTdProductControls) td { padding: 0 !important; border: 0 !important; background: transparent !important; min-width: 0; } #inventoryTable td.imgProdGraltd { grid-area: img; width: auto; padding: 0 !important; } .imgProdGralContDiv { justify-content: center; } .imgProdGralDiv { width: clamp(82px, 24vw, 110px); height: clamp(112px, 31vw, 150px); padding: 5px; border-radius: 15px; border: 1px solid rgba(229, 223, 239, 0.9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); } .imgProdGral { border-radius: 15px; } #inventoryTable td.descProducto { grid-area: desc; font-size: clamp(1rem, 3.7vw, 1.18rem); line-height: 1.2; font-weight: 700; color: #242d4e; margin-bottom: 5px; } #inventoryTable td.descProducto span { align-items: center; width: fit-content; margin: 0 0 8px 0; padding: 5px 25px; border: 1px solid rgba(230, 223, 240, 0.92); border-radius: 10px; background: #f6f1fb; color: #313b67; font-weight: 500; font-size: 0.85em; } #inventoryTable td.precioProducto { grid-area: price; } #inventoryTable td.qtyProducto, #inventoryTable td.comisionProd, #inventoryTable td.fechaProducto, #inventoryTable td.precioProducto { display: flex; align-items: center; gap: 3px; line-height: 1.5; text-align: left; } #inventoryTable td.qtyProducto { grid-area: stock; text-align: right; display: block; height: 0; position: relative; top: 10px; } /* Base común */ #inventoryTable td.precioProducto::before, #inventoryTable td.qtyProducto::before, #inventoryTable td.comisionProd::before { display: inline-flex; align-items: center; flex: 0 0 auto; padding-left: 32px; background-repeat: no-repeat; background-position: left center; background-size: 25px 25px; } /* Price */ #inventoryTable td.precioProducto::before { content: "Price:"; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.2 10.1 13.9 3.8a2.6 2.6 0 0 0-1.8-.8H5.8A1.8 1.8 0 0 0 4 4.8v6.3c0 .7.3 1.4.8 1.8l6.3 6.3a2 2 0 0 0 2.8 0l6.3-6.3a2 2 0 0 0 0-2.8Z' stroke='%23f03b59' stroke-width='1.9' stroke-linejoin='round'/%3E%3Ccircle cx='8.4' cy='8.4' r='1.45' fill='%23f03b59'/%3E%3C/svg%3E"); } /* Stock */ #inventoryTable td.qtyProducto::before { content: "Stock:"; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill:none'%3E%3Cg stroke='%23256ad9' stroke-width='1.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2 17 5 12 8 7 5 12 2Z'/%3E%3Cpath d='M7 5v6l5 3 5-3V5'/%3E%3Cpath d='M12 8v6'/%3E%3Cpath d='M7 10 12 13 7 16 2 13 7 10Z'/%3E%3Cpath d='M2 13v5l5 3 5-3v-5'/%3E%3Cpath d='M7 16v5'/%3E%3Cpath d='M17 10 22 13 17 16 12 13 17 10Z'/%3E%3Cpath d='M12 13v5l5 3 5-3v-5'/%3E%3Cpath d='M17 16v5'/%3E%3C/g%3E%3C/svg%3E"); margin-right: 3px; } /* Commission */ #inventoryTable td.comisionProd::before { content: "Commission:"; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%233f84ff' stroke-width='2'/%3E%3Cpath fill='%233f84ff' d='M13 6v2.2c1.7.3 3 1.3 3 2.8h-2c0-.6-.7-1-1.5-1S11 10.4 11 11c0 .5.5.8 1.7 1.1 2 .4 3.3 1.2 3.3 2.9 0 1.5-1.3 2.6-3 2.9V20h-2v-2.1c-1.7-.3-3-1.4-3-3h2c0 .6.7 1 1.5 1s1.5-.4 1.5-1-.5-.8-1.7-1.1C10.3 12.9 9 12 9 10.5c0-1.4 1.2-2.5 3-2.9V6h2Z'/%3E%3C/svg%3E"); } /* Fecha (diferente layout) */ #inventoryTable td.fechaProducto::before { content: ""; width: 20px; height: 20px; flex: 0 0 29px; background-repeat: no-repeat; background-position: center; background-size: 22px 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%233b82f6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 3v4M16 3v4'/%3E%3C/g%3E%3C/svg%3E"); } #inventoryTable td.comisionProd { grid-area: commis; } #inventoryTable td.fechaProducto { grid-area: date; white-space: normal; gap: 7px; margin-left: 4px; font-size: 0.85em !important; margin-left: -2px; } #allProductShopper > tr.trTdProductControls { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 98% !important; margin: -3px 0 18px; padding: 10px 16px; border: 1px solid rgba(231, 223, 240, 0.9) !important; border-top: none !important; border-radius: 0 0 24px 24px; box-shadow: 0 18px 28px rgba(50, 44, 92, 0.07); } .asoc_type_seller .copyProdCellTd, .asoc_type_seller .addFotoProdSellerTd { text-align: right !important; } .asoc_type_seller .linkMydealPayTd, .asoc_type_seller .editProdSellerTd { text-align: left !important; } .asoc_type_shopper .copyProdCellTd, .asoc_type_shopper .editProdSellerTd { text-align: right !important; } .asoc_type_shopper .linkMydealPayTd { text-align: left !important; } tr.trTdProductControls td { display: block; width: 100% !important; padding: 0 !important; background: transparent !important; text-align: center; } } @media (max-width: 550px) { #inventoryTableDiv { padding: 0px 13px 0 9px; } } @media (max-width: 500px) { #inventoryTableDiv { padding: 0 10px 0 5px; } } @media (max-width: 466px) { #inventoryTableDiv { padding: 0 10px 0 3px; } } @media (max-width: 455px) { #inventoryTableDiv { padding: 0px 10px 0 2px; } #showPopUpDiv { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding-left: 0; } #datosShoppSearchInptDiv { padding: 7px 18px 14px; } #endTransmitDiv, #showPopUpDelBtns, #searchInputDiv { width: 100%; max-width: none; margin: 0; } #endTransmitDiv { display: block; } #startSellLive, #endTransmit, #endTransmitServMP { width: 89% !important; min-width: 0 !important; } #showPopUp { width: 89% !important; min-width: 0 !important; } } @media (max-width: 420px) { #inventoryTableDiv { padding: 0px 12px 0 2px; } } @media (max-width: 400px) { #inventoryTableDiv { padding: 0px 13px 0 2px; } } @media (max-width: 380px) { #inventoryTableDiv { padding: 0 15px 0 3px; } } @media (max-width: 355px) { #inventoryTableDiv { padding: 0 17px 0 3px; } } /* popupEditProd redesign */ #popupEditProd { display: none; opacity: 0; position: fixed; inset: 0; z-index: 9999; padding: 40px 18px 24px; overflow: auto; background: rgba(20, 27, 43, 0.3); backdrop-filter: blur(5px); transition: opacity 0.25s ease; } .overlayEditProd { position: fixed; inset: 0; } #editProdContainer { position: relative; width: min(620px, 100%); margin: 0 auto; padding: 20px 20px 18px; border: 1px solid rgba(226, 231, 242, 0.95); border-radius: 16px; background: linear-gradient(180deg, #ffffff 0%, #fffdfd 100%); box-shadow: 0 24px 50px rgba(33, 43, 72, 0.18); box-sizing: border-box; } #cerrarPopUpEditDiv { position: absolute; top: 10px; right: 10px; z-index: 2; } #cerrarPopUpEdit { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 27px; padding: 0 2px 5px 2px; border: 1px solid #dfe6f3; border-radius: 10px; background: #ffffff; color: #22304f; font-size: 27px; font-weight: 400; line-height: 1; cursor: pointer; box-shadow: 0 6px 18px rgba(45, 66, 112, 0.08); transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease; } #cerrarPopUpEdit:hover { transform: translateY(-1px); background: #f9fbff; } #editProdFields { display: grid; grid-template-columns: 1fr; gap: 20px; width: 100%; text-align: left; } #editProdHeader { display: grid; gap: 4px; padding-right: 52px; } #editProdPopupTitle { display: block; color: #243257; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.01em; } #editProdPopupSubtitle { display: block; color: #7f8aa4; font-size: 0.95rem; font-weight: 400; } #editProdFormGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; } #editProdFormGrid .editProdFieldGroup:nth-child(1), #editProdFormGrid .editProdFieldGroup:nth-child(2) { grid-column: 1 / -1; } .editProdFieldGroup { display: grid; gap: 9px; min-width: 0; } .editProdFieldLabel { display: block; color: #2f3c63; font-size: 0.92rem; font-weight: 600; } .editProdInputWrap { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; min-height: 42px; border: 1px solid rgba(212, 223, 241, 0.95); border-radius: 11px; background: #fff; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); } .editProdInputWrap.is-readonly { background: linear-gradient(180deg, rgba(245, 248, 255, 0.92) 0%, #ffffff 100%); } .editProdInputIcon { display: inline-flex; align-items: center; justify-content: center; align-self: stretch; border-right: 1px solid rgba(221, 229, 244, 0.95); color: #8a95ac; background: linear-gradient(180deg, #f9fbff 0%, #f6f9ff 100%); } .editProdInputIcon svg { width: 18px; height: 18px; fill: currentColor; } .editProdInputIcon.is-text { font-size: 1.1rem; font-weight: 500; line-height: 1; } #idProductEdit, #editDescProduct, #editPriceProduct, #editQtyProduct { width: 100%; height: 100%; padding: 0 14px; border: none; outline: none; background: transparent; color: #243257; font-size: 0.92rem; font-weight: 400; box-sizing: border-box; } #editDescProduct::placeholder, #editPriceProduct::placeholder, #editQtyProduct::placeholder, #idProductEdit::placeholder { color: #95a0b6; } #editPriceProduct::-webkit-outer-spin-button, #editPriceProduct::-webkit-inner-spin-button, #editQtyProduct::-webkit-outer-spin-button, #editQtyProduct::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #editPriceProduct, #editQtyProduct { appearance: textfield; -moz-appearance: textfield; } #editProdActionRow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 0.25em; } #delProduct, #saveProductChanges, #delAllProducts { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; margin: 0; padding: 0 18px; border-radius: 11px; color: #ffffff; font-size: 0.98rem; font-weight: 700; line-height: 1; cursor: pointer; box-shadow: 0 12px 20px rgba(41, 83, 168, 0.12); } #saveProductChanges { border: none; background: linear-gradient(180deg, #2e7af2 0%, #1258d4 100%); color: #fff; } #delProduct { color: #ec1b46; background: #fff; border: 1.5px solid rgba(255, 57, 99, 0.95); box-shadow: none; } #delAllProducts { width: 100%; min-height: 46px; border: none; background: linear-gradient(180deg, #f43661 0%, #e4002b 100%); color: #fff; box-shadow: 0 12px 20px rgba(228, 0, 43, 0.14); } #saveProductChanges .editProdButtonIcon { display: inline-flex; align-items: center; justify-content: center; } #saveProductChanges .editProdButtonIcon svg { width: 20px; height: 20px; fill: currentColor; } #saveProductChanges.is-saving { opacity: 0.75; cursor: wait; } #delProduct:hover, #saveProductChanges:hover, #delAllProducts:hover { transform: translateY(-1px); opacity: 0.94; } #delProduct svg, #delAllProducts svg { width: 20px; height: 20px; margin: 0; fill: currentColor; } #editProdDivider { height: 1px; background: rgba(220, 227, 239, 0.92); margin: 4px 0 0; } #editProdMoreOptions { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 0; border: none; background: transparent; color: #22304f; font-size: 0.97rem; font-weight: 700; cursor: pointer; } #editProdMoreOptionsIcon { width: 14px; height: 14px; fill: currentColor; transition: transform 0.18s ease; } #editProdMoreOptions[aria-expanded="true"] #editProdMoreOptionsIcon { transform: rotate(180deg); } #editProdMorePanel { display: block; padding-top: 4px; } #editProdMorePanel[hidden] { display: none; } #editProdDangerCard { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px; border: 1px solid rgba(248, 220, 224, 0.95); border-radius: 14px; background: linear-gradient(180deg, #fff7f8 0%, #fffdfd 100%); } .editProdDangerIcon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; border: none; border-radius: 50%; background: linear-gradient(180deg, #fff0f3 0%, #ffe7ec 100%); color: #f12c55; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease; } .editProdDangerIcon:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(241, 44, 85, 0.12); } .editProdDangerIcon svg { width: 22px; height: 22px; fill: currentColor; } .editProdDangerBody { display: grid; gap: 3px; align-content: start; } .editProdDangerTitle { color: #22304f; font-size: 0.98rem; font-weight: 700; } .editProdDangerText { color: #68748f; font-size: 0.83rem; } .editProdDangerHint { color: #f12c55; font-size: 0.86rem; font-weight: 600; } #editProdFooterNote { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #79859d; font-size: 0.88rem; font-weight: 400; } .editProdFooterIcon { display: inline-flex; align-items: center; justify-content: center; color: #5b86d8; } .editProdFooterIcon svg { width: 16px; height: 16px; fill: currentColor; } @media (max-width: 680px) { #tableTotalesNota tr { grid-template-columns: minmax(0, 1fr) 40%; } #editProdContainer { width: min(470px, 100%); padding: 18px 16px 16px; border-radius: 18px; } #editProdActionRow { grid-template-columns: auto; } #delProduct, #saveProductChanges, #delAllProducts { min-height: 46px; border-radius: 9px; } .editProdDangerIcon { width: 46px; height: 46px; } } @media (max-width: 550px) { #tableTotalesNota tr { grid-template-columns: minmax(0, 1fr) 30%; } } @media (max-width: 460px) { #popupEditProd { padding: 40px 8px 24px; } #editProdContainer { width: 100%; padding: 22px 14px 18px; } .editProdFieldLabel { font-size: 0.9rem; } .editProdInputWrap { grid-template-columns: 42px minmax(0, 1fr); min-height: 46px; } #tables[data-sales-role="seller"] .todaySalesTable tbody tr { grid-template-columns: 80px minmax(0, 1fr) minmax(70px, max-content); } } /* Add Product redesign */ #popupAddProducto {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;} #popupTipoTransmision.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;transition: opacity 500ms;z-index: 9;} #popupAddProducto.overlay {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.58);backdrop-filter: blur(8px);transition: opacity 0.28s ease;z-index: 12;} #addProductoContainer {width: 100%;display: flex;justify-content: center;align-items: flex-start;padding: 12px 16px 36px;box-sizing: border-box;} #camposaddProductoDiv {width: min(500px, 100%);background: #fff;box-shadow: 0 24px 54px rgba(29, 62, 116, 0.14);overflow: hidden;border-radius: 10px;} .titleTopAddProduct {display: flex;align-items: center;justify-content: center;position: relative;padding: 18px 72px 17px;background: linear-gradient(180deg, #4e89ea 0%, #2f69d7 100%);} #titleAddProducto {color: #fff;font-size: 1.5rem;line-height: 1.1;letter-spacing: -0.03em;font-weight: 500;} #cerrarPopUp {position: absolute;top: 12px;right: 16px;width: 35px;height: 35px;display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: 999px;background: #24262c;color: #fff;font-size: 1.1rem;font-weight: 500;cursor: pointer;transition: background-color 0.2s ease, transform 0.2s ease;} #cerrarPopUp:hover {background: #17191e;transform: scale(1.03);} #camposAddProducto {padding: 22px 18px 35px 24px;text-align: left;display: flex;flex-direction: column;gap: 18px;} #camposAddProducto > div {margin-top: 0;} #camposAddProducto label {float: none;display: block;margin: 0 0 8px;color: #364152;font-size: 15px;font-weight: 500;} #popupAddProducto .addProductTypeSwitch {display: none;} #popupAddProducto .titleRadTipProd {display: none;} #popupAddProducto .toggle {display: none;} #popupAddProducto .addProductField {margin-top: 0;} #popupAddProducto input[type="text"], #popupAddProducto input[type="number"] {width: 100%;box-sizing: border-box;padding: 10px 16px;margin-bottom: 0;border: 1px solid #ddd;border-radius: 9px;background: #fff;color: #20304f;font-size: 1.04rem;font-family: system-ui;text-align: left;box-shadow: none;} #popupAddProducto input[type="text"]::placeholder, #popupAddProducto input[type="number"]::placeholder {color: #9aa4b8;} #popupAddProducto input:focus-visible {outline: none;border-color: #6fa5ff;box-shadow: 0 0 0 4px rgba(74, 132, 247, 0.12);} #popupAddProducto #fieldComisionProdDiv {display: none;} #popupAddProducto #fieldDescProd {font-size: 1.02rem !important;height: auto;} #popupAddProducto #fieldVariacionesDiv {display: block;margin-top: -10px !important;} #popupAddProducto #fieldVariaciones {width: auto;font-size: 0.8rem;font-weight: 500;padding: 6px 12px;} .productCodeRow {display: inline-grid;margin-bottom: 6px;grid-template-columns: minmax(140px, auto) 54px;gap: 0;align-items: stretch;max-width: 100%;border-radius: 9px;overflow: hidden;border: 1px solid #6f9be6;} #popupAddProducto #fieldIdProd {width: 140px;height: 45px;min-width: 0;padding: 5px 15px;border: none;background: linear-gradient(180deg, #6d9df0 0%, #4d7ddd 100%);color: #fff;font-weight: 600;font-size: 1.3em;text-align: center;letter-spacing: 0.02em;border-radius: 0;} .productCodeCopyBtn {display: inline-flex;align-items: center;justify-content: center;border: none;border-left: 1px solid rgba(255,255,255,0.18);border-radius: 0;background: linear-gradient(180deg, #5f91eb 0%, #4270d0 100%);color: #fff;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;} .productCodeCopyBtn:hover {transform: none;box-shadow: inset 0 0 0 999px rgba(255,255,255,0.06);} .productCodeCopyBtn:disabled {cursor: not-allowed;opacity: 0.55;transform: none;box-shadow: none;} .productCodeCopyBtn.is-copied {background: linear-gradient(135deg, #285ec9 0%, #1747ab 100%);} .productCodeCopyBtn svg {width: 25px;height: 25px;fill: currentColor;} .addProductSizesBtn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 8px 16px;border: 1px solid #dbe3f8;border-radius: 999px;background: #f2f5fc;color: #3d7be7;font-size: 1rem;font-weight: 600;cursor: pointer;box-shadow: 0 4px 12px rgba(77, 126, 212, 0.08);} .addProductSizesBtn:hover {background: #edf3ff;} .addProductFieldGrid {display: grid;margin-bottom: 20px;grid-template-columns: minmax(0, 1fr) minmax(170px, 1fr);gap: 16px;align-items: end;} .fieldInputGroup {display: grid;grid-template-columns: 48px minmax(0, 1fr);align-items: stretch;border: 1px solid #dde5f7;border-radius: 9px;overflow: hidden;background: #fff;} .fieldInputGroup input {border: none !important;border-radius: 0 !important;box-shadow: none !important;} .fieldPrefix {display: inline-flex;align-items: center;justify-content: center;background: #f6f8ff;border-right: 1px solid #dde5f7;color: #666666;font-size: 1.3rem;font-weight: 600;} .fieldPrefix svg {width: 20px;height: 20px;fill: currentColor;} #popupAddProducto #fieldQtyProd {text-align: left;padding-right: 36px;} .shippingSetupWidget {width: 100%;box-sizing: border-box;margin-top: 4px !important;padding: 15px 0 10px 18px;border: none;border-top: 1px solid #edf1f8;border-bottom: 1px solid #edf1f8;border-radius: 0;background: transparent;color: #25355a;box-shadow: none;} .shippingSetupTitle {display: block;margin-bottom: 14px;color: #24324d;font-size: 1rem;font-weight: 600;letter-spacing: 0;} .shippingOption {display: flex !important;align-items: center;gap: 10px;margin: 0 0 12px;color: #374151;font-size: 1.05rem;font-weight: 500;} .shippingOption input[type="radio"] {width: 21px;height: 21px;margin: 0;accent-color: #2d67d7;} .shippingOption:last-of-type {margin-bottom: 0;} #popupAddProducto .oversized-card {display: none;margin-top: 16px !important;border: 1px solid #dfe7fb;border-radius: 14px;background: #f8f9fd;box-shadow: 0 10px 26px rgba(84, 102, 150, 0.08);} #popupAddProducto .oversized-card.active {display: block;} .oversized-card-copy {padding: 18px 18px;} .oversized-fee-tag {display: inline-flex;align-items: center;gap: 12px;margin-bottom: 10px;} .oversized-fee-tag .oversized-fee-tag-txt1{font-size: 3rem;line-height: 0.92;font-weight: 600;letter-spacing: -0.06em;color: #1d69e7;} .oversized-fee-tag .oversized-fee-tag-txt2 {font-size: 1.2em;margin-top: 5px;} .oversized-copy-body ul {margin: 0;padding-left: 20px;color: #344054;font-size: 0.9rem;line-height: 1.45;} .oversized-copy-body li + li {margin-top: 3px;} .oversized-copy-body ul li strong {font-weight: 600;} #popupAddProducto .oversized-image {display: block;justify-self: center;width: 100%;max-width: 300px;border-radius: 20px;margin-top: 10px;} #popupAddProducto .pallet-card {background: linear-gradient(180deg, #fffafc 0%, #f9f1ff 100%);border-color: #ead9fb;} #popupAddProducto .pallet-card-copy {display: block;padding: 18px 18px;} .pallet-card-lead {display: inline-flex;align-items: flex-start;gap: 12px;margin-bottom: 12px;color: #2d3153;font-size: 1.18rem;font-weight: 600;line-height: 1.25;} .pallet-card-lead-icon {display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 999px;background: #fff5cf;color: #d1a11e;box-shadow: inset 0 0 0 1px rgba(209, 161, 30, 0.14);} .pallet-card-lead-icon svg {width: 24px;height: 24px;} .pallet-copy-body ul {padding-left: 22px;} .pallet-copy-body li {color: #394661;font-size: 0.9rem;line-height: 1.48;} .pallet-copy-body li strong {color: #25355a;font-weight: 600;} .pallet-warehouses {margin-top: 14px;color: #4a5674;} .pallet-warehouses-title {display: block;margin-bottom: 2px;font-size: 0.95rem;font-weight: 600;color: #394661;} .pallet-warehouses-list {display: block;font-size: 0.9rem;line-height: 1.45;} .pallet-copy-text {display: block;} #popupAddProducto .pallet-image {display: block;justify-self: center;width: 100%;max-width: 220px;border-radius: 20px;margin-top: 12px;} .addProductActions {display: flex;flex-direction: column;gap: 10px;margin-top: 17px;} .addProductActionBtn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 100%;min-height: 48px;border-radius: 10px;border: 1px solid #d8e1f6;background: #fff;color: #324160;font-size: 1.08rem;font-weight: 700;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;} .addProductActionBtn svg {width: 25px;height: 25px;fill: currentColor;} .addProductActionBtn:hover {transform: translateY(-1px);box-shadow: 0 10px 20px rgba(71, 100, 163, 0.12);} .addProductActionBtn--primary {border-color: #2d67d7;background: linear-gradient(180deg, #4e89ea 0%, #2f69d7 100%);color: #fff;} .addProductActionBtn--secondary {background: #3e79e0;color: #fff;border-color: #2d67d7;} .addProductLegacyAction {display: none !important;} .asoc_type_shopper #uploadGalleryBtn {background: #ffffff;color: #2d67d7;border-color: #2d67d7;} /* Stock quantity selector popup */ body.stockQtySelectorOpen {overflow: hidden;} #popupAddProducto #fieldQtyProd {cursor: pointer;} #popupAddProducto #fieldQtyProd::selection {background: transparent;} .stockQtySelectorPopup { position: fixed; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding: 0 18px; background: rgba(15, 23, 42, 0.38); opacity: 0; pointer-events: none; transition: opacity 0.2s ease; z-index: 24; } .stockQtySelectorPopup.is-open { opacity: 1; pointer-events: auto; } .stockQtySelectorDialog { width: min(420px, 100%); max-height: min(78vh, 620px); display: flex; flex-direction: column; background: #ffffff; border-radius: 10px 10px 0 0; box-shadow: 0 22px 48px rgba(15, 23, 42, 0.2); overflow: hidden; } .stockQtySelectorHeader { position: relative; padding: 18px 52px 14px; border-bottom: 1px solid #eef1f7; text-align: center; } .stockQtySelectorHeader h3 { margin: 0; color: #101828; font-size: 1.2rem; font-weight: 700; line-height: 1.2; } .stockQtySelectorClose { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 999px; background: transparent; color: #1f2937; font-size: 1.75rem; line-height: 1; cursor: pointer; } .stockQtySelectorInputWrap { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; margin: 14px 16px 0; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; } .stockQtySelectorInputLabel { display: inline-flex; align-items: center; padding: 0 14px; min-height: 44px; border-right: 1px solid #edf1f6; color: #111827; font-size: 0.98rem; font-weight: 600; } #stockQtySelectorInput { width: 100%; min-width: 0; height: 44px; padding: 0 14px; border: none; outline: none; box-shadow: none; color: #111827; font-size: 0.98rem; background: transparent; } #stockQtySelectorInput::placeholder { color: #9aa3b2; } #stockQtySelectorInput::-webkit-outer-spin-button, #stockQtySelectorInput::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stockQtySelectorInput[type="number"] { -moz-appearance: textfield; } .stockQtySelectorApply { width: 54px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: none; border-left: 1px solid #edf1f6; background: #fff; cursor: pointer; transition: background-color 0.2s ease, opacity 0.2s ease; } .stockQtySelectorApply:disabled { opacity: 0.45; cursor: not-allowed; } .stockQtySelectorApplyIcon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 2px solid #31589e; border-radius: 7px; color: #31589e; font-size: 1.1rem; font-weight: bolder; line-height: 1; } .stockQtySelectorList { margin-top: 12px; padding-bottom: 6px; overflow: auto; } .stockQtySelectorOption { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border: none; border-top: 1px solid #eef1f6; background: #fff; color: #111827; font-size: 1rem; font-weight: 500; text-align: left; cursor: pointer; } .stockQtySelectorOption:first-child { border-top-color: #f4f6fb; } .stockQtySelectorOption.is-selected { color: #f28b1d; } .stockQtySelectorCheck { opacity: 0; color: #f28b1d; font-size: 1.2rem; font-weight: 700; } .stockQtySelectorOption.is-selected .stockQtySelectorCheck { opacity: 1; } /* Variation popup keeps legacy oversized styling */ #popupVariacionesProd .oversized-widget {width: min(100%, 100%);color: #2f3a4a;} #popupVariacionesProd .oversized-header {display: flex;justify-content: space-between;text-align: left;align-items: flex-start;gap: 14px;} #popupVariacionesProd .oversized-text {margin: 0 !important;} #popupVariacionesProd .oversized-text h3 {margin: 0;font-size: 18px;font-weight: 700;color: #4a4f59;} #popupVariacionesProd .oversized-text p {margin: 6px 0 0;font-size: 14px;color: #73787f;line-height: 1.3;} #popupVariacionesProd .switch-oversized {position: relative;display: inline-block;width: 60px;height: 26px;flex-shrink: 0;margin-top: 2px;} #popupVariacionesProd .switch-oversized input {opacity: 0;width: 0;height: 0;position: absolute;} #popupVariacionesProd .slider-oversized {position: absolute;inset: 0;cursor: pointer;background-color: #e7ebf0;border: 2px solid #b7c0cb;border-radius: 999px;transition: 0.25s ease;} #popupVariacionesProd .slider-oversized::before {content: "OFF";position: absolute;left: 26px;top: 50%;transform: translateY(-50%);font-size: 12px;font-weight: 700;color: #7a8492;transition: 0.25s ease;} #popupVariacionesProd .slider-oversized::after {content: "";position: absolute;height: 16px;width: 16px;left: 6px;top: 3px;background-color: #ffffff;border-radius: 50%;box-shadow: 0 1px 4px rgba(0,0,0,0.18);transition: 0.25s ease;} #popupVariacionesProd .switch-oversized input:checked + .slider-oversized {background-color: #2f80ed;border-color: #2f80ed;} #popupVariacionesProd .switch-oversized input:checked + .slider-oversized::before {content: "ON";left: 13px;color: #ffffff;} #popupVariacionesProd .switch-oversized input:checked + .slider-oversized::after {transform: translateX(30px);} #popupVariacionesProd .oversized-card {margin-top: 14px !important;border: 2px solid #d5e3f4;background: #eef5ff;border-radius: 2px;overflow: hidden;display: none;} #popupVariacionesProd .oversized-card.active {display: block;} #popupVariacionesProd .oversized-image {display: block;width: 100%;height: auto;background: transparent;} #popupVariacionesProd .oversized-fee {text-align: center;padding: 10px 12px 12px;font-size: 18px;font-weight: 700;color: #4d5868;} #popupVariacionesProd .oversized-fee span {color: #3d84d8;} /* popupCamara redesign */ #popupCamara {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;} .overlayCamara {position: fixed;inset: 0;background: rgba(13, 18, 31, 0.78);backdrop-filter: blur(6px);transition: opacity 0.28s ease;z-index: 12;} #popupCamaraContainer {width: 100%;min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 18px;box-sizing: border-box;} .cameraModalWrap {width: min(550px, 100%);background: #fff;border-radius: 10px;padding:23px 15px 23px 15px;position: relative;box-shadow: 0 30px 80px rgba(0, 0, 0, 0.32);} #cerrarPopUpCamara {position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: 10px;background: #00000082;color: #fff;font-size: 1.05rem;font-weight: 700;cursor: pointer;z-index: 2;} #cerrarPopUpCamara:hover {background: rgba(53, 40, 24, 0.72);} #popupCamaraContainer #fileInput, #popupCamara #cameraBox, #popupCamara #previewBox {display: none;} #popupCamara.is-camera-mode #cameraBox {display: block;} #popupCamara.is-preview-mode #previewBox {display: block;} #popupCamara.is-preview-mode #cameraBox {display: none !important;} #popupCamara .cameraStage {display: flex;flex-direction: column;gap: 18px;} #popupCamara video, #popupCamara img, #popupCamara canvas {width: 100%;max-height: min(68vh, 560px);border-radius: 10px;background: #eef2ff;object-fit: cover;} .cameraCaptureActions {display: flex;justify-content: center;padding: 18px 6px 4px;} .cameraCaptureBtn, .cameraPrimaryBtn, .cameraSecondaryBtn {width: min(350px, 100%);min-height: 47px;padding: 0 18px;border: none;border-radius: 7px;font-size: 1.3rem;font-weight: 500; cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;} .cameraCaptureBtn, .cameraPrimaryBtn {background: linear-gradient(135deg, #4d8ff5 0%, #2d67d7 100%);color: #fff;box-shadow: 0 16px 28px rgba(45, 103, 215, 0.2);} .cameraCaptureBtn {display: inline-flex;align-items: center;justify-content: center;} .cameraCaptureBtn:hover, .cameraPrimaryBtn:hover, .cameraSecondaryBtn:hover {transform: translateY(-1px);} .cameraPrimaryBtn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: none;} .cameraPreviewActions {display: flex;flex-direction: column;align-items: center;gap: 14px;padding: 22px 6px 4px;text-align: center;} .cameraPreviewNote {margin: 0;color: #6b7280;font-size: 1rem;line-height: 1.45;} .cameraSecondaryBtn {background: #fff;color: #374151;border: 1px solid #d4d8e4;box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);} #popupCamara #msg {margin-top: 8px;} @media (max-width: 640px) { #addProductoContainer {padding: 0;} #camposaddProductoDiv {width: 98%;box-shadow: none;margin-top: 1em;} .titleTopAddProduct {padding: 18px 58px 16px;} #titleAddProducto {font-size: 1.55rem;} #cerrarPopUp {width: 30px;height: 30px;top: 12px;right: 10px;font-size: 1rem;} .productCodeRow {grid-template-columns: minmax(140px, auto) 48px;} .addProductFieldGrid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;} .shippingSetupWidget {padding: 18px 0;} .shippingSetupTitle {font-size: 1rem;} .shippingOption {font-size: 1rem;} .oversized-card-copy {grid-template-columns: 1fr;gap: 14px;padding: 18px 16px;} .oversized-copy-text {grid-template-columns: 1fr;gap: 12px;} .pallet-card-lead {font-size: 1.08rem;} #popupAddProducto .pallet-image {max-width: 260px;} .addProductActionBtn {min-height: 54px;font-size: 1rem;} #popupCamaraContainer {padding: 3px;} .cameraModalWrap {padding: 12px 12px 18px;border-radius: 24px;} #cerrarPopUpCamara {top: 12px;right: 12px;width: 42px;height: 42px;} #popupCamara video, #popupCamara img, #popupCamara canvas {max-height: 48vh;border-radius: 18px;} .cameraCaptureBtn, .cameraPrimaryBtn, .cameraSecondaryBtn {min-height: 52px;font-size: 1rem;} .cameraPreviewNote {font-size: 0.95rem;} .stockQtySelectorPopup { padding: 0; background: rgba(15, 23, 42, 0.3); } .stockQtySelectorDialog { width: 100%; max-height: min(82vh, 680px); } .stockQtySelectorHeader { padding-top: 16px; padding-bottom: 12px; } .stockQtySelectorHeader h3 { font-size: 1.08rem; } .stockQtySelectorInputWrap { margin: 12px 12px 0; } .stockQtySelectorOption { padding: 15px 16px; font-size: 1rem; } } @media (max-width: 430px) { .addProductFieldGrid {grid-template-columns: 1fr;} .shippingSetupTitle {font-size: 1.45rem;} .oversized-copy-body ul {font-size: 0.95rem;} } /* Live setup popups redesign */ #popupSelectTiendasPS, #popupSelectTiendasMP {display: none;opacity: 0;transition: opacity 0.28s ease;overflow-y: auto;overflow-x: hidden;} .popupSelectTiendasPS, .popupSelectTiendasMP {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.72);backdrop-filter: blur(7px);z-index: 999;} #selectTiendasPSContainer, #selectTiendasMPContainer { width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px 14px; box-sizing: border-box; position: static; top: auto; left: auto; transform: none; overflow-x: hidden; } #selectTiendasPS, #containerMP { width: min(660px, 100%); display: flex; flex-direction: column; max-height: min(92vh, 860px); background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 70px rgba(15, 23, 42, 0.24); } #selectTiendasPS, #selectTiendasPS *, #containerMP, #containerMP * { box-sizing: border-box; } .liveSetupHeader { display: flex; align-items: center; justify-content: center; position: relative; padding: 20px 64px 18px; background: linear-gradient(180deg, #4f89ea 0%, #2f69d7 100%); color: #fff; font-size: 2rem; font-weight: 700; letter-spacing: -0.03em; } .liveSetupClose { position: absolute; top: 14px; right: 16px; width: 40px; height: 40px; display: inline-flex; justify-content: center; border-radius: 999px; background: rgba(255,255,255,0.1); color: #fff; font-size: 1.9rem; font-weight: 600; line-height: 1; cursor: pointer; } .liveSetupBody { padding: 24px 20px 22px; background: linear-gradient(180deg, #f7f8ff 0%, #f1efff 100%); display: flex; flex-direction: column; gap: 18px; min-width: 0; width: 100%; max-height: calc(100vh - 60px); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .liveSetupBody--compact { padding-top: 26px; } .liveSetupIntro { padding: 6px 6px 0; width: 100%; min-width: 0; } .liveSetupIntro .titlePlatforms { display: block; margin: 0 0 16px; text-align: center; } .liveSetupIntro--steps .titlePlatforms { text-align: left; } .liveSetupIntro .titleSeleTienPS-1, .liveSetupIntro .titleSeleTienMP-1 { display: inline-block; color: #131c2f; font-size: 1rem; font-weight: 700; line-height: 1.35; } #popupSelectTiendasMP .liveSetupIntro .titleSeleTienMP-1 { font-size: 1.85rem; font-weight: 500; line-height: 1.2; text-align: center; } .liveSetupSection { width: 100%; min-width: 0; background: rgba(255,255,255,0.75); border: 1px solid rgba(223, 231, 249, 0.95); border-radius: 18px; padding: 18px 16px; box-shadow: 0 10px 30px rgba(96, 110, 157, 0.08); } .liveSetupSectionTitle { display: block; margin-bottom: 14px; } .liveSetupSectionTitle .titleSeleTienPS-1 { display: inline-block; color: #18233a; font-size: 1rem; font-weight: 700; line-height: 1.35; } .liveSetupPlatformsWrap, .checkePlatformsContainer {display: block;width: 100%;} #popupSelectTiendasPS .check-group, #popupSelectTiendasMP .check-group { display: flex; flex-direction: column; gap: 14px; width: 100%; min-width: 0; padding: 0; background: transparent; border: none; border-radius: 0; } #popupSelectTiendasPS .check-group .platformContainer, #popupSelectTiendasMP .check-group .platformContainer { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; width: 100%; min-width: 0; padding: 16px 18px; border: 1px solid #e4e9f7; border-radius: 16px; background: #fff; box-shadow: 0 8px 20px rgba(84, 102, 150, 0.08); } #popupSelectTiendasPS .platformCard, #popupSelectTiendasMP .platformCard { position: relative; display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 14px; width: 100%; min-width: 0; cursor: pointer; } #popupSelectTiendasPS .checkbox__input, #popupSelectTiendasMP .checkbox__input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } #popupSelectTiendasPS .checkbox__icon, #popupSelectTiendasMP .checkbox__icon { width: 26px; height: 26px; border-radius: 8px; border: none; flex-shrink: 0; } #popupSelectTiendasPS .checkbox__icon rect, #popupSelectTiendasMP .checkbox__icon rect { stroke: #9aa7c0; stroke-width: 1.4; rx: 5; } #popupSelectTiendasPS .checkbox__icon .tick, #popupSelectTiendasMP .checkbox__icon .tick { stroke: #fff; stroke-dasharray: 20px; stroke-dashoffset: 20px; transition: stroke-dashoffset 0.2s ease-out; } #popupSelectTiendasPS .checkbox__input:checked + .checkbox__icon rect, #popupSelectTiendasMP .checkbox__input:checked + .checkbox__icon rect { fill: #356fe1; stroke: #356fe1; } #popupSelectTiendasPS .checkbox__input:checked + .checkbox__icon .tick, #popupSelectTiendasMP .checkbox__input:checked + .checkbox__icon .tick { stroke: #fff; stroke-dashoffset: 0; } #popupSelectTiendasPS .checkbox__input:disabled + .checkbox__icon rect, #popupSelectTiendasMP .checkbox__input:disabled + .checkbox__icon rect { fill: #f3f5fa; stroke: #d2d9e7; } #popupSelectTiendasPS .platformBrandIcon, #popupSelectTiendasMP .platformBrandIcon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex-shrink: 0; } #popupSelectTiendasPS .platformBrandIcon svg, #popupSelectTiendasMP .platformBrandIcon svg { width: 100%; height: 100%; display: block; } #popupSelectTiendasPS .platformName, #popupSelectTiendasMP .platformName { margin-left: 0; color: #18233a; font-size: 1.05rem; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #popupSelectTiendasPS .platformContainer[data-has-url="0"] .platformName, #popupSelectTiendasMP .platformContainer[data-has-url="0"] .platformName { color: #67748d; } #popupSelectTiendasPS .addChangeLinkPlatform, #popupSelectTiendasMP .addChangeLinkPlatform { border: none; background: transparent; padding: 0; align-self: center; justify-self: end; color: #5d7fe0; font-size: 0.96rem; font-weight: 500; line-height: 1.2; white-space: nowrap; cursor: pointer; } #popupSelectTiendasPS .platformContainer[data-has-url="0"] .addChangeLinkPlatform, #popupSelectTiendasMP .platformContainer[data-has-url="0"] .addChangeLinkPlatform { color: #8b99b4; } .liveSetupSearchWrap { position: relative; width: 100%; } #buscarTiendaInpt { width: 100%; box-sizing: border-box; border: 1px solid #d7dff2; padding: 13px 16px; margin-bottom: 0; font-size: 1rem; border-radius: 12px; outline: none; background: #fff; color: #1f2937; } #buscarTiendaInpt::placeholder { color: #95a0b4; } #buscarTiendaInpt:focus { border-color: #6fa5ff; box-shadow: 0 0 0 4px rgba(74, 132, 247, 0.12); } #resultSearchSelTienda { display: none; position: absolute; z-index: 3; left: 0; right: 0; width: auto; background: #fff; margin: 0; list-style: none; padding: 6px 0; border: 1px solid #d8dff1; max-height: 220px; overflow-y: auto; border-radius: 10px; box-shadow: 0 18px 38px rgba(53, 74, 117, 0.12); } #resultSearchSelTienda li { cursor: pointer; padding: 10px 14px; border-bottom: 1px solid #eef2fb; } #resultSearchSelTienda li:last-child { border-bottom: none; } #resultSearchSelTienda li:hover {background: #356fe1;color: #fff;} #resultSearchSelTienda #id-default {display: none;} .liveSetupCommissionCard { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 10px 14px; margin: 0 0 12px; padding: 14px 16px; border: 1px solid #e3e9f7; border-radius: 16px; background: #fff; } .liveSetupCommissionCard--single { margin-bottom: 0; grid-template-columns: 22px minmax(0, 1fr); } .liveSetupCommissionCard input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: #356fe1; grid-column: 1; grid-row: 1 / span 2; align-self: start; } .liveSetupCommissionCard label { display: block; margin: 0; grid-column: 2 / -1; grid-row: 1; color: #1f2a44; font-size: 0.98rem; font-weight: 500; line-height: 1.34; } .liveSetupCommissionCard .inptComis { width: 140px; box-sizing: border-box; grid-column: 2; grid-row: 2; margin: 2px 0 0; border: 1px solid #d7dff2; padding: 11px 12px; font-size: 0.98rem; border-radius: 12px; outline: none; background: #fff; text-align: center; } .liveSetupCommissionCard .inptComis:focus { border-color: #6fa5ff; box-shadow: 0 0 0 4px rgba(74, 132, 247, 0.12); } .liveSetupActionWrap { margin-top: 2px; padding: 6px 0 2px; width: 100%; } #startBtn, #startBtnMP { display: inline-flex; align-items: center; justify-content: center; width: 92%; margin: 0 auto; font-size: 1.15rem; font-weight: 600; letter-spacing: 0.01em; padding: 0.5em 1em; border-radius: 10px; border: none; background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%); box-shadow: 0 16px 28px rgba(233, 11, 56, 0.18); } #tiendasPSselect {display: none;} @media (max-width: 640px) { #selectTiendasPSContainer, #selectTiendasMPContainer { align-items: flex-start; padding: 10px; } #selectTiendasPS, #containerMP { width: 100%; border-radius: 18px; } .liveSetupHeader { padding: 18px 54px 16px; font-size: 1.7rem; } .liveSetupClose { top: 10px; right: 12px; width: 36px; height: 36px; font-size: 1.55rem; } .liveSetupBody { padding: 18px 14px 18px; gap: 14px; max-height: calc(100vh - 24px); } .liveSetupIntro .titleSeleTienPS-1, .liveSetupSectionTitle .titleSeleTienPS-1 { font-size: 0.96rem; } #popupSelectTiendasMP .liveSetupIntro .titleSeleTienMP-1 { font-size: 1.15rem; } #popupSelectTiendasPS .check-group .platformContainer, #popupSelectTiendasMP .check-group .platformContainer { padding: 14px 14px; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; } #popupSelectTiendasPS .platformCard, #popupSelectTiendasMP .platformCard { gap: 10px; grid-template-columns: auto auto minmax(0, 1fr); } #popupSelectTiendasPS .platformBrandIcon, #popupSelectTiendasMP .platformBrandIcon { width: 36px; height: 36px; } #popupSelectTiendasPS .platformName, #popupSelectTiendasMP .platformName { font-size: 1rem; } #popupSelectTiendasPS .addChangeLinkPlatform, #popupSelectTiendasMP .addChangeLinkPlatform { font-size: 0.88rem; } .liveSetupSection { padding: 14px 12px; } .liveSetupCommissionCard { grid-template-columns: 20px minmax(0, 1fr) auto; padding: 12px 12px; } .liveSetupCommissionCard .inptComis { width: 112px; margin-left: 0; } } @media (max-width: 430px) { #popupSelectTiendasPS .addChangeLinkPlatform, #popupSelectTiendasMP .addChangeLinkPlatform { justify-self: start; } .liveSetupCommissionCard { grid-template-columns: 20px minmax(0, 1fr); gap: 8px 10px; } .liveSetupCommissionCard label { grid-column: 2; } .liveSetupCommissionCard .inptComis { width: 100%; grid-column: 2; grid-row: 2; } .liveSetupCommissionCard .porcentSigno { grid-column: 2; grid-row: 3; margin-top: -4px; } }