.productos-page{margin-top:-30px;padding:0 0 28px;} .productos-header{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e7edf4;border-radius:18px;padding:18px 20px;box-shadow:0 8px 25px rgba(15,23,42,.04);} .productos-header-left{display:flex;align-items:center;gap:14px;min-width:0;} .productos-header-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(37,99,235,.22);} .productos-header h2{margin:0;color:#172033;font-size:20px;font-weight:700;} .productos-header p{margin:3px 0 0;color:#8a96a8;font-size:12px;} .productos-btn-agregar{min-width:205px;display:flex;align-items:center;gap:11px;padding:9px 14px;border:0;border-radius:13px;background:#2563eb;color:#fff;cursor:pointer;text-align:left;box-shadow:0 8px 18px rgba(37,99,235,.20);transition:all .18s ease;} .productos-btn-agregar:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,99,235,.25);} .productos-btn-agregar-icon{width:34px;height:34px;min-width:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);font-size:13px;} .productos-btn-agregar strong{display:block;font-size:11px;font-weight:700;line-height:1.2;} .productos-btn-agregar small{display:block;margin-top:2px;color:rgba(255,255,255,.82);font-size:8.5px;font-weight:500;} .productos-toolbar{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch;} .productos-resumen,.productos-filtro{background:#fff;border:1px solid #e7edf4;border-radius:16px;padding:15px 16px;box-shadow:0 6px 20px rgba(15,23,42,.035);} .productos-resumen{display:flex;align-items:center;gap:12px;} .productos-resumen-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ecfdf5;color:#16845b;font-size:15px;} .productos-resumen span{display:block;color:#94a3b8;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;} .productos-resumen strong{display:block;margin-top:2px;color:#172033;font-size:16px;font-weight:700;} .productos-filtro-full{grid-column:1/-1;} .productos-filtro label{display:block;margin:0 0 7px;color:#475569;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;} .productos-select{height:42px;display:flex;align-items:center;border:1px solid #dbe3ed;border-radius:11px;background:#fff;overflow:hidden;transition:all .18s ease;} .productos-select:focus-within{border-color:#7da5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08);} .productos-select-icon{width:42px;height:100%;min-width:42px;display:flex;align-items:center;justify-content:center;background:#f6f8fb;color:#55729b;border-right:1px solid #e5eaf0;font-size:12px;} .productos-select .form-control{height:100%;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 12px;font-size:11px;color:#25364d;background:#fff;} .productos-card{background:#fff;border:1px solid #e7edf4;border-radius:18px;box-shadow:0 8px 25px rgba(15,23,42,.04);overflow:hidden;} .productos-card-header{padding:16px 19px;border-bottom:1px solid #edf1f6;background:#fbfcfe;} .productos-card-title{display:block;color:#172033;font-size:14px;font-weight:700;} .productos-card-subtitle{display:block;margin-top:3px;color:#94a3b8;font-size:10px;} .productos-card-body{padding:16px 18px 18px;} .productos-table-wrap{width:100%;} .tablaProductos{border-collapse:separate !important;border-spacing:0 !important;} .tablaProductos thead th{background:#f8fafc !important;color:#475569 !important;font-size:9px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.2px;border-top:0 !important;border-bottom:1px solid #e2e8f0 !important;padding:10px 8px !important;white-space:nowrap;} .tablaProductos thead th:first-child{border-radius:10px 0 0 10px;} .tablaProductos thead th:last-child{border-radius:0 10px 10px 0;} .tablaProductos tbody td{color:#334155;font-size:12px;padding:9px 8px !important;border-bottom:1px solid #eef2f7 !important;vertical-align:middle !important;} .tablaProductos tbody tr:hover td{background:#f8fbff !important;} .tablaProductos img{border-radius:9px !important;object-fit:cover;} .productos-card .dataTables_wrapper .dataTables_length label,.productos-card .dataTables_wrapper .dataTables_filter label{color:#64748b;font-size:12px;font-weight:600;} .productos-card .dataTables_wrapper .dataTables_filter input{height:35px;min-width:220px;margin-left:7px;padding:0 11px;border:1px solid #dbe3ed;border-radius:10px;box-shadow:none;outline:none;font-size:10px;} .productos-card .dataTables_wrapper .dataTables_filter input:focus{border-color:#7da5ff;box-shadow:0 0 0 3px rgba(37,99,235,.07);} .productos-card .dataTables_wrapper .dataTables_length select{height:34px;border:1px solid #dbe3ed;border-radius:9px;padding:0 7px;background:#fff;} .productos-card .dataTables_info{color:#94a3b8 !important;font-size:9px !important;} .productos-card .dataTables_paginate .paginate_button{border:0 !important;border-radius:8px !important;font-size:9px !important;min-width:30px !important;height:30px !important;line-height:18px !important;} .productos-card .dataTables_paginate .paginate_button.current{background:#2563eb !important;color:#fff !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content,#editarStockProductos .modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.22);} #modalAgregarProducto .modal-header,#modalEditarProducto .modal-header,#editarStockProductos .modal-header{min-height:62px;padding:14px 18px;background:#fbfcfe;border-bottom:1px solid #e7edf4;} #modalAgregarProducto .modal-title,#modalEditarProducto .modal-title,#editarStockProductos .modal-title{color:#172033;font-size:15px;font-weight:700;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body,#editarStockProductos .modal-body{padding:20px 22px !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer,#editarStockProductos .modal-footer{padding:11px 18px;background:#fbfcfe;border-top:1px solid #e7edf4;} #modalAgregarProducto .form-control,#modalEditarProducto .form-control,#editarStockProductos .form-control,#modalAgregarProducto select,#modalEditarProducto select,#editarStockProductos select{border-radius:10px;} #modalAgregarProducto .modal-footer .btn,#modalEditarProducto .modal-footer .btn,#editarStockProductos .modal-footer .btn{min-height:38px;border-radius:10px;padding:7px 15px;font-size:10px;font-weight:700;} .x-control-kpis--productos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;} .x-control-kpi{display:block;width:100%;min-height:128px;padding:15px 17px;border:1px solid #e7edf4;border-radius:20px;background:#fff;text-align:left;box-shadow:0 8px 24px rgba(15,23,42,.04);} .x-control-kpi__top{display:flex;align-items:center;gap:10px;margin-bottom:13px;} .x-control-kpi__icon{width:42px;height:42px;min-width:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:16px;} .x-control-kpi__title{color:#475569;font-size:13px;font-weight:700;} .x-control-kpi strong{display:block;color:#172033;font-size:23px;font-weight:800;line-height:1.05;} .x-control-kpi small{display:block;margin-top:9px;color:#94a3b8;font-size:11px;font-weight:500;line-height:1.3;} .x-control-kpi--blue .x-control-kpi__icon{background:#eff6ff;color:#2563eb} .x-control-kpi--green .x-control-kpi__icon{background:#ecfdf5;color:#059669} .x-control-kpi--orange .x-control-kpi__icon{background:#fff7ed;color:#ea580c} .x-control-kpi--red .x-control-kpi__icon{background:#fff1f2;color:#e11d48} .x-control-kpi--purple .x-control-kpi__icon{background:#f5f3ff;color:#7c3aed} .x-product-modal{border:0 !important;border-radius:20px !important;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.24) !important} .x-product-modal .modal-header{min-height:68px;padding:14px 18px !important;background:#343a40 !important;color:#fff !important;border-bottom:0 !important} .x-product-modal .modal-title{margin:0;color:#fff !important;font-size:16px !important;font-weight:700 !important} .x-product-modal .modal-title small{display:block;margin-top:3px;color:rgba(255,255,255,.62) !important;font-size:9.5px;font-weight:500} .x-product-modal .close{color:#fff !important;opacity:.9 !important;text-shadow:none !important} .x-product-modal .modal-body{padding:18px !important;background:#f8fafc} .x-product-modal .modal-footer{padding:12px 18px !important;background:#fff;border-top:1px solid #e7edf4 !important} .x-product-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:15px 17px;border:1px solid #e7edf4;border-radius:16px;background:#fff} .x-product-hero__eyebrow{display:block;margin-bottom:3px;color:#2563eb;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px} .x-product-hero h3{margin:0;color:#172033;font-size:16px;font-weight:700} .x-product-hero p{margin:4px 0 0;color:#94a3b8;font-size:10px} .x-product-hero__icon{width:44px;height:44px;min-width:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:17px} .x-product-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px} .x-product-card{grid-column:span 12;padding:15px;border:1px solid #e7edf4;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.025)} .x-product-card--6{grid-column:span 6} .x-product-card__head{margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #edf1f6} .x-product-card__head h5{margin:0;color:#25364d;font-size:12px;font-weight:700} .x-product-card__head h5 i{margin-right:6px;color:#2563eb} .x-product-card__head p{margin:3px 0 0;color:#94a3b8;font-size:11px} .x-product-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px} .x-product-field label{display:block;margin:0 0 6px;color:#475569;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.25px} .x-product-input-group{height:42px;display:flex;align-items:center;border:1px solid #dbe3ed;border-radius:11px;background:#fff;overflow:hidden;transition:all .18s ease} .x-product-input-group:focus-within{border-color:#7da5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)} .x-product-input-icon{width:41px;height:100%;min-width:41px;display:flex;align-items:center;justify-content:center;background:#f6f8fb;border-right:1px solid #e5eaf0;color:#55729b;font-size:12px} .x-product-input-group .form-control,.x-product-input-group select{width:100%;height:100% !important;margin:0 !important;padding:0 11px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important;color:#25364d !important;font-size:12px !important} .x-product-input-group--textarea{height:auto;min-height:74px;align-items:stretch} .x-product-input-group--textarea textarea.form-control{min-height:72px !important;padding:9px 11px !important;resize:vertical} .x-product-image-box{display:flex;align-items:center;gap:15px} .x-product-image-preview{width:120px;height:120px;object-fit:contain;border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:8px} .x-product-upload{flex:1;padding:13px;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc} .x-product-upload small{display:block;margin-top:6px;color:#94a3b8;font-size:8.5px} .x-product-save{min-height:39px;padding:8px 16px !important;border:0 !important;border-radius:11px !important;background:#2563eb !important;color:#fff !important;font-size:10px !important;font-weight:700 !important} .x-product-modal .x-product-modal-header{min-height:86px !important;padding:16px 20px !important;background:#fff !important;color:#172033 !important;border-bottom:1px solid #e7edf4 !important;display:flex;align-items:center;justify-content:space-between;} .x-product-modal-heading{display:flex;align-items:center;gap:12px;min-width:0;} .x-product-modal-icon{width:46px;height:46px;min-width:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#2563eb;font-size:16px;} .x-product-modal .x-product-modal-header .modal-title{margin:0 !important;color:#172033 !important;font-size:17px !important;font-weight:700 !important;line-height:1.2;} .x-product-modal .x-product-modal-header small{display:block;margin-top:5px;color:#8fa0ba !important;font-size:11px !important;font-weight:500 !important;} .x-product-modal .x-product-modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 !important;border:0;border-radius:10px;background:transparent;color:#64748b !important;opacity:1 !important;font-size:24px;line-height:1;} .x-product-modal .x-product-modal-close:hover{background:#f1f5f9;color:#334155 !important;} .productos-dt-toolbar{display:flex;align-items:center;justify-content:center;position:relative;gap:12px;margin-bottom:13px;padding:12px 13px;border:1px solid #e7edf4;border-radius:14px;background:#fbfcfe;} .productos-dt-filter{width:min(470px,100%);margin:0 auto;} .x-clear-stock-filter{position:absolute;right:13px;top:50%;transform:translateY(-50%);} .productos-dt-filter label{display:block;margin:0 0 6px;color:#475569;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;} .x-clear-stock-filter{height:38px;padding:0 12px;border:1px solid #dbe3ed;border-radius:10px;background:#fff;color:#475569;font-size:9px;font-weight:700;cursor:pointer;} .x-clear-stock-filter:hover{background:#f8fafc;color:#1e293b;} .x-control-kpi--clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .x-control-kpi--clickable:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.08);} .x-control-kpi--clickable.is-active{border-color:#2563eb !important;box-shadow:0 0 0 3px rgba(37,99,235,.08),0 12px 26px rgba(15,23,42,.07);} .x-kpi-print{margin-left:auto;width:31px;height:31px;min-width:31px;border:1px solid rgba(148,163,184,.25);border-radius:9px;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;} .x-kpi-print:hover{background:#0f172a;color:#fff;border-color:#0f172a;} @media(max-width:992px){.productos-toolbar{grid-template-columns:1fr;} .x-control-kpis--productos{grid-template-columns:repeat(2,minmax(0,1fr));} .x-product-card--6{grid-column:span 12;} .x-product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .productos-header{align-items:flex-start;}} @media(max-width:768px){.productos-page{margin-top:-15px;} .productos-header{padding:15px;flex-direction:column;align-items:stretch;} .productos-header-left{align-items:flex-start;} .productos-header-icon{width:44px;height:44px;min-width:44px;} .productos-header h2{font-size:17px;} .productos-header p{font-size:10.5px;} .productos-btn-agregar{width:100%;min-width:0;} .x-control-kpis--productos{grid-template-columns:1fr;} .x-product-form-grid{grid-template-columns:1fr;} .productos-toolbar{gap:10px;} .productos-card-body{padding:12px;} .productos-card .dataTables_wrapper .dataTables_filter{float:none !important;text-align:left !important;margin-top:8px;} .productos-card .dataTables_wrapper .dataTables_filter input{width:100%;min-width:0;margin:5px 0 0;}} .x-productos-dt-toolbar{width:100%;display:grid;grid-template-columns:1fr 420px 1fr;align-items:center;gap:20px;margin-bottom:14px;} .x-productos-dt-left{display:flex;align-items:center;justify-content:flex-start;} .x-productos-dt-center{display:flex;align-items:center;justify-content:center;} .x-productos-dt-right{display:flex;align-items:center;justify-content:flex-end;} .x-productos-dt-left .dt-buttons{display:flex !important;align-items:center;gap:8px;float:none !important;margin:0 !important;} .x-productos-dt-right .dataTables_filter{float:none !important;margin:0 !important;text-align:right !important;} .x-productos-dt-right .dataTables_filter label{display:flex !important;align-items:center;gap:8px;margin:0 !important;white-space:nowrap;color:#64748b;font-size:9px;font-weight:700;} .x-productos-dt-right .dataTables_filter input{width:210px !important;height:39px !important;margin:0 !important;padding:0 11px !important;border:1px solid #dbe3ed !important;border-radius:11px !important;outline:none !important;box-shadow:none !important;} .x-dt-category-filter{width:100%;height:39px;display:flex;align-items:center;background:#fff;border:1px solid #dbe3ed;border-radius:11px;overflow:hidden;} .x-dt-category-filter:focus-within{border-color:#7da5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08);} .x-dt-category-icon{width:44px;height:100%;min-width:44px;display:flex;align-items:center;justify-content:center;background:#f6f8fb;border-right:1px solid #e5eaf0;color:#55729b;font-size:11px;} .x-dt-category-filter #filtroCategoria{flex:1;width:100%;height:100%;padding:0 13px;border:0 !important;outline:0 !important;box-shadow:none !important;background:#fff;color:#334155;font-size:10px;} .tablaProductos_wrapper>.row:first-child{display:none !important;} @media(max-width:1000px){.x-productos-dt-toolbar{grid-template-columns:1fr 1fr;} .x-productos-dt-center{grid-column:1/-1;grid-row:2;}} @media(max-width:650px){.x-productos-dt-toolbar{grid-template-columns:1fr;} .x-productos-dt-left,.x-productos-dt-center,.x-productos-dt-right{grid-column:1;justify-content:stretch;} .x-productos-dt-left .dt-buttons{flex-wrap:wrap;} .x-productos-dt-right .dataTables_filter,.x-productos-dt-right .dataTables_filter label{width:100%;} .x-productos-dt-right .dataTables_filter input{width:100% !important;flex:1;}} .x-inventory-analytics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .x-analytics-card{min-height:92px;display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #e7edf4;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035);text-align:left} button.x-analytics-card{width:100%;cursor:pointer;outline:none} button.x-analytics-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.07)} button.x-analytics-card.is-active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)} .x-analytics-icon{width:42px;height:42px;min-width:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb} .x-analytics-icon--green{background:#ecfdf5;color:#059669} .x-analytics-icon--orange{background:#fff7ed;color:#ea580c} .x-analytics-icon--slate{background:#f1f5f9;color:#475569} .x-analytics-card small{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.25px} .x-analytics-card strong{display:block;margin-top:2px;color:#172033;font-size:18px;font-weight:800} .x-analytics-card em{display:block;margin-top:3px;color:#94a3b8;font-size:11px;font-style:normal} .x-active-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:9px 10px;border:1px dashed #d7e0eb;border-radius:12px;background:#fbfcfe} .x-active-filters__label{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase} .x-filter-chip{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 9px;border:1px solid #dbe3ed;border-radius:999px;background:#fff;color:#334155;font-size:9px;font-weight:700;cursor:pointer} .x-filter-chip i{font-size:8px;color:#94a3b8} .x-filter-chip:hover{border-color:#93b4ff;color:#1d4ed8} .x-stock-cell{display:flex;align-items:center;gap:7px;white-space:nowrap} .x-stock-qty{min-width:30px;height:27px;padding:0 8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800} .x-stock-state{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.2px} .x-stock--zero .x-stock-qty{background:#fff1f2;color:#be123c} .x-stock--zero .x-stock-state{color:#be123c} .x-stock--critical .x-stock-qty{background:#fff7ed;color:#c2410c} .x-stock--critical .x-stock-state{color:#c2410c} .x-stock--low .x-stock-qty{background:#fffbeb;color:#a16207} .x-stock--low .x-stock-state{color:#a16207} .x-stock--available .x-stock-qty{background:#ecfdf5;color:#047857} .x-stock--available .x-stock-state{color:#047857} .x-stock--high .x-stock-qty{background:#eff6ff;color:#1d4ed8} .x-stock--high .x-stock-state{color:#1d4ed8} .x-margin{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:27px;padding:0 8px;border-radius:10px;font-size:12px;} .x-margin--good{background:#ecfdf5;color:#047857} .x-margin--warn{background:#fff7ed;color:#c2410c} .x-margin--bad{background:#fff1f2;color:#be123c} .x-last-move{display:block;min-width:118px} .x-last-move strong{display:block;color:#334155;font-size:11px} .x-last-move small{display:block;margin-top:2px;color:#94a3b8;font-size:10px} .x-product-actions{display:flex;align-items:center;gap:5px;white-space:nowrap} .x-action-primary{height:31px;padding:0 10px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:11px;font-weight:800} .x-action-more{width:31px;height:31px;border:1px solid #dbe3ed;border-radius:11px;background:#fff;color:#475569} .x-product-menu{min-width:195px;padding:6px;border:1px solid #e5eaf0;border-radius:12px;box-shadow:0 15px 35px rgba(15,23,42,.14)} .x-product-menu .dropdown-item{padding:8px 9px;border-radius:8px;color:#334155;font-size:9px;font-weight:650} .x-product-menu .dropdown-item i{width:18px;color:#64748b} .x-productos-dt-toolbar{grid-template-columns:1fr minmax(520px,650px) 1fr !important} .x-productos-filter-group{width:100%;display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:8px} .x-dt-filterbox{height:39px;display:flex;align-items:center;border:1px solid #dbe3ed;border-radius:11px;background:#fff;overflow:hidden} .x-dt-filterbox>span{width:38px;height:100%;display:flex;align-items:center;justify-content:center;background:#f6f8fb;border-right:1px solid #e5eaf0;color:#55729b;font-size:10px} .x-dt-filterbox select{flex:1;min-width:0;height:100%;padding:0 9px;border:0;outline:0;background:#fff;color:#334155;font-size:13px} .x-inventory-detail-modal .modal-content{border:0;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.24)} .x-detail-body{background:#f8fafc;padding:18px !important} .x-detail-grid{display:grid;grid-template-columns:230px 1fr;gap:14px} .x-detail-panel{padding:15px;border:1px solid #e7edf4;border-radius:16px;background:#fff} .x-detail-image{width:100%;height:180px;object-fit:contain;border-radius:14px;background:#f8fafc;padding:10px} .x-detail-name{margin:10px 0 2px;color:#172033;font-size:15px;font-weight:800} .x-detail-code{color:#94a3b8;font-size:9px} .x-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .x-detail-stat{padding:10px;border:1px solid #edf1f6;border-radius:12px;background:#fbfcfe} .x-detail-stat small{display:block;color:#94a3b8;font-size:8px;font-weight:800;text-transform:uppercase} .x-detail-stat strong{display:block;margin-top:3px;color:#25364d;font-size:12px} .x-movement-list{margin-top:12px} .x-movement-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7} .x-movement-row:last-child{border-bottom:0} .x-movement-row strong{font-size:9px;color:#334155} .x-movement-row span,.x-movement-row small{font-size:8px;color:#64748b} .x-empty-movements{padding:20px;text-align:center;color:#94a3b8;font-size:9px} @media(max-width:1200px){.x-inventory-analytics{grid-template-columns:repeat(2,minmax(0,1fr))} .x-productos-dt-toolbar{grid-template-columns:1fr !important} .x-productos-dt-left,.x-productos-dt-center,.x-productos-dt-right{justify-content:stretch !important} .x-productos-filter-group{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:768px){.x-inventory-analytics{grid-template-columns:1fr} .x-productos-filter-group{grid-template-columns:1fr} .x-detail-grid{grid-template-columns:1fr} .x-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} .x-stock-pill{display:inline-flex;align-items:center;height:38px;border-radius:12px;overflow:hidden;color:#fff;font-weight:700;box-shadow:0 5px 12px rgba(15,23,42,.16);white-space:nowrap;} .x-stock-pill__icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.22);font-size:12px;} .x-stock-pill__qty{min-width:38px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;} .x-stock-pill__state{height:38px;padding:0 13px 0 4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;} .x-stock-pill--zero{background:#ff3547;} .x-stock-pill--critical{background:#ff6d00;} .x-stock-pill--low{background:#ffb52b;} .x-stock-pill--available{background:#00c96b;} .x-stock-pill--high{background:#3478f6;} .x-product-movements-table{width:100%;margin:0;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e7edf4;border-radius:14px;overflow:hidden;} .x-product-movements-table thead th{padding:10px 12px;border:0;border-bottom:1px solid #e7edf4;background:#f8fafc;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;} .x-product-movements-table tbody td{padding:11px 12px;border:0;border-bottom:1px solid #edf1f5;vertical-align:middle;color:#334155;font-size:9px;} .x-product-movements-table tbody tr:last-child td{border-bottom:0;} .x-product-movements-table tbody tr:hover{background:#fbfcfe;} .x-product-movements-table td strong{display:block;color:#25364d;font-size:9px;font-weight:800;} .x-product-movements-table td small{display:block;margin-top:2px;color:#94a3b8;font-size:8px;} .x-movement-type{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:8px;font-weight:800;white-space:nowrap;} .x-movement-qty{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:27px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;} .x-movement-positive{background:#ecfdf5;color:#059669;} .x-movement-negative{background:#fff1f2;color:#e11d48;} .x-movement-neutral{background:#f1f5f9;color:#64748b;} @media(max-width:768px){.x-product-movements-table{min-width:620px;}} #modalDetalleProducto .modal-dialog{max-width:1500px;width:calc(100% - 32px);margin:18px auto;} #modalDetalleProducto .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.20);} #modalDetalleProducto .x-product-modal-header{min-height:82px;padding:17px 26px;background:#fff;border-bottom:1px solid #e8eef6;} #modalDetalleProducto .x-product-modal-heading{display:flex;align-items:center;gap:14px;} #modalDetalleProducto .x-product-modal-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#eaf2ff;color:#2563eb;font-size:18px;} #modalDetalleProducto .modal-title{margin:0;color:#101828;font-size:20px;font-weight:800;line-height:1.2;} #modalDetalleProducto .x-product-modal-heading small{display:block;margin-top:4px;color:#667085;font-size:11px;} #modalDetalleProducto .x-product-modal-close{width:38px;height:38px;padding:0;border-radius:11px;color:#64748b;opacity:1;transition:.2s;} #modalDetalleProducto .x-product-modal-close:hover{background:#f1f5f9;color:#172033;} #modalDetalleProducto .x-detail-body{padding:6px !important;background:#f5f8fc;} .x-product-detail-layout{min-height:680px;display:grid;grid-template-columns:315px minmax(0,1fr);gap:0;background:#fff;} .x-product-detail-sidebar{padding:22px;background:#fff;border-right:1px solid #e8eef5;} .x-product-image-box{position:relative;height:290px;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#f2f6fb);overflow:hidden;} .x-product-image-box img{width:100%;height:100%;object-fit:contain;} .x-detail-status{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:20px;font-size:10px;font-weight:800;} .x-detail-status i{font-size:7px;} .x-detail-status--active{background:#dcfce7;color:#15803d;} .x-detail-status--inactive{background:#fee2e2;color:#dc2626;} .x-product-sidebar-title{padding:20px 0 17px;border-bottom:1px solid #edf2f7;} .x-product-sidebar-title h3{margin:0;color:#101828;font-size:19px;line-height:1.35;font-weight:800;} .x-product-sidebar-code{margin-top:8px;color:#718096;font-size:10px;font-weight:600;} .x-product-meta{padding:12px 0;} .x-product-meta>div{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;} .x-product-meta span{display:inline-flex;align-items:center;gap:9px;color:#7b8ba4;font-size:10px;} .x-product-meta span i{width:16px;color:#7086a5;text-align:center;} .x-product-meta strong{max-width:145px;color:#172033;font-size:10px;font-weight:700;text-align:right;overflow:hidden;text-overflow:ellipsis;} .x-meta-active{color:#16a34a !important;} .x-meta-inactive{color:#dc2626 !important;} .x-product-stock-status{margin-top:10px;min-height:58px;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;background:#f8fafc;} .x-product-stock-status>span{width:37px;height:37px;min-width:37px;display:flex;align-items:center;justify-content:center;border-radius:10px;} .x-product-stock-status small{display:block;color:#8492a6;font-size:8px;font-weight:700;text-transform:uppercase;} .x-product-stock-status strong{display:block;margin-top:2px;color:#172033;font-size:11px;} .x-product-stock-status--normal{background:#eff6ff;} .x-product-stock-status--normal>span{background:#dbeafe;color:#2563eb;} .x-product-stock-status--low,.x-product-stock-status--critical{background:#fff7ed;} .x-product-stock-status--low>span,.x-product-stock-status--critical>span{background:#ffedd5;color:#ea580c;} .x-product-stock-status--zero{background:#fff1f2;} .x-product-stock-status--zero>span{background:#ffe4e6;color:#e11d48;} .x-product-detail-main{min-width:0;padding:20px 22px;background:#fff;} .x-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;} .x-detail-metric{min-height:115px;display:flex;align-items:center;gap:15px;padding:17px;border:1px solid;border-radius:15px;transition:transform .18s ease,box-shadow .18s ease;} .x-detail-metric:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(15,23,42,.07);} .x-detail-metric-icon{width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:19px;} .x-detail-metric-content{min-width:0;} .x-detail-metric-content small{display:block;margin-bottom:5px;font-size:8px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.25px;} .x-detail-metric-content strong{display:block;color:#101828;font-size:21px;line-height:1.15;font-weight:800;} .x-detail-metric-content span{display:block;margin-top:5px;color:#718096;font-size:9px;} .x-detail-metric--blue{border-color:#cfe0ff;background:linear-gradient(135deg,#f8fbff,#f3f7ff);} .x-detail-metric--blue .x-detail-metric-icon{background:#e5efff;color:#2563eb;} .x-detail-metric--blue small{color:#2563eb;} .x-detail-metric--green{border-color:#cceee2;background:linear-gradient(135deg,#f8fffc,#f2fbf7);} .x-detail-metric--green .x-detail-metric-icon{background:#dcf8ec;color:#059669;} .x-detail-metric--green small{color:#047857;} .x-detail-metric--purple{border-color:#dfd8ff;background:linear-gradient(135deg,#fbfaff,#f7f5ff);} .x-detail-metric--purple .x-detail-metric-icon{background:#eee9ff;color:#7c3aed;} .x-detail-metric--purple small{color:#6938ef;} .x-detail-metric--orange{border-color:#f9dfbd;background:linear-gradient(135deg,#fffdf8,#fff9ef);} .x-detail-metric--orange .x-detail-metric-icon{background:#ffedcf;color:#ea7c00;} .x-detail-metric--orange small{color:#c96a00;} .x-detail-metric--pink{border-color:#ffd3dc;background:linear-gradient(135deg,#fffafb,#fff5f7);} .x-detail-metric--pink .x-detail-metric-icon{background:#ffe4e9;color:#e11d48;} .x-detail-metric--pink small{color:#e11d48;} .x-detail-metric--cyan{border-color:#d1e5fa;background:linear-gradient(135deg,#fafdff,#f4f9ff);} .x-detail-metric--cyan .x-detail-metric-icon{background:#e4f1ff;color:#1473e6;} .x-detail-metric--cyan small{color:#1473e6;} .x-detail-section-head{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 4px 12px;} .x-detail-section-head>div{display:flex;align-items:center;gap:11px;} .x-detail-section-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eef4ff;color:#2563eb;} .x-detail-section-head h5{margin:0;color:#172033;font-size:13px;font-weight:800;} .x-detail-section-head small{display:block;margin-top:2px;color:#8a98ad;font-size:8px;} .x-detail-count{min-height:33px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #dce5ef;border-radius:10px;color:#475569;background:#fff;font-size:9px;font-weight:700;} .x-detail-movements-table-wrap{border:1px solid #e3eaf2;border-radius:15px;overflow:hidden;} .x-detail-movements-table{width:100%;margin:0;border-collapse:collapse;background:#fff;} .x-detail-movements-table thead{background:#f8fafc;} .x-detail-movements-table thead th{height:45px;padding:0 15px;border:0;border-bottom:1px solid #e8edf4;color:#69788e;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.25px;vertical-align:middle;} .x-detail-movements-table tbody td{height:65px;padding:9px 15px;border:0;border-bottom:1px solid #edf1f5;color:#344054;font-size:10px;vertical-align:middle;} .x-detail-movements-table tbody tr:last-child td{border-bottom:0;} .x-detail-movements-table tbody tr:hover{background:#fbfdff;} .x-mov-date strong{display:block;color:#172033;font-size:10px;font-weight:800;} .x-mov-date small{display:block;margin-top:4px;color:#8fa0b5;font-size:8px;} .x-mov-type{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border-radius:9px;font-size:8px;font-weight:800;white-space:nowrap;} .x-mov-type--entrada{background:#e8f9ef;color:#079455;} .x-mov-type--salida{background:#fff0f2;color:#e11d48;} .x-mov-type--ajuste{background:#f1edff;color:#6938ef;} .x-mov-type--neutral{background:#f1f5f9;color:#475569;} .x-mov-quantity{min-width:42px;min-height:29px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:20px;font-size:9px;font-weight:800;} .x-mov-quantity--positive{background:#e7f9f0;color:#079455;} .x-mov-quantity--negative{background:#fff0f2;color:#e11d48;} .x-mov-quantity--neutral{background:#f1f5f9;color:#64748b;} .x-mov-stock-new{color:#172033;font-weight:800;} .x-mov-user{display:flex;align-items:center;gap:8px;} .x-mov-user>span{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f4f8;color:#718096;font-size:10px;} .x-mov-user strong{color:#25364d;font-size:9px;font-weight:700;} .x-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;} .x-detail-footer-note{display:flex;align-items:center;gap:8px;color:#8392a7;font-size:9px;} .x-detail-footer-note i{color:#94a3b8;font-size:13px;} .x-detail-history-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border-radius:11px;background:#2563eb;color:#fff !important;font-size:9px;font-weight:800;text-decoration:none !important;box-shadow:0 7px 16px rgba(37,99,235,.22);transition:.2s;} .x-detail-history-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 9px 20px rgba(37,99,235,.28);} .x-detail-empty,.x-detail-loading{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;} .x-detail-empty>span{width:55px;height:55px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:15px;background:#f1f5f9;color:#64748b;font-size:19px;} .x-detail-empty strong{color:#344054;font-size:12px;} .x-detail-empty small{margin-top:5px;font-size:9px;} @media(max-width:1200px){.x-product-detail-layout{grid-template-columns:270px minmax(0,1fr);} .x-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:850px){#modalDetalleProducto .modal-dialog{width:calc(100% - 16px);margin:8px auto;} .x-product-detail-layout{display:block;} .x-product-detail-sidebar{border-right:0;border-bottom:1px solid #e8eef5;} .x-product-image-box{height:230px;} .x-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));} .x-detail-movements-table-wrap{overflow-x:auto;} .x-detail-movements-table{min-width:820px;}} @media(max-width:576px){#modalDetalleProducto .x-product-modal-header{padding:14px 16px;} #modalDetalleProducto .modal-title{font-size:16px;} .x-product-detail-sidebar,.x-product-detail-main{padding:15px;} .x-detail-metrics{grid-template-columns:1fr;} .x-detail-footer{align-items:stretch;flex-direction:column;} .x-detail-history-btn{width:100%;}} #modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{max-width:1450px !important;width:calc(100% - 28px) !important;margin:14px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{min-height:calc(100vh - 28px);border:0 !important;border-radius:22px !important;overflow:hidden;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.20) !important;} #modalAgregarProducto .x-product-modal-header,#modalEditarProducto .x-product-modal-header{min-height:88px !important;padding:16px 28px !important;background:#fff !important;border-bottom:1px solid #e7edf4 !important;} #modalAgregarProducto .x-product-modal-icon,#modalEditarProducto .x-product-modal-icon{width:50px;height:50px;min-width:50px;border-radius:15px;background:#eaf2ff;color:#2563eb;font-size:18px;} #modalAgregarProducto .modal-title,#modalEditarProducto .modal-title{color:#101828 !important;font-size:20px !important;font-weight:800 !important;} #modalAgregarProducto .x-product-modal-heading small,#modalEditarProducto .x-product-modal-heading small{margin-top:5px;color:#718096 !important;font-size:11px !important;} #modalAgregarProducto .x-product-modal-close,#modalEditarProducto .x-product-modal-close{width:39px;height:39px;border-radius:11px;background:#f7f9fc;color:#64748b !important;opacity:1 !important;font-size:24px;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{padding:18px !important;background:#f5f8fc !important;} .xp-editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start;} .xp-editor-main{min-width:0;display:grid;gap:16px;} .xp-editor-card,.xp-editor-side-card{background:#fff;border:1px solid #e2e9f2;border-radius:18px;box-shadow:0 7px 22px rgba(15,23,42,.035);} .xp-editor-card{padding:18px;} .xp-editor-side{min-width:0;display:grid;gap:16px;} .xp-editor-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #edf1f6;} .xp-editor-card-title{display:flex;align-items:center;gap:11px;min-width:0;} .xp-editor-card-icon{width:37px;height:37px;min-width:37px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#edf4ff;color:#2563eb;font-size:14px;} .xp-editor-card-title h5{margin:0;color:#1d2939;font-size:13px;font-weight:800;line-height:1.2;} .xp-editor-card-title p{margin:3px 0 0;color:#8da0b8;font-size:9px;line-height:1.35;} .xp-editor-status-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:9px;font-weight:800;white-space:nowrap;} .xp-editor-status-chip i{font-size:7px;} .xp-editor-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .xp-editor-field--wide{grid-column:1 / -1;} .xp-editor-field label{display:block;margin:0 0 7px;color:#475569;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.25px;} .xp-editor-field .x-product-input-group{height:46px;border:1px solid #d7e1ed;border-radius:11px;background:#fff;overflow:hidden;} .xp-editor-field .x-product-input-group:focus-within{border-color:#7da5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08);} .xp-editor-field .x-product-input-icon{width:46px;min-width:46px;background:#f6f8fb;color:#55729b;border-right:1px solid #e5eaf0;} .xp-editor-field .form-control,.xp-editor-field select.form-control{height:100% !important;padding:0 13px !important;border:0 !important;box-shadow:none !important;background:#fff !important;color:#25364d !important;font-size:11px !important;} .xp-editor-helper{display:block;margin-top:6px;color:#93a3b8;font-size:8px;line-height:1.4;} .xp-editor-description-row{margin-top:14px;} .xp-editor-info-row{display:grid;grid-template-columns:.95fr 1fr 1fr;gap:14px;margin-top:16px;} .xp-editor-info-box{min-height:86px;padding:13px 14px;border:1px solid #e3eaf3;border-radius:13px;background:#fbfcfe;} .xp-editor-info-box>small{display:block;margin-bottom:8px;color:#667085;font-size:9px;font-weight:800;} .xp-editor-info-line{display:flex;align-items:center;gap:9px;} .xp-editor-info-icon{width:31px;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#edf4ff;color:#2563eb;font-size:11px;} .xp-editor-info-value{color:#25364d;font-size:10px;font-weight:800;} .xp-editor-info-note{display:block;margin-top:6px;color:#91a0b4;font-size:7.8px;line-height:1.35;} .xp-editor-stock-box .x-product-input-group{height:39px;} .xp-editor-provider-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:14px;align-items:end;} .xp-editor-callout{min-height:72px;display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:12px;background:#f3f7ff;border:1px solid #e4ecfb;} .xp-editor-callout>span{width:31px;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#2563eb;color:#fff;font-size:11px;} .xp-editor-callout strong{display:block;color:#2563eb;font-size:9px;font-weight:800;} .xp-editor-callout small{display:block;margin-top:4px;color:#71839a;font-size:8px;line-height:1.45;} .xp-editor-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} .xp-editor-register-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} .xp-editor-register-item{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 12px;border:1px solid #e6ecf4;border-radius:12px;background:#fbfcfe;} .xp-editor-register-item>span{width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef4ff;color:#2563eb;font-size:12px;} .xp-editor-register-item strong{display:block;color:#334155;font-size:9px;font-weight:800;} .xp-editor-register-item small{display:block;margin-top:3px;color:#94a3b8;font-size:7.8px;} .xp-editor-side-card{padding:17px;} .xp-editor-image-stage{position:relative;height:250px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:15px;background:linear-gradient(145deg,#f8fafc,#eef3f9);overflow:hidden;} .xp-editor-image-stage img{width:100%;height:100%;object-fit:contain;border:0 !important;background:transparent !important;padding:0 !important;} .xp-editor-image-action{position:absolute;top:13px;right:13px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #cfe0ff;border-radius:50%;background:rgba(255,255,255,.95);color:#2563eb;font-size:13px;box-shadow:0 6px 15px rgba(15,23,42,.08);} .xp-editor-upload-zone{margin-top:13px;padding:16px 13px;border:1px dashed #b8c9e2;border-radius:14px;background:#fbfdff;text-align:center;} .xp-editor-upload-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;border-radius:12px;background:#eaf2ff;color:#2563eb;font-size:17px;} .xp-editor-upload-zone strong{display:block;margin-bottom:8px;color:#25364d;font-size:10px;font-weight:800;} .xp-editor-upload-zone .form-control-file{width:100%;font-size:8px;color:#64748b;} .xp-editor-upload-zone small{display:block;margin-top:8px;color:#91a0b4;font-size:7.7px;line-height:1.4;} .xp-editor-image-tip{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 11px;border-radius:10px;background:#f3f7ff;color:#718096;font-size:8px;line-height:1.4;} .xp-editor-image-tip i{margin-top:1px;color:#2563eb;} .xp-editor-preview-card{padding:17px;} .xp-preview-product{padding:14px;border:1px solid #e7edf4;border-radius:13px;background:#fff;} .xp-preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;} .xp-preview-title{margin:0;color:#172033;font-size:14px;font-weight:800;line-height:1.3;} .xp-preview-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:7.5px;font-weight:800;white-space:nowrap;} .xp-preview-subtitle{margin-top:5px;color:#75859b;font-size:8.5px;font-weight:600;} .xp-preview-meta{display:grid;gap:9px;margin-top:14px;} .xp-preview-meta>div{display:flex;align-items:center;gap:9px;color:#475569;font-size:9px;} .xp-preview-meta i{width:14px;color:#5c73a0;text-align:center;} .xp-preview-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;} .xp-preview-price{padding:9px 6px;border-radius:10px;text-align:center;} .xp-preview-price small{display:block;font-size:7px;font-weight:700;} .xp-preview-price strong{display:block;margin-top:3px;font-size:10px;font-weight:800;} .xp-preview-price--buy{background:#f4f7fb;color:#475569;} .xp-preview-price--sale{background:#ecfdf3;color:#15803d;} .xp-preview-price--wholesale{background:#fff7ed;color:#c45a00;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{min-height:72px;padding:12px 24px !important;background:#fff !important;border-top:1px solid #e5ebf3 !important;} .xp-editor-cancel{min-height:42px;padding:0 17px !important;border:1px solid #dce4ee !important;border-radius:11px !important;background:#f8fafc !important;color:#475569 !important;font-size:9px !important;font-weight:800 !important;} #modalAgregarProducto .x-product-save,#modalEditarProducto .x-product-save{min-height:42px;padding:0 19px !important;border-radius:11px !important;background:#2563eb !important;color:#fff !important;font-size:9px !important;font-weight:800 !important;box-shadow:0 8px 18px rgba(37,99,235,.22);} @media(max-width:1180px){.xp-editor-shell{grid-template-columns:minmax(0,1fr) 310px;} .xp-editor-provider-layout{grid-template-columns:1fr;}} @media(max-width:950px){.xp-editor-shell{grid-template-columns:1fr;} .xp-editor-side{grid-template-columns:1fr 1fr;} .xp-editor-grid-3,.xp-editor-info-row,.xp-editor-price-grid,.xp-editor-register-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .xp-editor-field--wide{grid-column:1 / -1;}} @media(max-width:620px){#modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{width:calc(100% - 12px) !important;margin:6px auto !important;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{padding:10px !important;} .xp-editor-grid-3,.xp-editor-info-row,.xp-editor-price-grid,.xp-editor-register-grid,.xp-editor-side{grid-template-columns:1fr;} .xp-editor-card,.xp-editor-side-card{padding:13px;} .xp-editor-image-stage{height:220px;}} #modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{max-width:1480px;width:calc(100% - 22px);margin:12px auto;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.14);height:auto;max-height:calc(100vh - 24px);display:flex;flex-direction:column;} #modalAgregarProducto .modal-header,#modalEditarProducto .modal-header{min-height:86px;padding:18px 24px;border-bottom:1px solid #e7edf5;background:#fff;flex:0 0 auto;} #modalAgregarProducto .modal-title,#modalEditarProducto .modal-title{margin:0;font-size:18px !important;font-weight:800;line-height:1.2;color:#172033;} #modalAgregarProducto .modal-header small,#modalEditarProducto .modal-header small,#modalAgregarProducto .x-product-modal-heading small,#modalEditarProducto .x-product-modal-heading small{display:block;margin-top:4px;font-size:13px !important;line-height:1.35;color:#7b8ba3 !important;} #modalAgregarProducto .x-product-modal-icon,#modalEditarProducto .x-product-modal-icon{width:46px;height:46px;min-width:46px;border-radius:14px;font-size:18px;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{padding:14px 16px 12px 16px !important;background:#f6f9fc;overflow-y:auto;flex:1 1 auto;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell,#modalAgregarProducto .x-product-grid,#modalEditarProducto .x-product-grid{align-items:start !important;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;min-height:auto !important;} #modalAgregarProducto .xp-editor-main,#modalEditarProducto .xp-editor-main,#modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{min-height:auto !important;align-self:start !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{padding:14px 18px !important;border-top:1px solid #e7edf5;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:0 !important;flex:0 0 auto;} #modalAgregarProducto .modal-footer .btn,#modalEditarProducto .modal-footer .btn{min-height:42px;padding:0 18px;font-size:13px !important;font-weight:800;border-radius:12px;} #modalAgregarProducto .x-product-save,#modalEditarProducto .x-product-save{min-width:170px;} #modalAgregarProducto .x-product-card,#modalEditarProducto .x-product-card,#modalAgregarProducto .xp-editor-card,#modalEditarProducto .xp-editor-card{border-radius:18px !important;padding:16px 18px !important;margin-bottom:14px;background:#fff;border:1px solid #e4ebf3;box-shadow:0 2px 10px rgba(15,23,42,.03);} #modalAgregarProducto .x-product-card__head,#modalEditarProducto .x-product-card__head,#modalAgregarProducto .xp-editor-card__head,#modalEditarProducto .xp-editor-card__head{margin-bottom:14px !important;padding-bottom:12px !important;border-bottom:1px solid #edf2f7;} #modalAgregarProducto .x-product-card__head h5,#modalEditarProducto .x-product-card__head h5,#modalAgregarProducto .xp-editor-card__head h5,#modalEditarProducto .xp-editor-card__head h5{margin:0;font-size:15px !important;font-weight:800;color:#1f2a3d;} #modalAgregarProducto .x-product-card__head p,#modalEditarProducto .x-product-card__head p,#modalAgregarProducto .xp-editor-card__head p,#modalEditarProducto .xp-editor-card__head p{margin:4px 0 0;font-size:12px !important;line-height:1.4;color:#8a9ab0 !important;} #modalAgregarProducto label,#modalEditarProducto label{display:block;margin-bottom:7px;font-size:12px !important;font-weight:800;text-transform:uppercase;letter-spacing:.2px;color:#516178 !important;} #modalAgregarProducto .x-product-input-group,#modalEditarProducto .x-product-input-group,#modalAgregarProducto .xp-editor-input-group,#modalEditarProducto .xp-editor-input-group{min-height:48px;border-radius:12px !important;} #modalAgregarProducto .x-product-input-icon,#modalEditarProducto .x-product-input-icon,#modalAgregarProducto .xp-editor-input-icon,#modalEditarProducto .xp-editor-input-icon{width:46px;min-width:46px;font-size:14px;} #modalAgregarProducto .form-control,#modalAgregarProducto select.form-control,#modalEditarProducto .form-control,#modalEditarProducto select.form-control{height:48px !important;font-size:14px !important;font-weight:600;color:#26364d;} #modalAgregarProducto textarea.form-control,#modalEditarProducto textarea.form-control{min-height:90px !important;font-size:14px !important;} #modalAgregarProducto small,#modalEditarProducto small,#modalAgregarProducto .text-muted,#modalEditarProducto .text-muted,#modalAgregarProducto .x-help,#modalEditarProducto .x-help,#modalAgregarProducto .xp-editor-help,#modalEditarProducto .xp-editor-help{font-size:11px !important;line-height:1.45;color:#8a9ab0 !important;} #modalAgregarProducto .xp-editor-chip,#modalEditarProducto .xp-editor-chip,#modalAgregarProducto .xp-editor-status,#modalEditarProducto .xp-editor-status{min-height:32px;padding:0 12px;font-size:12px !important;font-weight:800;} #modalAgregarProducto .xp-editor-side .xp-editor-card,#modalEditarProducto .xp-editor-side .xp-editor-card{margin-bottom:14px;} #modalAgregarProducto .x-product-image-box,#modalEditarProducto .x-product-image-box,#modalAgregarProducto .xp-editor-image-box,#modalEditarProducto .xp-editor-image-box{min-height:220px !important;border-radius:16px;overflow:hidden;} #modalAgregarProducto .x-product-image-preview,#modalEditarProducto .x-product-image-preview,#modalAgregarProducto .xp-editor-image-preview,#modalEditarProducto .xp-editor-image-preview{max-height:210px;object-fit:contain;} #modalAgregarProducto .x-product-upload,#modalEditarProducto .x-product-upload,#modalAgregarProducto .xp-editor-upload,#modalEditarProducto .xp-editor-upload{padding:16px !important;border-radius:16px;} #modalAgregarProducto .x-product-upload strong,#modalEditarProducto .x-product-upload strong,#modalAgregarProducto .xp-editor-upload strong,#modalEditarProducto .xp-editor-upload strong{font-size:14px !important;} #modalAgregarProducto .x-product-upload small,#modalEditarProducto .x-product-upload small,#modalAgregarProducto .xp-editor-upload small,#modalEditarProducto .xp-editor-upload small{font-size:11px !important;} #modalAgregarProducto .xp-editor-preview-card,#modalEditarProducto .xp-editor-preview-card{padding:14px !important;border-radius:16px;} #modalAgregarProducto .xp-editor-preview-card h4,#modalEditarProducto .xp-editor-preview-card h4{font-size:16px !important;line-height:1.3;font-weight:800;color:#1e293b;} #modalAgregarProducto .xp-editor-preview-card .xp-mini-line,#modalEditarProducto .xp-editor-preview-card .xp-mini-line,#modalAgregarProducto .xp-editor-preview-card li,#modalEditarProducto .xp-editor-preview-card li{font-size:12px !important;line-height:1.45;color:#516178;} #modalAgregarProducto .xp-editor-preview-prices strong,#modalEditarProducto .xp-editor-preview-prices strong{font-size:15px !important;} #modalAgregarProducto .xp-editor-info-box,#modalEditarProducto .xp-editor-info-box{min-height:78px;padding:14px !important;border-radius:14px;} #modalAgregarProducto .xp-editor-info-box strong,#modalEditarProducto .xp-editor-info-box strong{display:block;font-size:13px !important;font-weight:800;color:#23344d;} #modalAgregarProducto .xp-editor-info-box small,#modalEditarProducto .xp-editor-info-box small{font-size:11px !important;} @media(max-width:1200px){#modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{grid-template-columns:1fr;}} @media(max-width:768px){#modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{width:calc(100% - 10px);margin:6px auto;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{max-height:calc(100vh - 12px);border-radius:16px;} #modalAgregarProducto .modal-header,#modalEditarProducto .modal-header{padding:14px 16px;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{padding:12px !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{padding:12px !important;flex-wrap:wrap;} #modalAgregarProducto .modal-footer .btn,#modalEditarProducto .modal-footer .btn{width:100%;}} #modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{width:calc(100% - 24px) !important;max-width:1380px !important;margin:10px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{height:auto !important;min-height:0 !important;max-height:calc(100vh - 20px);border-radius:18px !important;display:flex;flex-direction:column;} #modalAgregarProducto .modal-header,#modalEditarProducto .modal-header{min-height:68px !important;padding:11px 18px !important;} #modalAgregarProducto .x-product-modal-icon,#modalEditarProducto .x-product-modal-icon{width:40px !important;height:40px !important;min-width:40px !important;border-radius:11px !important;font-size:15px !important;} #modalAgregarProducto .modal-title,#modalEditarProducto .modal-title{font-size:17px !important;} #modalAgregarProducto .modal-header small,#modalEditarProducto .modal-header small{margin-top:2px !important;font-size:11px !important;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{flex:1 1 auto;min-height:0 !important;padding:10px 12px !important;overflow-y:auto;background:#f6f8fb;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{display:grid !important;grid-template-columns:minmax(0,1fr) 285px !important;gap:11px !important;align-items:start !important;min-height:0 !important;} #modalAgregarProducto .xp-editor-main,#modalEditarProducto .xp-editor-main,#modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{min-height:0 !important;align-self:start !important;} #modalAgregarProducto .xp-editor-card,#modalEditarProducto .xp-editor-card,#modalAgregarProducto .x-product-card,#modalEditarProducto .x-product-card{padding:12px 14px !important;margin-bottom:10px !important;border-radius:14px !important;} #modalAgregarProducto .xp-editor-main>*:last-child,#modalEditarProducto .xp-editor-main>*:last-child,#modalAgregarProducto .xp-editor-side>*:last-child,#modalEditarProducto .xp-editor-side>*:last-child{margin-bottom:0 !important;} #modalAgregarProducto .xp-editor-card__head,#modalEditarProducto .xp-editor-card__head,#modalAgregarProducto .x-product-card__head,#modalEditarProducto .x-product-card__head{margin-bottom:10px !important;padding-bottom:8px !important;} #modalAgregarProducto .xp-editor-card__head h5,#modalEditarProducto .xp-editor-card__head h5,#modalAgregarProducto .x-product-card__head h5,#modalEditarProducto .x-product-card__head h5{font-size:13px !important;line-height:1.15;} #modalAgregarProducto .xp-editor-card__head p,#modalEditarProducto .xp-editor-card__head p,#modalAgregarProducto .x-product-card__head p,#modalEditarProducto .x-product-card__head p{margin-top:2px !important;font-size:10px !important;line-height:1.25 !important;} #modalAgregarProducto .x-product-form-grid,#modalEditarProducto .x-product-form-grid,#modalAgregarProducto .xp-editor-form-grid,#modalEditarProducto .xp-editor-form-grid{gap:8px 10px !important;} #modalAgregarProducto label,#modalEditarProducto label{margin-bottom:4px !important;font-size:10px !important;} #modalAgregarProducto .x-product-input-group,#modalEditarProducto .x-product-input-group,#modalAgregarProducto .xp-editor-input-group,#modalEditarProducto .xp-editor-input-group{height:41px !important;min-height:41px !important;border-radius:10px !important;} #modalAgregarProducto .x-product-input-icon,#modalEditarProducto .x-product-input-icon,#modalAgregarProducto .xp-editor-input-icon,#modalEditarProducto .xp-editor-input-icon{width:40px !important;min-width:40px !important;font-size:11px !important;} #modalAgregarProducto .form-control,#modalAgregarProducto select.form-control,#modalEditarProducto .form-control,#modalEditarProducto select.form-control{height:41px !important;min-height:41px !important;padding-top:0 !important;padding-bottom:0 !important;font-size:12px !important;} #modalAgregarProducto small,#modalEditarProducto small,#modalAgregarProducto .xp-editor-help,#modalEditarProducto .xp-editor-help{font-size:9px !important;line-height:1.25 !important;} #modalAgregarProducto .xp-editor-status-grid,#modalEditarProducto .xp-editor-status-grid{gap:8px !important;margin-top:10px !important;} #modalAgregarProducto .xp-editor-status-box,#modalEditarProducto .xp-editor-status-box,#modalAgregarProducto .xp-editor-info-box,#modalEditarProducto .xp-editor-info-box{min-height:64px !important;padding:9px 10px !important;border-radius:11px !important;} #modalAgregarProducto .xp-editor-status-box strong,#modalEditarProducto .xp-editor-status-box strong,#modalAgregarProducto .xp-editor-info-box strong,#modalEditarProducto .xp-editor-info-box strong{font-size:10px !important;} #modalAgregarProducto .xp-editor-status-box small,#modalEditarProducto .xp-editor-status-box small,#modalAgregarProducto .xp-editor-info-box small,#modalEditarProducto .xp-editor-info-box small{font-size:8px !important;} #modalAgregarProducto .xp-editor-provider-grid,#modalEditarProducto .xp-editor-provider-grid{gap:10px !important;} #modalAgregarProducto .xp-editor-provider-info,#modalEditarProducto .xp-editor-provider-info{padding:9px 11px !important;min-height:54px !important;} #modalAgregarProducto .xp-editor-image-box,#modalEditarProducto .xp-editor-image-box{height:190px !important;min-height:190px !important;padding:10px !important;border-radius:13px !important;} #modalAgregarProducto .xp-editor-image-preview,#modalEditarProducto .xp-editor-image-preview,#modalAgregarProducto .x-product-image-preview,#modalEditarProducto .x-product-image-preview{width:100% !important;height:170px !important;max-height:170px !important;object-fit:contain !important;} #modalAgregarProducto .xp-editor-upload,#modalEditarProducto .xp-editor-upload,#modalAgregarProducto .x-product-upload,#modalEditarProducto .x-product-upload{min-height:115px !important;padding:12px 10px !important;border-radius:13px !important;} #modalAgregarProducto .xp-editor-upload-icon,#modalEditarProducto .xp-editor-upload-icon{width:36px !important;height:36px !important;margin-bottom:5px !important;} #modalAgregarProducto .xp-editor-upload strong,#modalEditarProducto .xp-editor-upload strong{font-size:11px !important;} #modalAgregarProducto .xp-editor-preview-card,#modalEditarProducto .xp-editor-preview-card{padding:11px !important;border-radius:12px !important;} #modalAgregarProducto .xp-editor-preview-card h4,#modalEditarProducto .xp-editor-preview-card h4{margin-bottom:5px !important;font-size:13px !important;} #modalAgregarProducto .xp-editor-preview-card li,#modalEditarProducto .xp-editor-preview-card li,#modalAgregarProducto .xp-mini-line,#modalEditarProducto .xp-mini-line{font-size:9px !important;line-height:1.3 !important;} #modalAgregarProducto .xp-editor-preview-prices,#modalEditarProducto .xp-editor-preview-prices{gap:6px !important;margin-top:9px !important;} #modalAgregarProducto .xp-editor-preview-prices>div,#modalEditarProducto .xp-editor-preview-prices>div{padding:7px 5px !important;min-height:48px !important;} #modalAgregarProducto .xp-editor-preview-prices small,#modalEditarProducto .xp-editor-preview-prices small{font-size:7px !important;} #modalAgregarProducto .xp-editor-preview-prices strong,#modalEditarProducto .xp-editor-preview-prices strong{font-size:11px !important;} #modalAgregarProducto .xp-editor-record-grid,#modalEditarProducto .xp-editor-record-grid{gap:7px !important;} #modalAgregarProducto .xp-editor-record-grid .xp-editor-info-box,#modalEditarProducto .xp-editor-record-grid .xp-editor-info-box{min-height:55px !important;padding:8px 10px !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{min-height:58px !important;padding:8px 16px !important;margin:0 !important;gap:8px !important;flex:0 0 auto;background:#fff;} #modalAgregarProducto .modal-footer .btn,#modalEditarProducto .modal-footer .btn{min-height:36px !important;height:36px !important;padding:0 14px !important;border-radius:9px !important;font-size:9px !important;} #modalAgregarProducto .x-product-save,#modalEditarProducto .x-product-save{min-width:145px !important;} @media(max-width:1100px){#modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{grid-template-columns:minmax(0,1fr) 255px !important;}} @media(max-width:850px){#modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{grid-template-columns:1fr !important;} #modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}} @media(max-width:600px){#modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{grid-template-columns:1fr;}} .xp-image-upload-zone{width:100%;position:relative;} .xp-image-file-input{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;opacity:0 !important;pointer-events:none !important;} .xp-image-upload-label{width:100%;min-height:125px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:15px;border:1.5px dashed #b9cff5;border-radius:15px;background:#fbfdff;cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;} .xp-image-upload-label:hover{border-color:#4f83f1;background:#f5f9ff;box-shadow:0 0 0 3px rgba(37,99,235,.06);} .xp-image-upload-label:active{transform:scale(.995);} .xp-image-upload-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:3px;border-radius:12px;background:#eaf2ff;color:#2563eb;font-size:15px;} .xp-image-upload-label strong{color:#24324a;font-size:12px;font-weight:800;} .xp-image-upload-label>span:not(.xp-image-upload-icon){color:#64748b;font-size:10px;font-weight:500;} .xp-image-upload-label small{margin-top:2px;color:#94a3b8 !important;font-size:9px !important;} #modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{height:auto !important;max-height:calc(100vh - 20px);} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{display:flex !important;flex-direction:column !important;height:auto !important;max-height:calc(100vh - 20px) !important;overflow:hidden !important;} #modalAgregarProducto .modal-header,#modalEditarProducto .modal-header,#modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{flex:0 0 auto;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch;} @media(max-width:768px){#modalAgregarProducto,#modalEditarProducto{padding:0 !important;} #modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{width:calc(100% - 10px) !important;max-width:none !important;height:calc(100dvh - 10px) !important;max-height:calc(100dvh - 10px) !important;margin:5px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{height:100% !important;max-height:100% !important;border-radius:14px !important;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{overflow-y:auto !important;min-height:0 !important;padding:10px !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{position:relative !important;padding:9px 10px !important;background:#fff !important;box-shadow:0 -5px 15px rgba(15,23,42,.05);}} #modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{width:calc(100% - 28px) !important;max-width:1220px !important;margin:12px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{height:auto !important;min-height:0 !important;max-height:calc(100vh - 24px) !important;border-radius:18px !important;overflow:hidden !important;} #modalAgregarProducto .modal-content>form,#modalEditarProducto .modal-content>form{display:flex !important;flex-direction:column !important;width:100% !important;min-height:0 !important;max-height:calc(100vh - 24px) !important;overflow:hidden !important;} #modalAgregarProducto .x-product-modal-header,#modalEditarProducto .x-product-modal-header{min-height:70px !important;padding:12px 18px !important;} #modalAgregarProducto .x-product-modal-icon,#modalEditarProducto .x-product-modal-icon{width:42px !important;height:42px !important;min-width:42px !important;border-radius:12px !important;font-size:15px !important;} #modalAgregarProducto .x-product-modal-header .modal-title,#modalEditarProducto .x-product-modal-header .modal-title{font-size:18px !important;font-weight:800 !important;} #modalAgregarProducto .x-product-modal-header small,#modalEditarProducto .x-product-modal-header small{margin-top:2px !important;font-size:11px !important;line-height:1.3 !important;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{flex:1 1 auto !important;min-height:0 !important;padding:12px !important;overflow-y:auto !important;overflow-x:hidden !important;background:#f6f8fb !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{display:grid !important;grid-template-columns:minmax(0,1fr) 310px !important;gap:12px !important;align-items:start !important;min-height:0 !important;} #modalAgregarProducto .xp-editor-main,#modalEditarProducto .xp-editor-main,#modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{display:grid !important;gap:12px !important;min-height:0 !important;align-self:start !important;} #modalAgregarProducto .xp-editor-card,#modalEditarProducto .xp-editor-card,#modalAgregarProducto .xp-editor-side-card,#modalEditarProducto .xp-editor-side-card{margin:0 !important;padding:14px !important;border-radius:16px !important;box-shadow:0 3px 14px rgba(15,23,42,.025) !important;} #modalAgregarProducto .xp-editor-card-head,#modalEditarProducto .xp-editor-card-head{margin-bottom:11px !important;padding-bottom:9px !important;} #modalAgregarProducto .xp-editor-card-icon,#modalEditarProducto .xp-editor-card-icon{width:38px !important;height:38px !important;min-width:38px !important;border-radius:11px !important;font-size:14px !important;} #modalAgregarProducto .xp-editor-card-title h5,#modalEditarProducto .xp-editor-card-title h5{font-size:14px !important;font-weight:800 !important;} #modalAgregarProducto .xp-editor-card-title p,#modalEditarProducto .xp-editor-card-title p{margin-top:2px !important;font-size:10px !important;line-height:1.25 !important;} #modalAgregarProducto .xp-editor-grid-3,#modalEditarProducto .xp-editor-grid-3,#modalAgregarProducto .xp-editor-price-grid,#modalEditarProducto .xp-editor-price-grid{gap:9px !important;} #modalAgregarProducto .xp-editor-description-row,#modalEditarProducto .xp-editor-description-row{margin-top:10px !important;} #modalAgregarProducto .xp-editor-info-row,#modalEditarProducto .xp-editor-info-row{gap:8px !important;margin-top:10px !important;} #modalAgregarProducto .xp-editor-info-box,#modalEditarProducto .xp-editor-info-box{min-height:82px !important;padding:10px !important;border-radius:12px !important;} #modalAgregarProducto .xp-editor-field label,#modalEditarProducto .xp-editor-field label{margin-bottom:5px !important;font-size:10px !important;font-weight:800 !important;} #modalAgregarProducto .x-product-input-group,#modalEditarProducto .x-product-input-group{height:42px !important;min-height:42px !important;border-radius:10px !important;} #modalAgregarProducto .x-product-input-icon,#modalEditarProducto .x-product-input-icon{width:40px !important;min-width:40px !important;font-size:11px !important;} #modalAgregarProducto .x-product-input-group .form-control,#modalAgregarProducto .x-product-input-group select,#modalEditarProducto .x-product-input-group .form-control,#modalEditarProducto .x-product-input-group select{height:100% !important;font-size:12px !important;font-weight:600 !important;} #modalAgregarProducto .xp-editor-helper,#modalEditarProducto .xp-editor-helper,#modalAgregarProducto .xp-editor-info-note,#modalEditarProducto .xp-editor-info-note{font-size:8.5px !important;line-height:1.25 !important;} #modalAgregarProducto .xp-editor-provider-layout,#modalEditarProducto .xp-editor-provider-layout{grid-template-columns:minmax(0,1fr) 280px !important;gap:10px !important;align-items:end !important;} #modalAgregarProducto .xp-editor-callout,#modalEditarProducto .xp-editor-callout{min-height:62px !important;padding:10px 11px !important;border-radius:12px !important;} #modalAgregarProducto .xp-editor-callout strong,#modalEditarProducto .xp-editor-callout strong{font-size:10px !important;} #modalAgregarProducto .xp-editor-callout small,#modalEditarProducto .xp-editor-callout small{font-size:8.5px !important;line-height:1.25 !important;} #modalAgregarProducto .xp-editor-image-stage,#modalEditarProducto .xp-editor-image-stage{height:180px !important;min-height:180px !important;margin-bottom:10px !important;border-radius:13px !important;} #modalAgregarProducto .xp-editor-image-stage img,#modalEditarProducto .xp-editor-image-stage img{width:100% !important;height:100% !important;object-fit:contain !important;padding:12px !important;} #modalAgregarProducto .xp-image-upload-zone,#modalEditarProducto .xp-image-upload-zone{position:relative !important;width:100% !important;overflow:hidden !important;border-radius:13px !important;} #modalAgregarProducto .xp-image-file-input,#modalEditarProducto .xp-image-file-input{position:absolute !important;inset:0 !important;z-index:20 !important;width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;margin:0 !important;padding:0 !important;opacity:0 !important;cursor:pointer !important;pointer-events:auto !important;clip:auto !important;clip-path:none !important;overflow:visible !important;} #modalAgregarProducto .xp-image-upload-label,#modalEditarProducto .xp-image-upload-label{position:relative !important;z-index:1 !important;min-height:112px !important;margin:0 !important;padding:12px !important;pointer-events:none !important;border-radius:13px !important;} #modalAgregarProducto .xp-image-upload-icon,#modalEditarProducto .xp-image-upload-icon{width:36px !important;height:36px !important;margin-bottom:2px !important;border-radius:10px !important;font-size:13px !important;} #modalAgregarProducto .xp-image-upload-label strong,#modalEditarProducto .xp-image-upload-label strong{font-size:11px !important;} #modalAgregarProducto .xp-image-upload-label>span:not(.xp-image-upload-icon),#modalEditarProducto .xp-image-upload-label>span:not(.xp-image-upload-icon){font-size:9px !important;} #modalAgregarProducto .xp-image-upload-label small,#modalEditarProducto .xp-image-upload-label small{font-size:8.5px !important;} #modalAgregarProducto .xp-preview-product,#modalEditarProducto .xp-preview-product{padding:11px !important;border-radius:12px !important;} #modalAgregarProducto .xp-preview-title,#modalEditarProducto .xp-preview-title{font-size:13px !important;} #modalAgregarProducto .xp-preview-subtitle,#modalEditarProducto .xp-preview-subtitle,#modalAgregarProducto .xp-preview-meta,#modalEditarProducto .xp-preview-meta{font-size:8.5px !important;} #modalAgregarProducto .xp-preview-prices,#modalEditarProducto .xp-preview-prices{gap:6px !important;margin-top:9px !important;} #modalAgregarProducto .xp-preview-price,#modalEditarProducto .xp-preview-price{min-height:50px !important;padding:7px 5px !important;border-radius:10px !important;} #modalAgregarProducto .xp-preview-price small,#modalEditarProducto .xp-preview-price small{font-size:7px !important;} #modalAgregarProducto .xp-preview-price strong,#modalEditarProducto .xp-preview-price strong{font-size:11px !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{flex:0 0 auto !important;min-height:58px !important;margin:0 !important;padding:9px 16px !important;gap:8px !important;background:#fff !important;} #modalAgregarProducto .modal-footer .btn,#modalEditarProducto .modal-footer .btn{min-height:38px !important;height:38px !important;padding:0 14px !important;border-radius:10px !important;font-size:10px !important;font-weight:800 !important;} @media(max-height:780px) and(min-width:901px){#modalAgregarProducto .xp-editor-image-stage,#modalEditarProducto .xp-editor-image-stage{height:145px !important;min-height:145px !important;} #modalAgregarProducto .xp-image-upload-label,#modalEditarProducto .xp-image-upload-label{min-height:92px !important;} #modalAgregarProducto .xp-editor-info-box,#modalEditarProducto .xp-editor-info-box{min-height:72px !important;}} @media(max-width:900px){#modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{grid-template-columns:1fr !important;} #modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}} @media(max-width:650px){#modalAgregarProducto .modal-dialog,#modalEditarProducto .modal-dialog{width:calc(100% - 10px) !important;max-width:none !important;height:calc(100dvh - 10px) !important;max-height:calc(100dvh - 10px) !important;margin:5px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content,#modalAgregarProducto .modal-content>form,#modalEditarProducto .modal-content>form{height:100% !important;max-height:100% !important;} #modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side,#modalAgregarProducto .xp-editor-grid-3,#modalEditarProducto .xp-editor-grid-3,#modalAgregarProducto .xp-editor-info-row,#modalEditarProducto .xp-editor-info-row,#modalAgregarProducto .xp-editor-price-grid,#modalEditarProducto .xp-editor-price-grid,#modalAgregarProducto .xp-editor-provider-layout,#modalEditarProducto .xp-editor-provider-layout{grid-template-columns:1fr !important;}} #modalAgregarProducto .xp-product-modal-dialog,#modalEditarProducto .xp-product-modal-dialog{width:calc(100% - 20px) !important;max-width:1220px !important;margin:10px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{display:block !important;height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;border-radius:20px !important;} #modalAgregarProducto .modal-content>form,#modalEditarProducto .modal-content>form{display:block !important;height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;padding:12px 14px !important;background:#f6f8fb;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{display:grid !important;grid-template-columns:minmax(0,1fr) 360px !important;gap:14px !important;align-items:start !important;} #modalAgregarProducto .xp-editor-main,#modalEditarProducto .xp-editor-main,#modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{min-height:0 !important;align-self:start !important;} #modalAgregarProducto .xp-editor-card,#modalEditarProducto .xp-editor-card,#modalAgregarProducto .xp-editor-side-card,#modalEditarProducto .xp-editor-side-card{margin-bottom:12px !important;} #modalAgregarProducto .xp-editor-main>*:last-child,#modalEditarProducto .xp-editor-main>*:last-child,#modalAgregarProducto .xp-editor-side>*:last-child,#modalEditarProducto .xp-editor-side>*:last-child{margin-bottom:0 !important;} #modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{margin:0 !important;padding:10px 16px 14px !important;border-top:1px solid #e8edf4 !important;background:#fff !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:10px !important;} #modalAgregarProducto .modal-footer .btn,#modalEditarProducto .modal-footer .btn{min-height:38px !important;height:38px !important;padding:0 16px !important;border-radius:10px !important;font-size:11px !important;font-weight:800 !important;} #modalAgregarProducto .xp-image-upload-zone,#modalEditarProducto .xp-image-upload-zone{position:relative !important;width:100% !important;overflow:hidden !important;border-radius:16px !important;} #modalAgregarProducto .xp-image-file-input,#modalEditarProducto .xp-image-file-input{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;z-index:5 !important;margin:0 !important;padding:0 !important;border:0 !important;} #modalAgregarProducto .xp-image-upload-label,#modalEditarProducto .xp-image-upload-label{min-height:128px !important;margin:0 !important;padding:18px 16px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:6px !important;border:1.5px dashed #b9cff5 !important;border-radius:16px !important;background:#fbfdff !important;pointer-events:none !important;user-select:none !important;} #modalAgregarProducto .xp-image-upload-zone:hover .xp-image-upload-label,#modalEditarProducto .xp-image-upload-zone:hover .xp-image-upload-label{border-color:#4f83f1 !important;background:#f5f9ff !important;box-shadow:0 0 0 3px rgba(37,99,235,.05) !important;} #modalAgregarProducto .xp-image-upload-icon,#modalEditarProducto .xp-image-upload-icon{width:42px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:13px !important;background:#eaf1ff !important;color:#2563eb !important;font-size:15px !important;margin-bottom:3px !important;} #modalAgregarProducto .xp-image-upload-title,#modalEditarProducto .xp-image-upload-title{display:block !important;color:#1f2f46 !important;font-size:13px !important;font-weight:800 !important;line-height:1.2 !important;text-transform:none !important;letter-spacing:0 !important;} #modalAgregarProducto .xp-image-upload-subtitle,#modalEditarProducto .xp-image-upload-subtitle{display:block !important;color:#6f8199 !important;font-size:11px !important;font-weight:500 !important;line-height:1.35 !important;text-transform:none !important;letter-spacing:0 !important;} #modalAgregarProducto .xp-image-upload-meta,#modalEditarProducto .xp-image-upload-meta{display:block !important;color:#8ea0b7 !important;font-size:10px !important;font-weight:600 !important;line-height:1.25 !important;text-transform:none !important;letter-spacing:0 !important;} #modalAgregarProducto .xp-editor-image-stage,#modalEditarProducto .xp-editor-image-stage{height:215px !important;min-height:215px !important;border-radius:18px !important;margin-bottom:12px !important;} #modalAgregarProducto .xp-editor-record-section,#modalEditarProducto .xp-editor-record-section{display:none !important;} @media(max-height:820px),(max-width:900px){#modalAgregarProducto .xp-product-modal-dialog,#modalEditarProducto .xp-product-modal-dialog{height:calc(100dvh - 10px) !important;max-height:calc(100dvh - 10px) !important;margin:5px auto !important;} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content,#modalAgregarProducto .modal-content>form,#modalEditarProducto .modal-content>form{display:flex !important;flex-direction:column !important;height:100% !important;max-height:100% !important;overflow:hidden !important;} #modalAgregarProducto .modal-header,#modalEditarProducto .modal-header,#modalAgregarProducto .modal-footer,#modalEditarProducto .modal-footer{flex:0 0 auto !important;} #modalAgregarProducto .modal-body,#modalEditarProducto .modal-body{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{grid-template-columns:1fr !important;} #modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}} @media(max-width:650px){#modalAgregarProducto .xp-product-modal-dialog,#modalEditarProducto .xp-product-modal-dialog{width:calc(100% - 8px) !important;max-width:none !important;} #modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{grid-template-columns:1fr !important;}} #modalAgregarProducto .modal-content,#modalEditarProducto .modal-content{border-radius:22px !important;overflow:hidden !important;border:1px solid #e7edf4 !important;box-shadow:0 24px 70px rgba(15,23,42,.18) !important;} #modalAgregarProducto .xp-editor-shell,#modalEditarProducto .xp-editor-shell{align-items:stretch !important;} #modalAgregarProducto .xp-editor-main,#modalEditarProducto .xp-editor-main,#modalAgregarProducto .xp-editor-side,#modalEditarProducto .xp-editor-side{display:flex !important;flex-direction:column !important;height:100% !important;align-self:stretch !important;gap:12px !important;} #modalAgregarProducto .xp-editor-card,#modalEditarProducto .xp-editor-card,#modalAgregarProducto .xp-editor-side-card,#modalEditarProducto .xp-editor-side-card{margin-bottom:0 !important;} #modalAgregarProducto .xp-editor-main>.xp-editor-card,#modalEditarProducto .xp-editor-main>.xp-editor-card{flex:0 0 auto;} #modalAgregarProducto .xp-editor-main>.xp-editor-card:last-child,#modalEditarProducto .xp-editor-main>.xp-editor-card:last-child{flex:1 1 auto !important;} #modalAgregarProducto .xp-editor-side>.xp-editor-side-card,#modalEditarProducto .xp-editor-side>.xp-editor-side-card{flex:0 0 auto;} #modalAgregarProducto .xp-editor-side>.xp-editor-side-card:last-child,#modalEditarProducto .xp-editor-side>.xp-editor-side-card:last-child{flex:1 1 auto !important;} #modalAgregarProducto .xp-editor-preview-card,#modalEditarProducto .xp-editor-preview-card{display:flex !important;flex-direction:column !important;} #modalAgregarProducto .xp-editor-preview-card .xp-preview-product,#modalEditarProducto .xp-editor-preview-card .xp-preview-product{flex:1 1 auto !important;}