.login-page{align-items:center;background:#f5f6fa;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:420px;padding:32px;width:100%}.login-card h1{margin:0 0 8px}.login-card p{color:#4b4949;margin:0 0 20px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form input{border:1px solid #302d2d;border-radius:10px;font-size:14px;height:46px;padding:0 14px}.login-form button{background:#6d28d9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:46px}.login-error{background:#ffe5e5;border-radius:10px;color:#b42318;font-size:14px;padding:10px 12px}.sidebar{background-color:#1e293b;color:#f8fafc;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:230px}.sidebar.colapsado{width:75px}.sidebar-header{align-items:center;background-color:#0f172a;border-bottom:1px solid #334155;display:flex;gap:10px;padding:18px}.sidebar-header h2{color:#00aeef;font-size:1rem;font-weight:700;margin:0}.toggle-btn{background:#0000;border:none;color:#f8fafc;cursor:pointer;font-size:20px}.menu{flex:1 1;list-style:none;margin-top:10px;padding:0}.menu li{align-items:center;color:#f8fafc;cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:background .3s ease}.menu li:hover{background-color:#334155}.menu .icon{color:#00aeef;font-size:1.2rem}.sidebar.colapsado .menu li span{display:none}.sidebar.colapsado .menu li{justify-content:center}.sidebar.colapsado .icon{font-size:1.4rem}@media (max-width:768px){.sidebar{height:100%;position:fixed;transform:translateX(-100%);width:200px;z-index:1000}.sidebar.expandido{transform:translateX(0)}}.sidebar-user{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:10px;margin-top:auto;padding:14px 12px 8px}.sidebar-user-avatar{align-items:center;background:#0096d1;border-radius:50%;color:#fff;display:flex;font-weight:700;height:38px;justify-content:center;min-width:38px;width:38px}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-info strong{font-size:14px;line-height:1.2}.sidebar-user-info span{font-size:12px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info small{font-size:11px;margin-top:2px;opacity:.7}.bottom-menu{flex-shrink:0;margin-top:0;padding-bottom:14px}.sidebar-submenu{gap:4px}.sidebar-subitem{font-size:14px}.menu-group{display:flex;flex-direction:column}.menu-item-with-arrow{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 0;width:100%}.menu-item-with-arrow:hover{background:#ffffff14}.menu-item-main{align-items:center;display:flex;gap:10px}.submenu-arrow{font-size:12px;opacity:.8;transition:transform .2s ease}.submenu-arrow.open{transform:rotate(180deg)}.sidebar-submenu{display:flex;flex-direction:column;gap:2px;margin-left:34px;margin-top:4px}.sidebar-subitem{border-radius:6px;cursor:pointer;font-size:13px;opacity:.9;padding:8px 10px}.sidebar-subitem:hover{background:#ffffff14;opacity:1}@media (max-width:768px){.sidebar.colapsado{transform:translateX(-100%)!important;width:230px!important}.sidebar.expandido{transform:translateX(0)!important;width:230px!important}}.sidebar-logo{display:block;height:55px;object-fit:contain;width:auto}.sidebar.expandido .sidebar-header{gap:12px}body.dark-mode .sidebar-logo{filter:none}.clientes-lista{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:25px}.encabezado-lista{margin-bottom:20px}.acciones-lista{align-items:center}.buscador{border:1px solid #d0d7de;border-radius:6px;font-size:15px;padding:8px 12px;transition:.3s;width:220px}.buscador:focus{border-color:#00aeef;box-shadow:0 0 0 3px #00aeef33;outline:none}.btn-nuevo{background-color:#00aeef;transition:.3s}.btn-nuevo:hover{background-color:#0093cc}.acciones button{border:none;border-radius:6px;cursor:pointer;font-weight:500;margin-right:5px;padding:6px 10px;transition:.2s}.btn-ver{background-color:#fff;border:1.5px solid #00aeef;color:#00aeef}.btn-editar,.btn-ver:hover{background-color:#00aeef;color:#fff}.btn-editar:hover{background-color:#0093cc}.btn-eliminar{background-color:#e53e3e;color:#fff}.btn-eliminar:hover{background-color:#c53030}.fila-clickable{transition:background-color .2s ease}body.dark-mode .clientes-lista{background-color:#2b2b2b!important;border:1px solid #3a3a3a;box-shadow:0 2px 6px #00000080;color:#eaeaea!important}body.dark-mode .clientes-lista h1{color:#f5f5f5!important}body.dark-mode .clientes-lista .buscador{background-color:#1f1f1f!important;border:1px solid #555!important;color:#eaeaea!important}body.dark-mode .clientes-lista .buscador::placeholder{color:#9ca3af!important}body.dark-mode .clientes-lista table{background-color:#252525!important;border-radius:8px;color:#e5e5e5!important}body.dark-mode .clientes-lista thead{background-color:#0096d1!important;color:#fff!important}body.dark-mode .clientes-lista tr:hover{background-color:#2f2f2f!important}body.dark-mode .clientes-lista td,body.dark-mode .clientes-lista th{border-color:#3a3a3a!important}.clientes-mobile-list{display:none}@media (max-width:768px){.clientes-lista{padding:12px 12px 90px}.encabezado-lista{align-items:stretch;flex-direction:column;gap:10px}.acciones-lista{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.buscador{box-sizing:border-box;width:100%}.btn-nuevo{height:40px;width:100%}.clientes-table-desktop{display:none}.clientes-mobile-list{display:flex;flex-direction:column;gap:10px}.cliente-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000f;padding:12px}.cliente-mobile-top{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.cliente-mobile-top strong{color:#0096d1;font-size:15px}.cliente-mobile-top span{color:#64748b;font-size:12px;font-weight:700}.cliente-mobile-info p{font-size:13px;margin:3px 0}.cliente-mobile-actions{display:flex;gap:8px;margin-top:10px}.cliente-mobile-actions button{border:none;border-radius:9px;cursor:pointer;flex:1 1;font-weight:700;padding:8px}.cliente-mobile-actions button:first-child{background:#0096d1;color:#fff}.cliente-mobile-actions button:nth-child(2){background:#e5e7eb;color:#111827}body.dark-mode .cliente-mobile-card{background:#262626;border-color:#3d3d3d;color:#e5e7eb}.cliente-mobile-card{overflow:hidden;padding:0}.cliente-mobile-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px}.cliente-mobile-header div{display:flex;flex-direction:column;gap:3px;min-width:0}.cliente-mobile-header strong{color:#0096d1;font-size:15px;line-height:1.2}.cliente-mobile-header span{color:#64748b;font-size:12px;font-weight:700}.cliente-mobile-arrow{color:#0096d1!important;flex-shrink:0;font-size:20px!important}.cliente-mobile-info{border-top:1px solid #e5e7eb;padding:10px 12px 4px}.cliente-mobile-actions{padding:8px 12px 12px}}.action-menu-root{display:inline-block}.action-menu-trigger{background:#0000;border:none;color:#666;cursor:pointer;font-size:16px;padding:6px;transition:color .15s ease}.action-menu-trigger.active,.action-menu-trigger:hover{color:#000}.action-menu-dropdown.fixed{background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 10px 25px #0003;padding:6px 0;position:fixed;width:180px;z-index:999999}.action-menu-dropdown.fixed button{align-items:center;background:none;border:none;color:#111!important;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.action-menu-dropdown.fixed button:focus-visible,.action-menu-dropdown.fixed button:hover{background:#0000000f!important;color:#111!important}.icono{font-size:14px}.action-menu-dropdown.fixed button:last-child:hover{background:#0000000f!important}body.dark-mode .action-menu-trigger{color:#aaa}body.dark-mode .action-menu-trigger.active,body.dark-mode .action-menu-trigger:hover{color:#fff}body.dark-mode .action-menu-dropdown.fixed{background:#1e1e1e;border:1px solid #ffffff14;box-shadow:0 10px 25px #0009}body.dark-mode .action-menu-dropdown.fixed button{color:#f1f1f1!important}body.dark-mode .action-menu-dropdown.fixed button:focus-visible,body.dark-mode .action-menu-dropdown.fixed button:hover{background:#ffffff1a!important;color:#fff!important}.action-menu-dropdown.fixed button{border-radius:0!important;font-size:14px!important;margin:0!important;padding:10px 12px!important;width:100%!important}.action-menu-dropdown.fixed,.action-menu-dropdown.fixed button{transition:none!important}.cliente-detalle{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:600px;padding:30px}.cliente-detalle h2{color:#007bff;margin-bottom:25px;text-align:center}.detalle-info p{border-bottom:1px solid #e0e0e0;font-size:16px;margin:10px 0;padding-bottom:5px}.detalle-botones{justify-content:space-between}.btn{padding:10px 18px;transition:.2s ease-in-out}.btn.volver{background-color:#6c757d;color:#fff}.btn.volver:hover{background-color:#5a6268}.btn.editar{background-color:#007bff}.btn.editar:hover{background-color:#0069d9}.detalle-botones{display:flex;gap:20px;justify-content:center;margin-top:30px}.btn{border-radius:6px;padding:10px 20px;transition:.3s ease-in-out}.btn.volver{background-color:#e0e6ed;color:#333}.btn.volver:hover{background-color:#cbd5e1}.btn.editar{background-color:#00aeef;color:#fff}.btn.editar:hover{background-color:#0093cc}@media (max-width:768px){.cliente-detalle{border-radius:14px;margin:0;padding:16px 16px 90px}.cliente-detalle h2{font-size:20px;margin-bottom:16px}.detalle-info p{display:flex;flex-direction:column;font-size:14px;gap:3px}.detalle-botones{flex-direction:column;gap:10px}.detalle-botones .btn{height:40px;width:100%}}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 4px 10px #0003;width:420px}.modal-content h2{color:#0a74da;margin-bottom:15px;text-align:center}.modal-content label{color:#333;display:block;font-weight:500;margin-top:10px}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:8px;width:100%}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 18px}.modal-buttons button:first-child{background-color:#0a74da;color:#fff}.modal-buttons button.cancelar{background-color:#ddd;color:#333}.error{background-color:#ffe3e3;border-radius:5px;color:#c00;margin-bottom:10px;padding:8px;text-align:center}.success{animation:fadeOut 2s ease-in forwards;animation-delay:1.5s;animation:fadeInSlide .4s ease-out,fadeOut 2s ease-in forwards;animation-delay:0s,1.5s;background-color:#e7f9ee;border:1px solid #a3e4b5;border-radius:6px;color:#0f5132;font-weight:600;margin-bottom:12px;padding:10px 12px;text-align:center}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.pedidos-lista{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:20px}.encabezado-lista{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.encabezado-lista h1{color:#0a74da;font-size:22px;margin:0}.acciones-lista{display:flex;gap:10px}.buscador,.filtro{border:1px solid #ccc;border-radius:6px;padding:8px}.btn-nuevo{border-radius:6px;padding:8px 14px}.tabla-pedidos{border-collapse:collapse;font-size:15px;width:100%}.tabla-pedidos th{border-bottom:2px solid #e0e0e0;color:#333;padding:10px;text-align:left}.tabla-pedidos td{border-bottom:1px solid #f0f0f0;padding:10px}.codigo-pedido{color:#0a74da;cursor:pointer;font-weight:600}.codigo-pedido:hover{text-decoration:underline}.estado-badge{border-radius:5px;color:#fff;font-weight:600;padding:4px 8px;text-transform:capitalize}.estado-badge.pendiente{background-color:#f39c12}.estado-badge.en-proceso{background-color:#3498db}.estado-badge.terminado{background-color:#2ecc71}.estado-badge.cancelado{background-color:#e74c3c}.btn-eliminar,.btn-ver{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-right:5px;padding:6px 10px}.btn-ver{background-color:#0a74da}.btn-eliminar{background-color:#e74c3c}.fila-clickable{cursor:pointer;transition:background-color .2s}.fila-clickable:hover{background-color:#eaf7ff!important}.estado-select{border:none;border-radius:6px;color:#fff;font-weight:600;padding:5px 8px;text-transform:capitalize}.estado-select.pendiente{background-color:#f39c12}.estado-select.en-proceso{background-color:#3498db}.estado-select.terminado{background-color:#2ecc71}.estado-select.cancelado{background-color:#e74c3c}.estado-select:hover{opacity:.9}.acciones{text-align:center}body.dark-mode .pedidos-lista{background-color:#2b2b2b!important;border:1px solid #3a3a3a;box-shadow:0 2px 6px #00000080;color:#eaeaea!important}body.dark-mode .pedidos-lista h1{color:#f5f5f5!important}body.dark-mode .pedidos-lista .buscador,body.dark-mode .pedidos-lista .filtro{background-color:#1f1f1f!important;border:1px solid #555!important;color:#eaeaea!important}body.dark-mode .pedidos-lista .buscador::placeholder{color:#9ca3af!important}body.dark-mode .pedidos-lista table{background-color:#252525!important;border-radius:8px;color:#e5e5e5!important}body.dark-mode .pedidos-lista thead{background-color:#0096d1!important;color:#fff!important}body.dark-mode .pedidos-lista tr:hover{background-color:#2f2f2f!important}body.dark-mode .pedidos-lista td,body.dark-mode .pedidos-lista th{border-color:#3a3a3a!important}body.dark-mode .estado-select{background-color:#1e1e1e!important;border-color:#555!important;color:#fff!important}body.dark-mode .estado-select.pendiente{background-color:#f39c12!important}body.dark-mode .estado-select.en-proceso{background-color:#3498db!important}body.dark-mode .estado-select.terminado{background-color:#2ecc71!important}body.dark-mode .estado-select.cancelado{background-color:#e74c3c!important}.estado-select{background:#fff;border:1px solid #d9dee8;border-radius:8px;color:#444;cursor:pointer;font-size:12px;font-weight:500;min-width:120px;outline:none;padding:4px 8px;width:120px}.estado-select.pendiente{background:#f7f7f8;border-color:#d9dee8;color:#666}.estado-select.en-proceso{background:#eef4ff;border-color:#c9d8f3;color:#2b5fb8}.estado-select.terminado{background:#edf8f0;border-color:#cfe7d3;color:#2e7d32}.estado-select.cancelado{background:#fdeeee;border-color:#efc7c7;color:#c62828}.pedidos-mobile-list{display:none}@media (max-width:768px){.tabla-pedidos-desktop{display:none}.pedidos-mobile-list{display:flex;flex-direction:column;gap:12px}.pedido-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:14px}.pedido-mobile-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.pedido-mobile-top div{display:flex;flex-direction:column;gap:3px}.pedido-mobile-top strong{color:#0096d1;font-size:16px}.pedido-mobile-top span{font-size:14px;font-weight:600}.pedido-mobile-estado{background:#eef6ff;border-radius:999px;color:#07f;font-size:11px;padding:5px 8px;white-space:nowrap}.pedido-mobile-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.pedido-mobile-info small{color:#64748b;font-size:11px}.pedido-mobile-info p{font-size:13px;font-weight:600;margin:3px 0 0}.pedido-mobile-produccion{margin:10px 0 12px}.pedido-mobile-actions{display:flex;gap:8px}.pedido-mobile-actions button{background:#0096d1;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:9px 10px}.pedido-mobile-actions button:nth-child(2){background:#f1f5f9;color:#0f172a}body.dark-mode .pedido-mobile-card{background:#262626;border-color:#3d3d3d;color:#e5e7eb}body.dark-mode .pedido-mobile-estado{background:#2da1ff24;color:#2da1ff}body.dark-mode .pedido-mobile-actions button:nth-child(2){background:#333;color:#e5e7eb}}.pedidos-mobile-list{display:none!important}.tabla-pedidos-desktop{display:table}@media (max-width:768px){.tabla-pedidos-desktop{display:none!important}.pedidos-mobile-list{display:flex!important;flex-direction:column;gap:8px}.pedido-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;padding:10px 12px}.pedido-mobile-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.pedido-mobile-top div{display:flex;flex-direction:column;gap:1px}.pedido-mobile-top strong{color:#0096d1;font-size:14px;line-height:1.1}.pedido-mobile-top span{font-size:13px;font-weight:600;line-height:1.2}.pedido-mobile-estado{background:#eef6ff;border-radius:999px;color:#07f;font-size:10px;padding:4px 7px;white-space:nowrap}.pedido-mobile-info{display:flex;flex-direction:column;font-size:12px;gap:3px;margin-bottom:8px}.pedido-mobile-info-row{align-items:center;display:flex;gap:5px;line-height:1.2}.pedido-mobile-info-row small{color:#64748b;font-size:11px;font-weight:700}.pedido-mobile-info-row p{font-size:12px;font-weight:600;margin:0}.pedido-mobile-produccion{margin:6px 0 8px}.pedido-mobile-actions{display:flex;gap:6px}.pedido-mobile-actions button{background:#0096d1;border:none;border-radius:9px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:7px 8px}.pedido-mobile-actions button:nth-child(2){background:#f1f5f9;color:#0f172a}body.dark-mode .pedido-mobile-card{background:#262626;border-color:#3d3d3d;color:#e5e7eb}body.dark-mode .pedido-mobile-estado{background:#2da1ff24;color:#2da1ff}body.dark-mode .pedido-mobile-actions button:nth-child(2){background:#333;color:#e5e7eb}.pedidos-lista{padding:12px 12px 90px}.encabezado-lista{align-items:stretch;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.encabezado-lista h1{font-size:22px;margin:0}.acciones-lista{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 96px}.acciones-lista .buscador{border-radius:10px;font-size:13px;height:38px;min-width:0;width:100%}.acciones-lista .filtro{border-radius:10px;font-size:12px;height:38px;padding:0 8px;width:100%}.acciones-lista .btn-nuevo{border-radius:10px;font-size:14px;font-weight:700;grid-column:1/-1;height:40px;width:100%}}.pfm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:14px;position:fixed;z-index:2000}.pfm-modal{background:#fff;border:1px solid #0000001a;border-radius:14px;box-shadow:0 18px 50px #00000059;max-height:92vh;overflow:auto;padding:16px 16px 14px;width:min(980px,96vw)}body.dark-mode .pfm-modal{background:#2a2a2a;border:1px solid #ffffff1a;box-shadow:0 22px 55px #0000008c;color:#eaeaea}.scrollable-modal::-webkit-scrollbar{width:10px}.scrollable-modal::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}body:not(.dark-mode) .scrollable-modal::-webkit-scrollbar-thumb{background:#0000002e}.pfm-header{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}body.dark-mode .pfm-header{border-bottom:1px solid #ffffff1a}.pfm-title{font-size:18px;font-weight:700;margin:0}.pfm-close{background:#0000;border:1px solid #0000001f;border-radius:10px;color:inherit;cursor:pointer;padding:6px 10px}body.dark-mode .pfm-close{border-color:#ffffff26}.pfm-close:hover{filter:brightness(1.06)}.pfm-error{background:#ef44441f;border:1px solid #ef444440;border-radius:10px;color:#ef4444;font-weight:600;margin:10px 0 12px;padding:10px 12px}.pfm-dynamic{grid-gap:12px;display:grid;gap:12px}.pfm-field{grid-gap:6px;display:grid;gap:6px;margin-bottom:10px}.pfm-label{font-size:13px;font-weight:700;opacity:.95}.pfm-control{background:#fff;border:1px solid #0000002e;border-radius:10px;color:#111;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}body.dark-mode .pfm-control{background:#1f1f1f;border:1px solid #ffffff29;color:#eaeaea}.pfm-control:focus{border-color:#0096d1b3;box-shadow:0 0 0 2px #0096d12e}.pfm-textarea{line-height:1.35;min-height:78px;resize:vertical}.pfm-empty{background:#0096d114;border:1px solid #0096d12e;border-radius:12px;margin-top:6px;padding:12px}body.dark-mode .pfm-empty{background:#0096d11a;border-color:#0096d138}.pfm-links{grid-gap:8px;display:grid;gap:8px}.pfm-link-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.pfm-link-remove{background:#0000;border:1px solid #00000024;border-radius:10px;color:inherit;cursor:pointer;height:42px;width:42px}body.dark-mode .pfm-link-remove{border-color:#ffffff29}.pfm-link-remove:hover{filter:brightness(1.08)}.pfm-link-add{background:#0096d11a;border:1px solid #0096d159;border-radius:10px;color:inherit;cursor:pointer;font-weight:700;justify-self:start;padding:10px 12px}.pfm-link-add:hover{background:#0096d124}.pfm-zonas{grid-gap:10px;display:grid;gap:10px}.pfm-zona-card{background:#00000008;border:1px solid #0000001a;border-radius:12px;padding:10px}body.dark-mode .pfm-zona-card{background:#ffffff0a;border-color:#ffffff1a}.pfm-zona-title{font-size:13px;font-weight:800;margin-bottom:8px;opacity:.95}.pfm-zona-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.pfm-zona-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:42px 1fr}.pfm-zona-tag{align-items:center;background:#0096d11f;border:1px solid #0096d140;border-radius:10px;color:inherit;display:inline-flex;font-size:12px;font-weight:800;height:34px;justify-content:center}.pfm-control-sm{border-radius:10px;height:34px;padding:8px 10px}.pfm-talles{grid-gap:8px;display:grid;gap:8px}@media (min-width:980px){.pfm-talles{gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pfm-talle-row{grid-gap:8px;align-items:center;background:#00000008;border:1px solid #0000001a;border-radius:12px;display:grid;gap:8px;grid-template-columns:86px 86px 1fr;padding:8px}body.dark-mode .pfm-talle-row{background:#ffffff0a;border-color:#ffffff1a}.pfm-talle-name{font-size:13px;font-weight:900;opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfm-control-detail,.pfm-control-qty{height:36px;padding:8px 10px}@media (max-width:520px){.pfm-talle-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.pfm-control-detail,.pfm-talle-name{grid-column:1/-1}}.pfm-total{font-size:14px;font-weight:800;margin-top:10px}.pfm-actions{border-top:1px solid #00000014;display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:12px}body.dark-mode .pfm-actions{border-top:1px solid #ffffff1a}.pfm-btn{border:1px solid #0000;border-radius:12px;cursor:pointer;font-weight:800;padding:10px 14px}.pfm-btn-secondary{background:#0000;border-color:#0096d166;color:inherit}.pfm-btn-secondary:hover{background:#0096d11a}.pfm-btn-primary{background:#0096d1;border-color:#0096d166;color:#fff}.pfm-btn-primary:hover{background:#007bb2}.pfm-btn:disabled{cursor:not-allowed;opacity:.6}.pfm-top-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1.15fr .85fr;margin-bottom:10px}@media (max-width:900px){.pfm-top-grid{grid-template-columns:1fr}}.pfm-top-left,.pfm-top-right{grid-gap:10px;display:grid;gap:10px}.pfm-ref-card{background:#00000008;border:1px solid #0000001a;border-radius:14px;padding:12px}body.dark-mode .pfm-ref-card{background:#ffffff0a;border-color:#ffffff1a}.pfm-ref-title{font-size:13px;font-weight:900;margin-bottom:10px;opacity:.95}.pfm-ref-img{background:#ffffff59;border:1px solid #00000014;border-radius:12px;display:block;max-height:260px;object-fit:contain;width:100%}body.dark-mode .pfm-ref-img{background:#0003;border-color:#ffffff1a}.pfm-ref-sub{font-size:12px;line-height:1.35;margin-top:10px;opacity:.85}.pfm-ref-unica{background:#0096d124;border:1px solid #0096d147;border-radius:14px;display:grid;font-weight:900;height:64px;place-items:center;width:64px}.pfm-static{display:flex;flex-direction:column;gap:16px}.pfm-static-hero{align-items:center;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.pfm-static-eyebrow{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.pfm-static-producto{color:#0f172a;font-size:22px;font-weight:800;line-height:1.1}.pfm-static-badge{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:999px;color:#0f172a;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 14px;white-space:nowrap}.pfm-static-badge-dot{background:#38bdf8;border-radius:999px;box-shadow:0 0 0 3px #38bdf826;height:10px;width:10px}.pfm-static-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0f172a0a;padding:16px 18px}.pfm-static-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.pfm-static-card-title{color:#0f172a;font-size:15px;font-weight:800;margin-bottom:10px}.pfm-static-card-text{color:#334155;font-size:14px;line-height:1.6;white-space:pre-wrap}.pfm-static-total-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:700;padding:6px 10px}.pfm-static-talles-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pfm-static-talle-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0;overflow:hidden;padding:12px 13px}.pfm-static-talle-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.pfm-static-talle-name{color:#0f172a;font-size:13px;font-weight:800}.pfm-static-talle-qty{background:#0ea5e9;border-radius:999px;color:#fff;font-size:12px;font-weight:800;min-width:28px;padding:4px 8px;text-align:center}.pfm-static-talle-detail{color:#475569;font-size:13px;line-height:1.5;margin-top:8px;white-space:normal;word-break:break-word}.pfm-static-table{display:flex;flex-direction:column;gap:8px}.pfm-static-table-row{grid-gap:12px;border-bottom:1px dashed #e2e8f0;display:grid;gap:12px;grid-template-columns:140px 1fr;padding:10px 0}.pfm-static-table-row:last-child{border-bottom:none;padding-bottom:0}.pfm-static-table-key{color:#334155;font-size:13px;font-weight:700}.pfm-static-table-value{color:#0f172a;font-size:14px;line-height:1.5;word-break:break-word}.pfm-static-links-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pfm-static-link-card{align-items:center;background:#f8fbff;gap:10px;padding:12px 14px}.pfm-static-link-icon{font-size:16px}.pfm-static-link-text{font-size:13px;font-weight:700}.pfm-static-eyebrow-strong{color:#0f172a;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:none}.pfm-static-producto-soft{color:#334155;font-size:22px;font-weight:600}.pfm-static-talle-qty-unit{font-size:10px;font-weight:600;margin-left:2px;opacity:.82}.pfm-static-zonas-layout{grid-gap:16px;gap:16px;grid-template-columns:280px 1fr}.pfm-static-subtitle{margin-bottom:10px}@media (max-width:900px){.pfm-static-zonas-layout{grid-template-columns:1fr}}.pfm-static-link-card{align-items:flex-start;background:linear-gradient(135deg,#f8fbff,#f1f7ff);border:1px solid #dbeafe;border-radius:14px;color:#0f172a;display:flex;gap:12px;min-width:0;padding:14px;text-decoration:none;transition:.2s ease}.pfm-static-link-card:hover{border-color:#93c5fd;box-shadow:0 8px 20px #2563eb14;transform:translateY(-1px)}.pfm-static-link-icon-wrap{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:12px;display:flex;height:38px;justify-content:center;min-width:38px;width:38px}.pfm-static-link-body{flex:1 1;min-width:0}.pfm-static-link-title{color:#0f172a;font-size:13px;font-weight:800;margin-bottom:4px}.pfm-static-link-url{color:#64748b;font-size:12px;line-height:1.45;word-break:break-all}.pfm-static-zonas-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:300px 1fr}.pfm-static-zonas-ref .pfm-ref-card{border-radius:16px;height:100%;margin:0}.pfm-static-zonas-data{min-width:0}.pfm-static-subtitle{color:#334155;font-size:13px;font-weight:700;margin-bottom:12px}.pfm-static-zonas-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pfm-static-zona-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;min-width:0;padding:12px 13px}.pfm-static-zona-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.pfm-static-zona-code{align-items:center;background:#0ea5e9;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.02em;min-width:42px;padding:5px 10px}.pfm-static-zona-text{color:#334155;font-size:13px;line-height:1.5;white-space:normal;word-break:break-word}@media (max-width:980px){.pfm-static-zonas-layout{grid-template-columns:1fr}}.pfm-static-zona-group+.pfm-static-zona-group{margin-top:18px}.pfm-static-zona-group-title{color:#0f172a;font-size:13px;font-weight:800;margin-bottom:10px}.pfm-costura-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(180px,1fr))}.pfm-costura-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.pfm-costura-name{color:#334155;font-size:13px;font-weight:700}@media (max-width:1200px){.pfm-costura-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (max-width:900px){.pfm-costura-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:640px){.pfm-costura-grid{grid-template-columns:1fr}}.pfm-link-row-with-portada{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto auto}.pfm-portada-preview-box{margin-top:12px}.pfm-portada-preview-img{max-width:220px}@media (max-width:768px){.pfm-link-row-with-portada{grid-template-columns:1fr}}.pfm-imagenes-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pfm-imagenes-grid{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.pfm-imagen-card{background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px;position:relative}.pfm-imagen-card.is-portada{background:#2563eb08;border-color:#2563eb59;box-shadow:0 0 0 2px #2563eb14}.pfm-imagen-delete{background:#0f172ab3;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;height:26px;position:absolute;right:8px;top:8px;width:26px;z-index:2}.pfm-imagen-delete:hover{background:#dc2626e6}.pfm-imagen-preview-wrap{align-items:center;aspect-ratio:.9/1;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:center;overflow:hidden;width:100%}.pfm-imagen-preview{display:block;height:100%;object-fit:cover;width:100%}.pfm-imagen-empty{color:#94a3b8;font-size:12px}.pfm-imagen-footer{display:flex;justify-content:center}.pfm-imagen-link-edit{margin-top:2px}.pfm-portada-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:12px;font-weight:700;padding:8px 10px;white-space:nowrap}.pfm-portada-btn.is-active{background:#2563eb1a;border-color:#2563eb40;color:#1d4ed8}.pfm-portada-placeholder{color:#94a3b8;font-size:12px;font-weight:700;padding:8px 10px;white-space:nowrap}.pfm-portada-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;padding:12px}.pfm-portada-preview-label{color:#334155;font-size:12px;font-weight:700;margin-bottom:8px}.pfm-portada-preview-img{background:#fff;border:1px solid #dbe3ec;border-radius:8px;display:block;max-height:180px;max-width:240px;object-fit:contain;width:100%}.pfm-static-imagenes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:8px}.pfm-static-imagen-card{background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;padding:8px}.pfm-static-imagen-card.is-portada{background:#2563eb08;border-color:#2563eb59;box-shadow:0 0 0 2px #2563eb14}.pfm-static-imagen-preview{aspect-ratio:1/1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:block;object-fit:cover;width:100%}.pfm-static-imagen-meta{display:flex;justify-content:center;margin-top:6px}.pfm-static-imagen-badge{background:#2563eb1a;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:700;padding:4px 8px}.pfm-static-imagen-badge.soft{background:#e2e8f0;color:#475569}.pfm-zonas-ref-trigger{color:#2563eb;cursor:default;font-size:12px;font-weight:700;position:relative;white-space:nowrap}.pfm-field-zonas{position:relative}.pfm-label-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.pfm-zonas-ref-trigger{align-items:center;display:inline-flex;justify-content:center}.pfm-zonas-ref-trigger-box{align-items:center;background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;display:inline-flex;gap:8px;padding:6px 8px}.pfm-zonas-ref-trigger-text{color:#2563eb;font-size:12px;font-weight:800}.pfm-zonas-ref-trigger-thumb{background:#fff;border:1px solid #dbe3ec;border-radius:8px;display:block;height:52px;object-fit:contain;width:52px}.pfm-zonas-ref-trigger-thumb-empty{align-items:center;color:#64748b;display:inline-flex;font-size:11px;font-weight:700;justify-content:center}.pfm-zonas-ref-floating{opacity:1;pointer-events:none;position:fixed;right:24px;top:95px;transform:translateY(0);transition:opacity .18s ease,transform .18s ease;width:420px;z-index:1200}.pfm-zonas-ref-floating .pfm-ref-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffffffa;border:1px solid #dbe3ec;box-shadow:0 14px 38px #0f172a2e}.pfm-zonas-ref-floating .pfm-ref-img{background:#fff;max-height:560px;object-fit:contain;width:100%}@media (max-width:1400px){.pfm-zonas-ref-floating{right:18px;width:300px}}@media (max-width:1100px){.pfm-zonas-ref-floating{display:none}}@media (max-width:768px){.pfm-static-card{border-radius:14px;padding:12px}.pfm-static-card-title{font-size:14px;margin-bottom:8px}.pfm-static-card-head{margin-bottom:8px}.pfm-static-talles-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.pfm-static-talle-chip{border-radius:11px;min-height:54px;padding:8px 7px}.pfm-static-talle-top{align-items:center;gap:4px}.pfm-static-talle-name{font-size:11px;line-height:1.1}.pfm-static-talle-qty{font-size:10px;min-width:auto;padding:3px 6px}.pfm-static-talle-detail{font-size:10px;line-height:1.25;margin-top:5px;max-height:28px;overflow:hidden}.pfm-static-zonas-layout{gap:10px;grid-template-columns:1fr!important}.pfm-static-zonas-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.pfm-static-zona-item{border-radius:11px;min-height:58px;padding:8px 7px}.pfm-static-zona-code{font-size:10px;min-width:auto;padding:4px 7px}.pfm-static-zona-text{font-size:10px;line-height:1.25;max-height:32px;overflow:hidden}.pfm-static-zona-group+.pfm-static-zona-group{margin-top:12px}.pfm-static-zona-group-title{font-size:12px;margin-bottom:6px}}.pedido-detalle{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:25px}body.dark-mode .pedido-detalle{background:#1f1f1f!important;box-shadow:0 2px 10px #00000073!important;color:#e5e7eb!important}.pedido-detalle h1{color:#0a74da;font-size:22px;margin-bottom:14px}.pedido-header-bar{grid-gap:14px;align-items:center;border-radius:12px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(180px,1fr));margin:12px 0 18px;padding:14px 16px}.pedido-header-item{align-items:baseline;display:flex;gap:8px;min-width:0}.pedido-header-label{font-size:13px;opacity:.85;white-space:nowrap}.pedido-header-value{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pedido-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:6px 10px;white-space:nowrap}body:not(.dark-mode) .pedido-header-bar{background:#fff;border:1px solid #00000014;box-shadow:0 6px 18px #0000000f;color:#111827}body:not(.dark-mode) .pedido-header-label{color:#334155}body:not(.dark-mode) .pedido-header-value{color:#0f172a}body:not(.dark-mode) .pedido-status-badge{background:#0096d11a;border:1px solid #0096d159;color:#007bb2}body.dark-mode .pedido-header-bar{background:#232323;border:1px solid #ffffff14;box-shadow:0 8px 22px #00000073;color:#e5e7eb}body.dark-mode .pedido-header-label{color:#cbd5e1}body.dark-mode .pedido-header-value{color:#f1f5f9}body.dark-mode .pedido-status-badge{background:#2da1ff26;border:1px solid #2da1ff59;color:#2da1ff}body.dark-mode .estado-entregado{background:#22c55e24;border:1px solid #22c55e59;color:#22c55e}body.dark-mode .estado-cancelado{background:#ef444424;border:1px solid #ef444459;color:#ef4444}@media (max-width:1100px){.pedido-header-bar{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:640px){.pedido-header-bar{grid-template-columns:1fr}}.acciones-detalle{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.btn-nuevo{background-color:#0a74da;color:#fff}.btn-nuevo,.btn-volver{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 14px}.btn-volver{background-color:#e5e7eb;color:#111827}body.dark-mode .btn-volver{background-color:#333;color:#e5e7eb}.tabla-productos{background:#0000;border:1px solid #00000014;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden}.tabla-productos thead th{background:#0a74da1a;border-bottom:1px solid #00000014;color:#0f172a;font-size:13px;font-weight:700;padding:12px;text-align:center}.tabla-productos tbody td{border-bottom:1px solid #0000000f;color:#111827;font-size:14px;padding:12px;vertical-align:middle}.tabla-productos tbody tr:nth-child(2n) td{background:rgba(0,0,0,.015)}.tabla-productos tbody tr:hover td{background:#0a74da0f}body.dark-mode .tabla-productos{border-color:#ffffff1a}body.dark-mode .tabla-productos thead th{background:#2da1ff2e;border-bottom:1px solid #ffffff1a;color:#e5e7eb!important}body.dark-mode .tabla-productos tbody td{border-bottom:1px solid #ffffff14;color:#e5e7eb!important}body.dark-mode .tabla-productos tbody tr:nth-child(2n) td{background:#ffffff08}body.dark-mode .tabla-productos tbody tr:hover td{background:#2da1ff1f!important}.pedido-empty{margin-top:18px;opacity:.85;text-align:center}body:not(.dark-mode) .pedido-empty{color:#64748b}body.dark-mode .pedido-empty{color:#cbd5e1}.tabla-productos tbody tr.fila-producto{cursor:pointer}body.dark-mode .tabla-productos tbody tr:hover{background:#0000!important}body.dark-mode .tabla-productos tbody tr:hover td{background:#ffffff0f!important;color:#e5e7eb!important}body.dark-mode .tabla-productos tbody tr:nth-child(2n):hover td{background:#ffffff14!important}.btn-config-columnas{background:#eef6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1254a1;cursor:pointer;font-weight:700;padding:10px 14px}.btn-config-columnas:hover{background:#dbeafe}.detalle-imagen-portada-wrap{align-items:center;display:inline-flex;justify-content:flex-start;min-width:56px;position:relative;width:56px}.detalle-imagen-portada-thumb{background:#fff;border:1px solid #dbe3ec;border-radius:8px;cursor:zoom-in;display:block;height:52px;object-fit:cover;width:52px}.detalle-imagen-portada-preview{background:#fff;border:1px solid #dbe3ec;border-radius:10px;box-shadow:0 10px 30px #0000002e;display:none;padding:8px;position:absolute;top:0;width:240px;z-index:9999}.detalle-imagen-portada-preview-left{right:calc(100% + 10px)}.detalle-imagen-portada-wrap:hover .detalle-imagen-portada-preview{display:block}.detalle-imagen-portada-preview-img{border-radius:6px;display:block;max-height:220px;max-width:220px;object-fit:contain;width:220px}.tabla-productos td,.tabla-productos th{overflow:visible}.td-talles-resumen{min-width:340px;white-space:normal}.td-costura-resumen{white-space:normal}@media (max-width:1200px){.detalle-costura-resumen{grid-template-columns:1fr}.td-talles-resumen{min-width:180px}.td-costura-resumen{min-width:150px}}.detalle-costura-resumen{border-left:none}.tabla-productos{border-collapse:collapse;overflow:visible;table-layout:auto;width:100%}.tabla-productos tbody,.tabla-productos td,.tabla-productos th,.tabla-productos tr{overflow:visible}.tabla-productos td,.tabla-productos th{vertical-align:middle}.td-imagenes-resumen{max-width:78px;min-width:78px;white-space:nowrap;width:78px}.td-cantidad{max-width:64px;min-width:64px;white-space:nowrap;width:64px}.td-acciones{max-width:56px;min-width:56px;white-space:nowrap;width:56px}.td-talles-resumen{min-width:320px;vertical-align:top}.td-costura-resumen{min-width:220px;vertical-align:top}.detalle-talles-resumen{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px;line-height:1.2;min-width:0;text-align:left;white-space:normal}.detalle-talle-chip{align-items:center;background:#0f172a0a;border:1px solid #94a3b838;border-radius:999px;display:inline-flex;font-size:11px;gap:4px;line-height:1.15;max-width:100%;min-width:0;padding:3px 6px}.detalle-talle-nombre{color:#334155;font-weight:800;white-space:nowrap}.detalle-talle-cantidad{color:#2563eb;font-weight:700;white-space:nowrap}.detalle-talle-unit{color:#64748b;font-weight:600}.detalle-talle-detalle{color:#64748b;max-width:130px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detalle-talle-divider{color:#cbd5e1;font-size:11px}.detalle-talle-sep{color:#94a3b8;font-weight:700}.detalle-costura-resumen{background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;gap:2px;line-height:1.2;margin:0;min-width:0;padding:0;text-align:left}.detalle-costura-item{color:#475569;font-size:11px;line-height:1.2;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detalle-costura-nombre{color:#334155;font-weight:700;margin-right:4px}.detalle-costura-valor{color:#64748b}.celda-texto-resumen{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productos-mobile-list{display:none!important}.tabla-productos-desktop{display:table}@media (max-width:768px){.pedido-detalle{border-radius:14px;padding:14px 14px 92px}.pedido-detalle h1{font-size:18px;margin-bottom:10px}.pedido-header-bar{gap:8px;margin:8px 0 12px;padding:12px}.pedido-header-item{gap:8px;justify-content:space-between}.pedido-header-label{font-size:12px}.pedido-header-value{font-size:13px}.pedido-status-badge{font-size:11px;padding:5px 8px}.acciones-detalle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.acciones-detalle .btn-nuevo{grid-column:1/-1;width:100%}.acciones-detalle .btn-config-columnas{display:none!important}.acciones-detalle .btn-volver{width:100%}.acciones-detalle button{border-radius:10px;font-size:13px;min-height:38px;padding:8px 10px}table.tabla-productos.tabla-productos-desktop{display:none!important}div.productos-mobile-list{margin-top:10px}.productos-mobile-list,div.productos-mobile-list{display:flex!important;flex-direction:column;gap:10px}.producto-mobile-card{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:16px;box-shadow:0 3px 12px #0f172a0f;padding:12px}.producto-mobile-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.producto-mobile-head div{display:flex;flex-direction:column;gap:2px;min-width:0}.producto-mobile-head strong{color:#0f172a;font-size:14px;line-height:1.2}.producto-mobile-head span{color:#64748b;font-size:12px}.producto-mobile-total{background:#0096d1;border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:4px 8px;white-space:nowrap}.producto-mobile-img{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:6px 0 8px;max-height:120px;object-fit:contain;width:100%}.producto-mobile-line{align-items:flex-start;display:flex;gap:5px;margin-top:4px}.producto-mobile-line small{color:#64748b;font-size:11px;font-weight:800;white-space:nowrap}.producto-mobile-line p{color:#334155;font-size:12px;line-height:1.35;margin:0}.producto-mobile-talles{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.producto-mobile-talles span{background:#eef6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1254a1;font-size:11px;font-weight:700;padding:4px 7px}.producto-mobile-actions{display:flex;gap:8px;margin-top:10px}.producto-mobile-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:12px;font-weight:800;padding:8px 10px}.producto-mobile-actions button:first-child{background:#0096d1;color:#fff}.producto-mobile-actions button:nth-child(2){background:#e2e8f0;color:#0f172a}body.dark-mode .producto-mobile-card{background:linear-gradient(135deg,#262626,#1f2933);border-color:#2da1ff40;color:#e5e7eb}body.dark-mode .producto-mobile-head strong{color:#f1f5f9}body.dark-mode .producto-mobile-head span,body.dark-mode .producto-mobile-line p,body.dark-mode .producto-mobile-line small{color:#cbd5e1}body.dark-mode .producto-mobile-talles span{background:#2da1ff24;border-color:#2da1ff4d;color:#2da1ff}body.dark-mode .producto-mobile-actions button:nth-child(2){background:#333;color:#e5e7eb}.producto-mobile-card{overflow:hidden;padding:0}.producto-mobile-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:14px}.producto-mobile-header-left{display:flex;flex-direction:column;gap:4px;min-width:0}.producto-mobile-header-left strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.producto-mobile-header-left span{color:#64748b;font-size:12px}.producto-mobile-arrow{color:#0096d1;flex-shrink:0;font-size:20px}.producto-mobile-actions,.producto-mobile-img,.producto-mobile-line,.producto-mobile-talles{margin-left:14px;margin-right:14px}.producto-mobile-actions{padding-bottom:14px}}.cdpm-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.cdpm-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0f172a3d;max-height:88vh;overflow:auto;padding:20px;width:min(760px,100%)}.cdpm-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.cdpm-title{color:#0f172a;font-size:22px;font-weight:800;margin:0}.cdpm-subtitle{color:#64748b;font-size:14px;line-height:1.45;margin:6px 0 0}.cdpm-close{background:#f1f5f9;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:18px;font-weight:700;height:38px;width:38px}.cdpm-list{display:flex;flex-direction:column;gap:12px}.cdpm-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.cdpm-row-left{min-width:0}.cdpm-label-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.cdpm-label{color:#0f172a;font-size:15px;font-weight:800}.cdpm-key{color:#64748b;font-size:12px;margin-top:4px}.cdpm-badge-lock{background:#e2e8f0;border-radius:999px;color:#334155;font-size:11px;font-weight:700;padding:4px 8px}.cdpm-row-actions{flex-wrap:wrap;gap:14px}.cdpm-row-actions,.cdpm-toggle{align-items:center;display:flex}.cdpm-toggle{color:#334155;font-size:13px;font-weight:700;gap:8px}.cdpm-order-actions{display:flex;gap:8px}.cdpm-btn-move{background:#e2e8f0;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:16px;font-weight:700;height:36px;width:36px}.cdpm-btn-move:disabled{cursor:not-allowed;opacity:.45}.cdpm-footer{display:flex;justify-content:flex-end;margin-top:20px}.cdpm-btn-secondary{background:#cbd5e1;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:10px 14px}.inicio-container{display:flex;flex-direction:column;padding:16px 16px 96px}.inicio-header{gap:12px;margin-bottom:20px}.search-bar{background:#fff;border:1px solid #cfd8e3;border-radius:10px;color:#111;flex:1 1;padding:10px 12px}.resumen-cards{display:flex;flex-wrap:wrap;gap:10px}.card{background:#f5f7fa;border:1px solid #e6e9ef;border-radius:12px;flex-basis:calc(33% - 10px);flex-grow:1;flex-shrink:1;padding:14px;text-align:center}.accesos-rapidos{grid-gap:15px;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px}.modulo{border:1px solid #e5e5e5;border-radius:12px;padding:16px;text-align:center;transition:.2s}.modulo:hover{background:#f0f8ff}.icon{color:#007bff;font-size:22px;margin-bottom:6px}body.dark-mode .search-bar{background:#1f1f1f;border-color:#444;color:#eaeaea}body.dark-mode .card,body.dark-mode .modulo{background:#262626;border-color:#3d3d3d;color:#d1d5db}body.dark-mode .modulo:hover{background:#2f2f2f}body.dark-mode .icon{color:#0096d1}.inicio-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.inicio-header-left{align-items:center;display:flex;gap:14px}.inicio-logo-wrap{align-items:center;display:flex;justify-content:center}.inicio-logo{background:#fff;border:1px solid #e5e7eb;border-radius:18px;height:80px;object-fit:contain;padding:6px;width:80px}.inicio-logo-wrap{min-width:70px}.inicio-logo-fallback{align-items:center;color:#0096d1;display:flex;font-size:22px;font-weight:700;justify-content:center}.inicio-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.resumen-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.kpi-card{display:flex;flex-direction:column;justify-content:space-between;min-height:130px}.kpi-card p{color:#64748b;font-size:14px;margin:0}.kpi-card h2{font-size:34px;line-height:1;margin:8px 0 0}.accesos-rapidos{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.modulo{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:110px;padding:18px}.modulo .icon{color:#0096d1;font-size:24px}.modulo span{font-weight:600}.config-container{background:#fff;background:var(--fondo,#fff);border-radius:14px;box-shadow:0 4px 14px #00000014;margin:0 auto;max-width:800px;padding:25px;transition:background-color .3s ease,color .3s ease}.config-header{align-items:center;display:flex;gap:10px;margin-bottom:25px}.config-icon{color:#0096d1;font-size:24px}.config-section{margin-bottom:30px}.config-section h2{border-left:4px solid #0096d1;color:#333;font-size:16px;margin-bottom:10px;padding-left:8px}.config-item{align-items:center;background:#f8fafc;border:1px solid #e3e8ec;border-radius:10px;display:flex;justify-content:space-between;padding:14px 18px;transition:all .3s ease}.config-item:hover{background:#f0f8ff}.btn-modo{align-items:center;background-color:#eaf7ff;border:2px solid #0096d1;border-radius:8px;color:#0096d1;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-modo.activo,.btn-modo:hover{background-color:#0096d1;color:#fff}body.dark-mode .config-container{background:#1f1f1f;color:#eaeaea}body.dark-mode .config-item{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .config-section h2{color:#f0f0f0}body.dark-mode .btn-modo{background-color:#2b2b2b;border-color:#0096d1;color:#eaeaea}body.dark-mode .btn-modo:hover{background-color:#0096d1;color:#fff}.config-note{color:#777;font-size:14px}body.dark-mode .config-note{color:#aaa}.config-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab-btn{align-items:center;background:#f1f5f9;border:1px solid #d1d5db;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s ease}.tab-btn:hover{background:#e2e8f0}.tab-btn.activo{background:#0096d1;border-color:#007bb2;color:#fff}body.dark-mode .tab-btn{background:#2a2a2a;border-color:#3a3a3a;color:#eaeaea}body.dark-mode .tab-btn.activo{background:#0096d1;color:#fff}@media (max-width:768px){.config-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-btn{flex:0 0 auto;white-space:nowrap}}.config-productos{padding:25px}.config-productos h1{color:#0096d1;font-size:22px;margin-bottom:20px}.descripcion{color:#666;font-size:15px;margin-bottom:15px}.switch-lista{display:flex;flex-direction:column;gap:14px;margin-top:20px}.switch-fila{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.switch-fila:hover{background:#eef6fa}.switch-label{color:#333;font-size:15px;font-weight:500}.switch-acciones{align-items:center;display:flex;gap:16px}.icono-config{color:#777;cursor:pointer;font-size:18px;transition:color .25s ease,transform .2s ease}.icono-config:hover{color:#0096d1;transform:rotate(30deg)}.switch{display:inline-block;height:24px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.switch input:checked+.slider{background-color:#0096d1}.switch input:checked+.slider:before{transform:translateX(22px)}body.dark-mode .switch-fila{background-color:#2b2b2b;border-color:#444}body.dark-mode .switch-label{color:#eaeaea}body.dark-mode .icono-config{color:#bbb}body.dark-mode .icono-config:hover{color:#0af}.btn-mini-agregar,.btn-mini-eliminar{background-color:#0096d1;color:#fff;padding:4px 8px;transition:background-color .2s ease}.btn-mini-eliminar{background-color:#e74c3c;margin-left:8px}.btn-mini-eliminar:hover{background-color:#c0392b}.preview-box{background:#f9f9f9}.preview-subzona-item{width:90px}.preview-subzona-item input{padding:4px 6px}.colores-editor{padding:15px 0}.colores-lista{margin-top:10px}.color-item{transition:background-color .2s ease}.color-nombre{color:#333;font-size:14px;font-weight:500}.color-preview{border-radius:50%;margin-right:8px}.color-actions{align-items:center;display:flex;gap:10px}.btn-color-add{background-color:#0096d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px 14px}.btn-color-add:hover{background-color:#007bb2}body.dark-mode .color-nombre{color:#eaeaea}body.dark-mode .color-preview{border-color:#666}.form-actions{gap:12px}.btn-guardar{background-color:#2ecc71;padding:8px 12px}.btn-guardar:hover{background-color:#27ae60}.cancelar{background-color:#aaa;color:#fff;font-weight:600;padding:8px 12px}.cancelar:hover{background-color:#888}.modal-overlay{background:#0006;height:100%;width:100%;z-index:9999}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px}body.dark-mode .modal-content{background:#2a2a2a}.talles-editor{display:flex;flex-direction:column;gap:12px}.talles-editor h2{color:#0096d1;font-size:20px;margin-bottom:8px}.talles-lista{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.talle-item{background-color:#f8fafc;border:1px solid #e5e7eb;font-size:14px;min-width:120px;padding:6px 10px}.talle-item span{color:#333;font-weight:500}.btn-mini-eliminar{color:#e74c3c;font-weight:700;margin-left:6px}.btn-mini-eliminar:hover{color:#c0392b}.btn-mini-agregar{padding:6px 12px;transition:background .2s}.preview-box{padding:12px}.preview-subzona-item{align-items:flex-start;border:1px solid #e0e0e0;min-width:100px;padding:6px 10px}.preview-subzona-item label{font-weight:500}.preview-subzona-item input{margin-top:4px;padding:4px;width:80px}body.dark-mode .talles-editor h2{color:#0af}body.dark-mode .talle-item{background-color:#2f2f2f;border-color:#444}body.dark-mode .talle-item span{color:#eaeaea}body.dark-mode .preview-box{background-color:#2b2b2b}body.dark-mode .preview-subzona-item{background-color:#333}body.dark-mode .preview-subzona-item label{color:#eaeaea}.colores-editor{padding:10px}.colores-lista{margin-bottom:15px}.color-item{background:#f9fafb;gap:12px;padding:8px 10px}.color-preview{border:1px solid #ddd;height:24px;width:24px}.color-item span{font-size:15px}.preview-colores{gap:12px;margin-top:10px}.preview-color-item label{font-size:14px;font-weight:500}body.dark-mode .color-item{background-color:#2b2b2b;border-color:#444}body.dark-mode .color-item span{color:#eaeaea}.colores-editor{padding:20px}.colores-lista{gap:10px;margin-top:15px}.color-item{border:1px solid #e3e8ec;padding:8px 12px}.color-preview{border:1px solid #ccc;border-radius:4px;height:28px;margin-right:10px;width:28px}.color-item span{flex:1 1}.preview-colores{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.preview-color-item{align-items:center;display:flex;gap:8px}.color-preview-mini{border:1px solid #ccc;border-radius:4px;height:22px;width:22px}.selector-color{background-color:#fff;margin-top:10px;padding:10px 12px}.preview-color{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:12px}.color-muestra{border:1px solid #ccc;border-radius:6px;height:36px;width:36px}.colores-editor{gap:16px}.color-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.selector-color{font-size:15px;padding:10px}.colores-editor{gap:14px}.colores-editor h2{color:#0096d1;font-size:18px;margin-bottom:4px}.colores-editor .descripcion{font-size:14px;line-height:1.5}.colores-lista{background:#f8fafc;border:1px solid #e3e8ec;gap:8px;padding:14px}.color-item{border:1px solid #e2e2e2;transition:background .25s ease}.color-item:hover{background:#eef6fa}.btn-mini-eliminar{background:none;color:#ff4d4d;transition:transform .2s ease}.btn-mini-eliminar:hover{transform:scale(1.2)}.btn-mini-agregar{background:#0096d1;border:none;font-size:14px;font-weight:500;margin-top:8px;transition:background .25s ease}.btn-mini-agregar:hover{background:#007bb2}.preview-box{background:#f1f5f9;border:1px solid #e2e8f0;padding:14px}.selector-color{border-radius:8px;font-size:14px;padding:8px 12px}body.dark-mode .colores-lista{background:#2a2a2a;border-color:#444}body.dark-mode .color-item{background-color:#333;border-color:#555}body.dark-mode .color-item span{color:#eee}body.dark-mode .preview-box{background:#2f2f2f}body.dark-mode .selector-color{background:#3a3a3a;border-color:#555;color:#eee}.zonas-editor{padding:20px}.zonas-editor h2{margin-bottom:6px}.zonas-editor .descripcion{color:#555}.referencia-img{background:#f9fafb;border:1px solid #e0e0e0;margin:18px 0;padding:10px}.remera-zonas{border-radius:10px;box-shadow:0 4px 10px #00000014;max-width:100%;width:280px}.img-subtexto{color:#666;margin-top:10px}.zona-grupo{background:#fff;margin-bottom:14px;padding:14px 16px;transition:box-shadow .2s ease}.zona-grupo:hover{box-shadow:0 4px 10px #0000000d}.zona-header{margin-bottom:8px}.zona-header h4{color:#0096d1;margin:0}.lista-editable{display:flex;flex-wrap:wrap;gap:8px;padding:0}.lista-editable li{background:#eef6fa;border:1px solid #cde5f3;border-radius:8px;color:#07a;font-size:14px;gap:6px}.btn-mini-agregar,.btn-mini-eliminar{border-radius:6px;font-size:13px;font-weight:500;transition:all .25s ease}.btn-mini-agregar{background-color:#0096d1;color:#fff;margin-top:10px}.btn-mini-agregar:hover{background-color:#007bb2}.btn-mini-eliminar{background:#0000;font-size:16px;line-height:1;padding:2px 4px}.btn-mini-eliminar:hover{color:#e63946}.zonas-actions{gap:12px;margin-top:10px}.zonas-actions .btn-agregar{background:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.zonas-actions .btn-agregar:hover{background:#009f7a}.zonas-actions .btn-guardar{background:#0096d1;border:none;border-radius:6px;color:#fff;font-weight:600;padding:8px 14px}.zonas-actions .btn-guardar:hover{background:#007bb2}.zonas-actions .cancelar{background:#f3f3f3;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:8px 14px}.zonas-actions .cancelar:hover{background:#e8e8e8}.preview-box{background:#f8fafc;border:1px solid #e3e8ec}.preview-box h4{color:#0096d1;font-size:16px}.preview-subzonas{gap:10px}.preview-subzona-item{flex-direction:column;gap:4px;width:110px}.preview-subzona-item label{color:#333}.preview-subzona-item input{border-radius:6px;color:#555;font-size:13px}body.dark-mode .zonas-editor{background:#1f1f1f}body.dark-mode .preview-box,body.dark-mode .zona-grupo{background:#2a2a2a;border-color:#444}body.dark-mode .preview-subzona-item input{background:#3a3a3a;border-color:#555;color:#eee}.zonas-editor{display:flex;flex-direction:column;gap:18px;padding:10px 5px 25px}.zonas-editor h2{color:#0096d1;font-size:20px;margin-bottom:5px}.zonas-editor .descripcion{color:#444;font-size:15px;line-height:1.5;margin-bottom:10px}.referencia-img{background:#f9f9f9;border:1px solid #e3e8ec;border-radius:10px;padding:16px;text-align:center}.remera-zonas{display:block;height:auto;margin:0 auto 10px;max-width:240px}.img-subtexto{color:#777;font-size:13px}.zona-grupo{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:10px;padding:10px 14px}.zona-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.zona-header h4{color:#333;font-size:16px;font-weight:600}.lista-editable{list-style:none;margin:0;padding-left:0}.lista-editable li{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:6px 10px}.btn-mini-agregar,.btn-mini-eliminar{background:none;border:none;cursor:pointer;font-size:14px;transition:color .2s ease}.btn-mini-agregar{color:#0096d1;margin-top:6px}.btn-mini-agregar:hover{color:#007bb2}.btn-mini-eliminar{color:#999}.btn-mini-eliminar:hover{color:#ff4d4d}.zonas-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-agregar,.btn-guardar,.cancelar{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 14px;transition:.25s ease}.btn-agregar{background:#e5f7ff;color:#0096d1}.btn-agregar:hover{background:#d0f0ff}.btn-guardar{background:#0096d1}.btn-guardar:hover{background:#007bb2}.cancelar{background:#f2f2f2;color:#555}.cancelar:hover{background:#e0e0e0}.preview-box{background:#f9fafb;border:1px solid #e5e7eb;margin-top:15px}.preview-zona{margin-bottom:10px}.preview-subzonas{display:flex;flex-wrap:wrap;gap:8px}.preview-subzona-item{background:#fff;border:1px solid #ddd;border-radius:6px;padding:5px 8px;width:130px}.preview-subzona-item label{color:#555;display:block;font-size:13px;margin-bottom:4px}.preview-subzona-item input{border-radius:4px;padding:5px;width:100%}body.dark-mode .preview-box,body.dark-mode .zona-grupo,body.dark-mode .zonas-editor{background-color:#2a2a2a;border-color:#444;color:#eaeaea}body.dark-mode .lista-editable li{background:#333;border-color:#555;color:#eee}body.dark-mode .preview-subzona-item{background:#333;border-color:#555}body.dark-mode .btn-agregar{background:#003d52;color:#0af}body.dark-mode .btn-guardar{background:#006fa1}body.dark-mode .cancelar{background:#444;color:#ddd}.referencia-img.unica{background:#f8f9fb;border-radius:10px;box-shadow:inset 0 0 10px #0000001a;flex-direction:column;margin:20px 0;padding:20px}.area-unica-demo,.referencia-img.unica{align-items:center;display:flex;justify-content:center}.area-unica-demo{background:linear-gradient(135deg,#e9efff,#d3e2ff);border:2px solid #07f;border-radius:12px;color:#07f;font-size:28px;font-weight:700;height:120px;margin-bottom:10px;transition:all .3s ease;width:120px}.area-unica-demo:hover{background:linear-gradient(135deg,#d9e8ff,#bcd1ff);transform:scale(1.05)}.img-subtexto{color:#555;font-size:14px;margin-top:8px;max-width:380px;text-align:center}.preview-imagenes{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.preview-imagen-item{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;padding:8px;width:120px}.preview-img{max-height:100%;max-width:100%;object-fit:contain}.texto-secundario{color:#777;font-size:.9em;margin-top:5px}.atributos-editor h2{color:#333;font-size:1.4rem;margin-bottom:.2rem}.atributos-editor .descripcion{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.atributos-lista{gap:10px}.atributo-item{background:#f9f9f9;border:1px solid #e1e1e1;border-radius:6px;padding:8px 10px;transition:background .2s ease}.atributo-item:hover{background:#f2faff}.atributo-nombre{color:#333;flex-grow:1;font-size:.95rem;font-weight:500}.atributo-controles{align-items:center;display:flex;gap:5px}.btn-mover{background:#e9f4ff;border:1px solid #bcdfff;border-radius:4px;color:#007bff;cursor:pointer;font-size:14px;padding:3px 6px;transition:all .15s ease}.btn-mover:hover{background:#007bff;color:#fff}.btn-mini-eliminar{background:#ffebee;border:1px solid #ffb3b3;color:#d32f2f;font-size:14px;padding:3px 6px;transition:all .15s ease}.btn-mini-eliminar:hover{background:#d32f2f;color:#fff}.btn-mini-agregar{align-self:flex-start;background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;font-size:.9rem;padding:6px 10px;transition:all .2s ease}.btn-mini-agregar:hover{background:#2e7d32}.form-actions{margin-top:20px}.btn-guardar{background:#007bff;font-size:.95rem;transition:background .2s ease}.btn-guardar:hover{background:#0056b3}.cancelar{background:#e0e0e0;border:none;font-size:.95rem;padding:8px 16px;transition:background .2s ease}.cancelar:hover{background:#c2c2c2}.preview-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:25px;padding:16px}.preview-box h4{font-weight:600;margin-bottom:12px}.preview-atributos{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:5px}.preview-atributo-item{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000000d;flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;gap:6px;min-width:220px;padding:10px}.preview-atributo-item label{font-weight:500}.preview-atributo-item input{background:#fafafa;border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:6px 8px}.atributos-editor{display:flex;flex-direction:column;gap:1.2rem}.atributos-lista{display:flex;flex-direction:column;gap:.6rem}.atributo-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:.6rem .8rem}.acciones-atributo button{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-left:5px}.preview-atributos{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:.8rem}.preview-atributo-item{background:#fafafa;border:1px solid #e3e3e3;border-radius:8px;display:flex;flex-direction:column;gap:.3rem;padding:.7rem}.preview-atributo-item label{color:#333;font-size:.9rem;font-weight:600}.preview-atributo-item input{background:#fdfdfd;border:1px solid #d0d0d0;border-radius:6px;padding:.4rem .5rem}.colores-editor{display:flex;flex-direction:column;gap:1rem}.colores-editor h2{color:#222;font-size:1.4rem}.colores-editor .descripcion{color:#555;font-size:.95rem;margin-bottom:.5rem}.colores-lista{background:#fafafa;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:10px 15px}.color-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;font-size:.95rem;justify-content:space-between;padding:6px 10px}.color-item span{color:#333;font-weight:500}.btn-mini-eliminar{background:#ff5b5b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:2px 6px;transition:.2s}.btn-mini-eliminar:hover{background:#e04848}.btn-mini-agregar{background:#0000;border:1px dashed #00a884;border-radius:6px;color:#00a884;cursor:pointer;font-weight:600;margin-top:4px;padding:6px;transition:.3s}.btn-mini-agregar:hover{background-color:#00a884;color:#fff}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1rem}.btn-guardar{background-color:#00a884;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:.2s}.btn-guardar:hover{background-color:#019871}.cancelar{background:#f4f4f4;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:8px 14px}.preview-box{border-top:1px solid #ddd;margin-top:1rem;padding-top:1rem}.preview-box h4{color:#333;font-size:1rem;margin-bottom:.5rem}.selector-color{background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;padding:8px;width:100%}.detalle-item{align-items:center;background:#f9fafc;border:1px solid #ddd;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 14px;transition:background .2s ease}.detalle-item:hover{background:#f1f3f6}.talle-nombre{color:#333;font-weight:600;width:90px}.detalle-item input[type=text]{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:14px;margin-left:12px;padding:8px 10px}.detalle-item input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.preview-box{background:#fff;border:1px solid #ddd;border-radius:10px;margin-top:20px;padding:15px}.preview-box h4{color:#222;font-size:15px;margin-bottom:10px}.preview-subzona-item{border-bottom:1px solid #eee;justify-content:space-between;padding:6px 0}.preview-subzona-item strong{color:#333;font-weight:600}.preview-subzona-item p{color:#555;font-size:13px;margin:0}.texto-secundario{color:#888;font-size:13px;font-style:italic;margin:10px 0}.talle-item{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.preview-subzona-item{align-items:center;display:flex;gap:10px;margin-bottom:8px}.preview-subzona-item input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:6px 8px}.referencia-personalizada-box{background:#fff;border:1px solid #dbe3ec;border-radius:10px;margin-top:14px;padding:14px;text-align:left}.referencia-personalizada-label{color:#1f2937;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.referencia-personalizada-input{border:1px solid #cfd8e3;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.referencia-personalizada-input:focus{border-color:#0096d1;box-shadow:0 0 0 3px #0096d11f}.referencia-personalizada-preview{margin-top:14px}.referencia-upload-wrap{gap:8px}.referencia-upload-btn{border-radius:8px;padding:10px 14px}.referencia-upload-btn:hover{opacity:.92}.referencia-upload-input-hidden{display:none}.referencia-upload-wrap{display:flex;flex-direction:column;gap:10px;margin-top:12px}.referencia-upload-btn{align-items:center;background:#0096d1;border:none;border-radius:10px;box-shadow:0 2px 8px #0096d12e;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-width:180px;padding:12px 16px;transition:.2s ease;width:-webkit-fit-content;width:fit-content}.referencia-upload-btn:hover{opacity:.93;transform:translateY(-1px)}.referencia-upload-help{color:#64748b;font-size:12px}.referencia-upload-actions{display:flex;justify-content:flex-end;margin-top:10px}.referencia-upload-error{color:#dc2626;font-size:12px;font-weight:600;margin-top:8px}.mobile-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;box-sizing:border-box;display:flex;height:70px;justify-content:space-around;left:0;max-width:100vw;overflow:visible;position:fixed;right:0;z-index:100}@media (min-width:900px){:root{--sidebar-w:260px}.mobile-menu{left:var(--sidebar-w);width:calc(100vw - var(--sidebar-w))}.menu-flotante{left:calc(var(--sidebar-w) + (100vw - var(--sidebar-w))/2);max-width:calc(100vw - var(--sidebar-w) - 24px);transform:translateX(-50%)}}.menu-btn{background:none;flex-direction:column;font-size:12px;gap:4px;outline:none;transition:all .3s ease}.btn-central,.menu-btn{align-items:center;border:none;cursor:pointer;display:flex}.btn-central{border-radius:50%;bottom:20px;height:60px;justify-content:center;position:relative;transition:transform .25s ease,box-shadow .3s ease;width:60px}.btn-central:hover{transform:scale(1.1)}.btn-central svg{stroke-width:2.2}.menu-flotante{animation:fadeIn .2s ease;border-radius:12px;bottom:78px;display:flex;flex-direction:column;gap:8px;left:50%;max-height:55vh;overflow-y:auto;padding:10px;position:fixed;transform:translateX(-50%);width:min(92vw,340px);z-index:120}.menu-flotante button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;transition:all .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}body:not(.dark-mode) .mobile-menu{background:#f5f5f5f2;border-top:1px solid #00000014;box-shadow:0 -2px 12px #00000014}body:not(.dark-mode) .menu-btn,body:not(.dark-mode) .menu-btn svg{color:#07f}body:not(.dark-mode) .menu-btn.active,body:not(.dark-mode) .menu-btn.active svg,body:not(.dark-mode) .menu-btn:hover,body:not(.dark-mode) .menu-btn:hover svg{color:#005fcc}body:not(.dark-mode) .btn-central{background-color:#07f;box-shadow:0 4px 15px #0077ff59;color:#fff}body:not(.dark-mode) .menu-flotante{background:#fff;box-shadow:0 4px 16px #00000026}body:not(.dark-mode) .menu-flotante button{color:#333}body:not(.dark-mode) .menu-flotante button:hover{color:#07f}body.dark-mode .mobile-menu{background:#232323f2;border-top:1px solid #ffffff14;box-shadow:0 -2px 12px #00000059}body.dark-mode .menu-btn,body.dark-mode .menu-btn svg{color:#ffffffd9}body.dark-mode .menu-btn.active,body.dark-mode .menu-btn.active svg,body.dark-mode .menu-btn:hover,body.dark-mode .menu-btn:hover svg{color:#2da1ff}body.dark-mode .btn-central{background-color:#07f;box-shadow:0 4px 15px #0077ff73;color:#fff}body.dark-mode .menu-flotante{background:#1f1f1f;border:1px solid #ffffff14;box-shadow:0 4px 16px #00000073}body.dark-mode .menu-flotante button{color:#ffffffe6}body.dark-mode .menu-flotante button:hover{color:#2da1ff}.menu-flotante-modulos{max-height:55vh;overflow-y:auto;overscroll-behavior:contain;width:min(92vw,340px)}.menu-flotante-separador{background:#78787840;height:1px;margin:4px 0}.menu-flotante-modulos button{border-radius:10px;justify-content:flex-start;padding:10px 12px;width:100%}.menu-flotante-modulos button svg{stroke:#0096d1;color:#0096d1;flex-shrink:0}body.dark-mode .menu-flotante-modulos button svg{stroke:#2da1ff;color:#2da1ff}.menu-flotante,.menu-flotante-modulos{box-sizing:border-box}.menu-flotante-modulos{max-width:calc(100vw - 24px)!important}.menu-flotante-modulos button{box-sizing:border-box;max-width:100%;overflow:hidden}.menu-flotante-modulos button,.menu-flotante-modulos button span{text-overflow:ellipsis;white-space:nowrap}.menu-flotante-modulos button svg{min-width:18px}.menu-flotante,.menu-flotante-modulos{overflow-x:hidden!important;overflow-y:auto!important}.menu-flotante-modulos{flex:1 1;gap:10px!important;overflow-y:visible;padding:12px!important;padding-bottom:0}.menu-flotante-modulos button{flex-shrink:0;gap:10px!important;min-height:42px;padding:11px 14px!important}.menu-flotante-separador{margin:6px 0!important}.mobile-overlay{background:#00000059;inset:0;position:fixed;z-index:150}.mobile-drawer{animation:drawer .18s ease;background:inherit;height:100vh;max-width:320px;position:fixed;right:0;top:0;width:75vw;z-index:160}.mobile-drawer-content{display:flex;flex-direction:column}.mobile-drawer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mobile-drawer-header button{background:none;border:none}.mobile-logout{align-items:center;border:none;border-radius:12px;display:flex;gap:10px;margin-top:200px;padding:14px;width:100%}body.dark-mode .mobile-drawer{background:#1f1f1f}body:not(.dark-mode) .mobile-drawer{background:#fff}@keyframes drawer{0%{transform:translateX(100%)}to{transform:none}}.menu-flotante-crear{max-height:none;width:min(86vw,280px)}.mobile-drawer .menu-flotante-modulos{background:#0000!important;border:none!important;box-shadow:none!important;gap:4px!important;padding:0!important}.mobile-drawer .menu-flotante-modulos button{background:#0000!important;border:none!important;border-radius:0!important;color:#0096d1!important;font-weight:600;justify-content:flex-start!important;padding:12px 4px!important;text-align:left!important}.mobile-drawer .menu-flotante-modulos button svg{stroke:#0096d1!important;color:#0096d1!important}.mobile-drawer .menu-flotante-modulos button:hover{background:#0096d114!important;border-radius:10px!important}.mobile-drawer .mobile-logout{background:#0000!important;color:#0096d1!important;font-weight:600;justify-content:flex-start!important;padding:12px 4px!important}.mobile-drawer .mobile-logout svg{stroke:#0096d1!important;color:#0096d1!important}.menu-flotante-crear{background:#fff!important;border:none!important;box-shadow:0 8px 24px #0000002e!important}.menu-flotante-crear button{background:#0000!important;color:#0096d1!important;font-weight:600;justify-content:flex-start!important}.menu-flotante-crear button svg{stroke:#0096d1!important;color:#0096d1!important}.menu-flotante-crear button:hover{background:#0096d114!important;border-radius:10px}body.dark-mode .menu-flotante-crear{background:#1f1f1f!important}.mobile-overlay-crear{background:#0000002e!important;z-index:115!important}.menu-flotante-crear{z-index:130!important}.desktop-only-btn{display:inline-flex}.mobile-only-btn{display:none}@media (max-width:768px){.desktop-only-btn{display:none!important}.mobile-only-btn{display:flex!important}}body{background-color:#f4f6f8;color:#1a1a1a;margin:0;padding:0;transition:background-color .3s,color .3s}*{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.container-primaria{background-color:#f8fafc;box-shadow:inset 0 0 0 1px #e3e8ec;margin-bottom:25px}.container-primaria,.container-secundaria{border-radius:14px;padding:25px;transition:all .3s ease}.container-secundaria{background-color:#fff;box-shadow:0 2px 12px #0000000f}.container-primaria:hover,.container-secundaria:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}h1,h2,h3,h4{color:#1b1b1b;font-weight:600}h1,h2,h3,h4{margin-bottom:10px}h3{border-left:4px solid #0096d1;margin-top:25px;padding-left:8px}button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;margin:4px;padding:10px 18px;transition:all .25s ease}.btn-guardar,.btn-nuevo,.btn-primario,.btn-primary{background-color:#0096d1;color:#fff}.btn-guardar:hover,.btn-nuevo:hover,.btn-primario:hover,.btn-primary:hover{background-color:#007bb2}.btn-cancelar,.btn-secundario,.btn-volver,.cancelar{background-color:#fff;border:2px solid #0096d1;color:#0096d1}.btn-cancelar:hover,.btn-secundario:hover,.btn-volver:hover,.cancelar:hover{background-color:#eaf7ff}table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-top:20px;overflow:hidden;width:100%}thead{background-color:#0096d1;color:#fff}td,th{border-bottom:1px solid #e6e9ed;font-size:14px;padding:12px 14px;text-align:left}tbody tr:hover{background-color:#f3f9fc}input,select,textarea{background-color:#fff;border:1px solid #d3d9de;border-radius:6px;color:#1a1a1a;font-size:14px;margin-bottom:14px;padding:10px 12px;transition:all .25s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#0096d1;box-shadow:0 0 0 2px #0096d126;outline:none}.modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-content{background-color:#fff;border-radius:14px;box-shadow:0 4px 18px #00000026;max-height:95vh;max-width:900px;overflow-y:auto;padding:25px;width:90%}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:6px}.app-layout{background-color:#f4f6f8;display:flex;min-height:100vh}.main-content{flex:1 1;padding:25px 25px 96px;transition:margin-left .3s ease}.main-content.sidebar-expandido{margin-left:230px}.main-content.sidebar-colapsado{margin-left:75px}@media (max-width:768px){.main-content{margin-left:0!important;padding:20px}table{font-size:13px}td,th{padding:8px}button{margin-bottom:8px;width:100%}.modal-content{padding:18px;width:96%}}body.dark-mode{background-color:#1c1c1c;color:#eaeaea}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode label,body.dark-mode p,body.dark-mode span,body.dark-mode td,body.dark-mode th{color:#d1d5db!important}body.dark-mode .main-content{background-color:#1f1f1f}body.dark-mode table{background-color:#252525;color:#eaeaea}body.dark-mode thead{background-color:#0096d1;color:#fff}body.dark-mode td,body.dark-mode th{border-color:#333}body.dark-mode tr:hover td{background-color:#2f2f2f!important;color:#f0f0f0!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#1f1f1f!important;border-color:#555!important;color:#eaeaea!important}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#0096d1!important;box-shadow:0 0 0 2px #0096d14d}body.dark-mode .modal-content{background-color:#2a2a2a;border:1px solid #444;color:#eaeaea}.app-layout.sidebar-expandido{--sidebar-w:230px}.app-layout.sidebar-colapsado{--sidebar-w:75px}.sidebar{width:var(--sidebar-w)}.main-content{margin-left:var(--sidebar-w)!important;width:calc(100vw - var(--sidebar-w))!important}@media (max-width:768px){.main-content{margin-left:0!important;width:100vw!important}}@media (min-width:900px){.mobile-menu{left:var(--sidebar-w)!important;right:0!important;width:calc(100vw - var(--sidebar-w))!important}.menu-flotante{left:calc(var(--sidebar-w) + (100vw - var(--sidebar-w))/2)!important;transform:translateX(-50%)!important}}th{-webkit-user-select:none;user-select:none}th[style*="cursor: pointer"]{transition:background-color .2s ease}body.dark-mode .form-card{background-color:#2a2a2a!important;border:1px solid #444;box-shadow:0 4px 14px #00000040;color:#f3f4f6!important}body.dark-mode .form-card h1,body.dark-mode .form-card h2,body.dark-mode .form-card h3,body.dark-mode .form-card label,body.dark-mode .form-card p,body.dark-mode .form-card span,body.dark-mode .form-field label,body.dark-mode .form-title{color:#f3f4f6!important}body.dark-mode .form-card input,body.dark-mode .form-card select,body.dark-mode .form-card textarea{background-color:#1f1f1f!important;border:1px solid #555!important;color:#f3f4f6!important}body.dark-mode .form-card input::placeholder,body.dark-mode .form-card textarea::placeholder{color:#9ca3af!important}body.dark-mode .alert-error{background-color:#dc262626;border:1px solid #f8717159;color:#fecaca!important}.ventas-page{display:flex;flex-direction:column;gap:18px}.ventas-topbar h1{margin:0}.ventas-topbar p{color:#666;margin:0}.ventas-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.ventas-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;padding:18px}.ventas-card-sticky-wrap{background:#0000;box-shadow:none;padding:0}.ventas-card-sticky{align-self:start;background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;height:-webkit-fit-content;height:fit-content;padding:18px;position:-webkit-sticky;position:sticky;top:20px}.ventas-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.ventas-card-header h2{font-size:18px;margin:0}.ventas-grid{grid-gap:14px;display:grid;gap:14px}.ventas-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ventas-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ventas-grid-top{gap:8px;grid-template-columns:1fr!important}.ventas-grid-top .ventas-field:first-child{max-width:120px}.ventas-field-cliente{min-width:0}.ventas-cliente-inline{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto}.ventas-cliente-inline input{width:100%}.ventas-btn-inline{align-self:end;height:38px;white-space:nowrap}.ventas-field{display:flex;flex-direction:column;gap:6px}.ventas-field label{color:#444;font-size:13px;font-weight:600}.ventas-field input,.ventas-field select{background:#fff;border:1px solid #d7dbe3;border-radius:10px;height:38px;outline:none;padding:0 12px}.ventas-field input:focus,.ventas-field select:focus{border-color:#0ea5e9}.ventas-subpanel{background:#fafbff;border:1px solid #e6e8ee;border-radius:12px;margin-top:14px;padding:14px}.ventas-subpanel h3{margin-bottom:12px;margin-top:0}.ventas-actions-row{display:flex;gap:10px;margin-top:12px}.ventas-items-actions{margin-bottom:8px}.ventas-table-wrap{overflow-x:auto;width:100%}.ventas-table{border-collapse:collapse;width:100%}.ventas-table td,.ventas-table th{border-bottom:1px solid #edf0f5;padding:6px;text-align:left;vertical-align:middle}.ventas-table td input{border:1px solid #d7dbe3;border-radius:8px;height:30px;padding:0 8px;width:100%}.ventas-resumen{display:flex;flex-direction:column;gap:12px}.ventas-resumen-row{align-items:center;display:flex;font-size:14px;gap:10px;justify-content:space-between}.ventas-total{font-size:17px;font-weight:700}.ventas-alert{border-radius:10px;font-size:14px;padding:12px 14px}.ventas-alert-error{background:#fee2e2;color:#991b1b}.ventas-alert-ok{background:#dcfce7;color:#166534}.ventas-mt{margin-top:18px}.ventas-bottom-card{margin-bottom:20px}.btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 14px}.btn-primary{background:#0ea5e9;color:#fff}.btn-primary:hover{background:#0284c7}.btn-secondary{background:#e5e7eb;color:#111827}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-full{width:100%}@media (max-width:900px){.ventas-layout{grid-template-columns:1fr}.ventas-card-sticky{position:static;top:auto}.ventas-card-sticky-wrap{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;padding:18px}.ventas-cliente-inline,.ventas-grid-pedido,.ventas-grid-top,.ventas-resumen-top{grid-template-columns:1fr}.ventas-pedido-field{max-width:100%}}@media (max-width:760px){.ventas-grid-2,.ventas-grid-3{grid-template-columns:1fr}.ventas-card{padding:14px}.ventas-table td,.ventas-table th{font-size:13px;padding:8px 6px}}.ventas-grid-pedido{gap:12px;grid-template-columns:.9fr 1.1fr}.ventas-pedido-field{max-width:520px}.ventas-pagos-lista{display:flex;flex-direction:column;gap:8px}.ventas-pago-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr 34px}.ventas-pago-item input,.ventas-pago-item select{margin-bottom:0}.ventas-pago-remove{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:34px;line-height:1;min-width:34px;padding:0;width:34px}.ventas-pago-remove:disabled{cursor:not-allowed;opacity:.5}.ventas-add-pago-btn{background:#0000;border:none;color:#0096d1;cursor:pointer;font-size:13px;font-weight:600;margin-top:4px;padding:6px 8px;text-align:left}.ventas-add-pago-btn:hover{text-decoration:underline}.ventas-acciones{align-items:center;display:flex;gap:6px}.btn-xs{border-radius:8px;font-size:12px;padding:6px 10px}.ventas-resumen-top{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 0 4px}.ventas-resumen-top-item{background:#f8fafc;border:1px solid #e6e8ee;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.ventas-resumen-top-item span{color:#6b7280;font-size:12px;font-weight:600}.ventas-resumen-top-item strong{color:#111827;font-size:14px}.ventas-mt-sm{margin-top:8px}.ventas-actions-row-bottom{align-items:end;margin-top:22px}.ventas-saldo-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-width:96px;padding:6px 12px}.ventas-saldo-ok{background:#dcfce7;color:#166534}.ventas-saldo-pendiente{background:#fee2e2;color:#991b1b}.ventas-top-editable{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 0 4px}.ventas-top-editable-item{background:#f8fafc;border:1px solid #e6e8ee;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.ventas-top-editable-item span{color:#6b7280;font-size:12px;font-weight:600}.ventas-top-editable-item strong{color:#111827;font-size:14px}.ventas-top-editable-pedido{background:#f8fafc}.ventas-top-editable-pedido-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.ventas-top-editable-pedido-row select{margin-bottom:0}.ventas-top-editable-pedido-row button{margin:0;white-space:nowrap}@media (max-width:1100px){.ventas-top-editable{grid-template-columns:1fr 1fr}}@media (max-width:760px){.ventas-top-editable,.ventas-top-editable-pedido-row{grid-template-columns:1fr}}.ventas-estado-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:4px 10px}.ventas-estado-ok{background:#dbeafe;color:#1d4ed8}.ventas-estado-anulado{background:#f3f4f6;color:#6b7280}.ventas-row-anulada{background:#fafafa;opacity:.65}.ventas-main-column{display:flex;flex-direction:column;gap:16px;min-width:0}.ventas-bloque{display:flex;flex-direction:column;gap:12px}.ventas-bloque .ventas-card-header{margin-bottom:0}.ventas-bloque .ventas-subpanel{background:#f8fafc;border:1px solid #e6e8ee}.ventas-saldo-favor{background:#dbeafe;color:#1d4ed8}.ventas-row-anulada{background:#f1f3f5}.ventas-row-anulada td{color:#6c757d}.ventas-row-anulada:hover{background:#e9ecef}.ventas-row-anulada .ventas-acciones .btn{opacity:.95}@media (max-width:768px){.ventas-page{gap:10px;padding-bottom:88px}.ventas-topbar h1{font-size:22px;margin:0}.ventas-layout{gap:12px;grid-template-columns:1fr}.ventas-card,.ventas-card-sticky,.ventas-card-sticky-wrap{border-radius:14px;padding:12px}.ventas-card-header{margin-bottom:8px}.ventas-card-header h2{font-size:16px}.ventas-grid-top{align-items:end;gap:8px;grid-template-columns:90px 1fr!important}.ventas-grid-pedido{gap:8px;grid-template-columns:1fr 1fr!important}.ventas-field label{font-size:11px;margin-bottom:2px}.ventas-field input,.ventas-field select{border-radius:8px;font-size:12px;height:34px;padding:0 8px}.ventas-cliente-inline{gap:6px;grid-template-columns:1fr}.ventas-btn-inline{font-size:12px;height:34px}.ventas-mt{margin-top:8px}.ventas-items-actions .btn{height:36px;padding:8px;width:100%}.ventas-table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow-x:hidden}.ventas-table{font-size:11px;table-layout:fixed;width:100%}.ventas-table td,.ventas-table th{overflow:hidden;padding:5px 4px;text-overflow:ellipsis;white-space:nowrap}.ventas-table td:first-child,.ventas-table th:first-child{width:38%}.ventas-table td:nth-child(2),.ventas-table th:nth-child(2){width:13%}.ventas-table td:nth-child(3),.ventas-table td:nth-child(4),.ventas-table th:nth-child(3),.ventas-table th:nth-child(4){width:20%}.ventas-table td:nth-child(5),.ventas-table th:nth-child(5){width:9%}.ventas-table td input{border-radius:6px;font-size:11px;height:28px;padding:0 5px}.ventas-table .btn-danger{border-radius:6px;font-size:0;height:24px;padding:0;width:24px}.ventas-table .btn-danger:after{content:"×";font-size:15px}.ventas-pago-item{gap:6px;grid-template-columns:1fr 1fr 30px}.ventas-grid-top{align-items:end}.ventas-cliente-inline{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr}.ventas-btn-inline{align-items:center;display:flex;height:34px;justify-content:center;margin-top:0}.ventas-grid-top .ventas-field:first-child{align-self:end}}.ventas-mobile-list{display:none}@media (max-width:768px){.ventas-table-desktop{display:none!important}.ventas-mobile-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.venta-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:12px}.venta-mobile-card.is-anulada{background:#f8fafc;opacity:.7}.venta-mobile-top{display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.venta-mobile-top div{display:flex;flex-direction:column;gap:2px}.venta-mobile-top strong{color:#0096d1;font-size:15px}.venta-mobile-top span{font-size:13px;font-weight:600}.venta-mobile-info,.venta-mobile-money{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.venta-mobile-info small,.venta-mobile-money small{color:#64748b;font-size:11px;font-weight:700}.venta-mobile-info p,.venta-mobile-money strong{font-size:13px;margin:2px 0 0}.venta-mobile-btn{font-size:13px;height:36px;margin-top:6px;width:100%}.ventas-mobile-empty{color:#888;margin-top:12px;text-align:center}}.venta-money-warning{color:#ef4444}.venta-money-ok{color:#22c55e}@media (max-width:768px){.ventas-bloque .ventas-table-wrap{overflow-x:auto}.ventas-bloque .ventas-table{min-width:620px}.ventas-bloque .ventas-table td:last-child,.ventas-bloque .ventas-table th:last-child{min-width:76px;text-align:center;width:76px}.ventas-bloque .ventas-table td:last-child .btn-xs{align-items:center;display:inline-flex;font-size:11px;height:28px;justify-content:center;min-width:64px;padding:4px 8px;white-space:nowrap}}.ventas-importar-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.ventas-importar-modal{background:#fff;border-radius:16px;max-width:95%;padding:20px;width:520px}.ventas-importar-preview{display:flex;flex-direction:column;gap:8px;margin:16px 0}.ventas-importar-item{background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;padding:10px}.ventas-importar-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.produccion-page{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:calc(100vh - 80px);min-height:0;padding:16px}.produccion-page-header h2{font-size:22px;margin:0}.produccion-board{overflow-x:auto;padding-bottom:8px}.produccion-column{background:#f6f7f9}.produccion-column-header{align-items:center}.produccion-column-title{font-size:14px;font-weight:600}.produccion-column-count{opacity:.7}.produccion-column-body{display:flex;flex-direction:column;gap:10px;min-height:60px}.produccion-card{padding:12px}.produccion-page-header{display:flex;flex-direction:column;gap:12px}.produccion-page-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.btn-produccion-cancelar,.btn-produccion-primario,.btn-produccion-secundario{border:none;border-radius:10px;cursor:pointer;font-size:13px;padding:8px 12px}.btn-produccion-secundario{background:#eef1f6;color:#333}.btn-produccion-primario{background:#7c3aed;color:#fff}.btn-produccion-cancelar{background:#f2f3f5;color:#555}.produccion-nueva-columna-box{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.produccion-input-columna{border:1px solid #d9dee8;border-radius:10px;max-width:320px;min-width:260px;outline:none;padding:10px 12px}.produccion-column-header{align-items:flex-start;justify-content:space-between;margin-bottom:12px}.produccion-column-header-main{flex:1 1}.produccion-column-header-right{align-items:center;display:flex;gap:8px}.produccion-columna-btn{background:#eef1f6;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:13px;height:24px;line-height:1;width:24px}.produccion-columna-btn.eliminar{background:#fdeeee;color:#c62828}.produccion-columna-editar-box{align-items:center;display:flex;gap:6px}.produccion-columna-editar-input{border:1px solid #d9dee8;border-radius:8px;font-size:13px;outline:none;padding:6px 8px;width:150px}.produccion-columna-btn-guardar{background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px}.produccion-card-drag-handle{background:#0000;border:none;color:#999;cursor:grab;font-size:14px;line-height:1;min-width:18px;padding:0}.produccion-card-drag-handle:active{cursor:grabbing}.produccion-card.dragging{z-index:20}.produccion-card-cliente,.produccion-card-numero{margin-bottom:6px}.produccion-card-fecha{margin-bottom:8px}.produccion-card.finalizando{animation:produccionFadeOutFinal 2.5s ease forwards}@keyframes produccionFadeOutFinal{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.01)}to{opacity:0;transform:scale(.96)}}.produccion-board-wrapper{border-radius:12px;flex:1 1;min-height:0;overflow:auto}.produccion-board{align-items:flex-start;display:flex;gap:16px;min-width:-webkit-max-content;min-width:max-content;padding-bottom:12px}.produccion-column{border:2px solid #d9dee8;border-radius:12px;box-sizing:border-box;flex-shrink:0;max-width:280px;min-height:300px;min-width:280px;padding:12px;transition:width .2s ease,min-width .2s ease,max-width .2s ease}.produccion-column.contraida{max-width:56px;min-width:56px;overflow:hidden;padding:10px 8px}.produccion-column.contraida .produccion-column-header{align-items:center;flex-direction:column;gap:10px}.produccion-column.contraida .produccion-column-header-main{width:100%}.produccion-column.contraida .produccion-column-title{font-size:11px;margin:0 auto;max-height:180px;overflow:hidden;text-align:center;text-overflow:ellipsis;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.produccion-column.contraida .produccion-column-header-right{flex-direction:column;gap:8px}.produccion-column.contraida .produccion-column-count{font-size:12px;font-weight:700}.produccion-column.contraida .produccion-column-body{min-height:40px}.produccion-column{position:relative}.produccion-column-body{min-height:220px;padding-bottom:30px}.produccion-page-header-actions{gap:10px}.produccion-select-orden{background:#fff;border:1px solid #d9dee8;border-radius:10px;color:#333;font-size:13px;outline:none;padding:8px 10px}.produccion-card-mini-btn{background:#eef1f6;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:12px;height:24px;line-height:1;width:24px}.produccion-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.produccion-modal{background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;gap:10px;max-width:420px;padding:18px;width:100%}.produccion-modal h3{font-size:18px;margin:0 0 6px}.produccion-modal label{color:#444;font-size:13px;font-weight:600}.produccion-modal-input{border:1px solid #d9dee8;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.produccion-colores-box{display:flex;flex-wrap:wrap;gap:8px}.produccion-color-btn{background:#fff;border:1px solid #d9dee8;border-radius:999px;cursor:pointer;font-size:12px;padding:6px 10px;text-transform:capitalize}.produccion-color-btn.activo{border-color:#7c3aed;color:#7c3aed;font-weight:700}.produccion-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.produccion-column-header{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.produccion-column-header-main{min-width:0;width:100%}.produccion-column-title{color:#2f2f2f;font-size:13px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}.produccion-column-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between}.produccion-column-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.produccion-column-count{color:#666;flex-shrink:0;font-size:12px;font-weight:700}.produccion-card-meta-top{align-items:center;display:flex;gap:8px;justify-content:flex-start;min-width:0}.produccion-card{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;display:flex;gap:10px;padding:10px 12px;-webkit-user-select:none;user-select:none}.produccion-card-clickable{cursor:pointer;flex:1 1}.produccion-card-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.produccion-card-top-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.produccion-card-numero{font-size:14px;font-weight:700;margin-bottom:0}.produccion-card-cliente{color:#444;font-size:13px;font-weight:700}.produccion-card-fecha{color:#666;font-size:12px}.produccion-card-link{align-self:flex-start;background:#0000;border:none;color:#0a74da;cursor:pointer;font-size:12px;font-weight:700;margin:0;padding:0;text-decoration:underline}.produccion-card-link:hover{opacity:.85}.produccion-card-tiempo{align-items:center;background:#0f172a0a;border-radius:8px;color:#64748b;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px;white-space:nowrap}.produccion-card-tiempo-icono{font-size:12px;line-height:1;opacity:.8}.produccion-card-metros{background:#0f172a0a;border-radius:8px;color:#0f172a;font-size:12px;padding:4px 8px}.produccion-card-marca,.produccion-card-metros{align-items:center;display:inline-flex;font-weight:700}.produccion-card-marca{align-self:flex-start;border-radius:999px;font-size:11px;justify-content:center;line-height:1;max-width:100%;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.produccion-card-asignado{align-items:center;background:#0f172a0a;border:1px solid #94a3b82e;border-radius:8px;color:#334155;display:flex;font-size:12px;gap:6px;min-width:0;padding:5px 8px}.produccion-card-asignado-icono{flex:0 0 auto}.produccion-card-asignado-texto{font-weight:600;min-width:0}.produccion-card-asignado-texto,.produccion-card-nota{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produccion-card-nota{background:#94a3b814;border-radius:8px;color:#475569;font-size:12px;line-height:1.25;max-width:100%;padding:6px 8px}.produccion-card-usuario{color:#94a3b8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .produccion-card-asignado{background:#ffffff0d;border-color:#ffffff14;color:#e5e7eb}body.dark-mode .produccion-card-tiempo{background:#ffffff0d;color:#cbd5e1}body.dark-mode .produccion-card-metros{background:#ffffff0d;color:#f1f5f9}body.dark-mode .produccion-card-nota{background:#ffffff0d;color:#e2e8f0}body.dark-mode .produccion-card-usuario{color:#94a3b8}@media (max-width:560px){.produccion-card-layout{grid-template-columns:1fr}.produccion-card-side{border-left:none;border-top:1px solid #00000014;padding-left:0;padding-top:8px}}.produccion-card-clickable{min-width:0;width:100%}.produccion-card-layout{grid-column-gap:10px!important;grid-row-gap:0!important;align-items:start!important;column-gap:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 98px!important;min-width:0;row-gap:0!important;width:100%}.produccion-card-layout>.produccion-card-main{grid-column:1!important;grid-row:1!important;min-width:0}.produccion-card-layout>.produccion-card-side{align-items:stretch!important;border-left:1px solid #00000014;display:flex!important;flex-direction:column!important;gap:6px!important;grid-column:2!important;grid-row:1!important;justify-self:stretch;min-width:0;padding-left:10px;width:98px!important}.produccion-card-main,.produccion-card-side .produccion-card-meta-row{display:flex;flex-direction:column;gap:6px;min-width:0}.produccion-card-side .produccion-card-meta-row{align-items:stretch}.produccion-card-side .produccion-card-asignado,.produccion-card-side .produccion-card-marca,.produccion-card-side .produccion-card-metros,.produccion-card-side .produccion-card-tiempo,.produccion-card-side .produccion-card-usuario{box-sizing:border-box;width:100%}@media (max-width:900px){.produccion-card-layout{grid-template-columns:minmax(0,1fr) 98px!important}.produccion-card-layout>.produccion-card-side{border-left:1px solid #00000014!important;border-top:none!important;grid-column:2!important;grid-row:1!important;padding-left:10px!important;padding-top:0!important}}.produccion-etiqueta-nueva-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px}body.dark-mode .produccion-etiqueta-nueva-box{background:#ffffff0a;border-color:#ffffff14}.produccion-historial-box{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:10px}.produccion-historial-title{color:#333;font-size:14px;font-weight:700;margin:0 0 10px}.produccion-historial-lista{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.produccion-historial-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.produccion-historial-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.produccion-historial-fecha{color:#64748b;font-size:11px;font-weight:600}.produccion-historial-linea{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:6px}.produccion-historial-flecha{color:#7c3aed;font-weight:700}.produccion-historial-meta{color:#475569;font-size:12px;line-height:1.35}.produccion-historial-empty{color:#64748b;font-size:12px;margin:0}body.dark-mode .produccion-historial-box{border-top-color:#ffffff14}body.dark-mode .produccion-historial-title{color:#e5e7eb}body.dark-mode .produccion-historial-item{background:#ffffff08;border-color:#ffffff14}body.dark-mode .produccion-historial-fecha{color:#94a3b8}body.dark-mode .produccion-historial-linea{color:#f1f5f9}body.dark-mode .produccion-historial-empty,body.dark-mode .produccion-historial-meta{color:#cbd5e1}@media (max-width:768px){.produccion-page{height:calc(100vh - 70px);padding:12px 12px 92px}.produccion-page-header-top{align-items:stretch;flex-direction:column;gap:10px}.produccion-page-header-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr auto}.produccion-select-orden{font-size:12px;min-width:0;padding:7px 8px;width:100%}.btn-produccion-secundario{font-size:12px;padding:7px 9px;white-space:nowrap}.produccion-board-wrapper{overflow-x:auto;overflow-y:auto}.produccion-board{gap:12px;padding-bottom:14px}.produccion-column{max-width:calc(100vw - 48px);min-width:calc(100vw - 48px);padding:10px}.produccion-column.contraida{max-width:52px;min-width:52px}.produccion-card{gap:6px;padding:9px}.produccion-card-drag-handle{font-size:12px;min-width:14px}.produccion-card-layout{grid-template-columns:1fr!important}.produccion-card-layout>.produccion-card-side{border-left:none!important;border-top:1px solid #00000014!important;grid-column:1!important;grid-row:auto!important;margin-top:6px;padding-left:0!important;padding-top:6px!important;width:100%!important}.produccion-card-side .produccion-card-meta-row{flex-direction:row;flex-wrap:wrap}.produccion-card-side .produccion-card-asignado,.produccion-card-side .produccion-card-marca,.produccion-card-side .produccion-card-metros,.produccion-card-side .produccion-card-tiempo,.produccion-card-side .produccion-card-usuario{max-width:100%;width:auto}.produccion-card-cliente{font-size:13px}.produccion-card-fecha,.produccion-card-link,.produccion-card-nota{font-size:11px}.produccion-card-layout{grid-template-columns:minmax(0,1fr)!important}.produccion-card-layout>.produccion-card-side{border-left:none!important;border-top:1px solid #00000014!important;grid-column:1!important;margin-top:6px;max-width:100%!important;padding-left:0!important;padding-top:6px!important;width:auto!important}.produccion-card-side .produccion-card-meta-row{flex-direction:row!important;flex-wrap:wrap!important}.produccion-card-side .produccion-card-asignado,.produccion-card-side .produccion-card-marca,.produccion-card-side .produccion-card-metros,.produccion-card-side .produccion-card-tiempo,.produccion-card-side .produccion-card-usuario{max-width:100%!important;width:auto!important}.produccion-column-body{max-height:calc(100vh - 250px);overflow-y:auto}.produccion-board-wrapper{overflow-x:auto!important;overflow-y:hidden!important}.produccion-board{align-items:flex-start!important;display:flex!important}.produccion-column{max-width:calc(100vw - 48px)!important;min-width:calc(100vw - 48px)!important;overflow:hidden!important}.produccion-column-body{max-height:calc(100vh - 260px)!important;overflow-x:hidden!important;overflow-y:auto!important}.produccion-card{box-sizing:border-box!important;display:block!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.produccion-card-drag-handle{float:left;margin-right:6px}.produccion-card-clickable,.produccion-card-layout,.produccion-card-main,.produccion-card-side{display:block!important;max-width:100%!important;min-width:0!important;width:100%!important}.produccion-card-main,.produccion-card-side{box-sizing:border-box!important}.produccion-card-side{border-left:none!important;border-top:1px solid #00000014!important;margin-top:6px!important;padding-left:0!important;padding-top:6px!important}.produccion-card-side .produccion-card-meta-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important}.produccion-card-asignado,.produccion-card-marca,.produccion-card-metros,.produccion-card-nota,.produccion-card-tiempo,.produccion-card-usuario{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}.produccion-page{height:calc(100vh - 70px)!important;overflow:hidden!important}.produccion-board-wrapper{height:100%!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important}.produccion-column{display:flex!important;flex-direction:column!important;max-height:calc(100vh - 190px)!important}.produccion-column-header{flex-shrink:0!important}.produccion-column-body{flex:1 1!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:3px}.produccion-card-main{gap:5px!important}.produccion-card-link{border-top:1px solid #0000000f!important;display:block!important;margin-top:3px!important;padding:5px 0!important;text-align:center!important;width:100%!important}.produccion-card-side,.produccion-card-side .produccion-card-meta-row{gap:4px!important}.produccion-board-wrapper{height:calc(100vh - 190px)!important;max-height:calc(100vh - 190px)!important;overflow-x:auto!important;overflow-y:hidden!important}.produccion-board,.produccion-column{height:100%!important}.produccion-column{max-height:100%!important;overflow:hidden!important}.produccion-column-body{height:calc(100% - 58px)!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:24px!important}.produccion-card{height:auto!important;min-height:auto!important}.produccion-card,.produccion-card-clickable,.produccion-card-layout,.produccion-card-main{overflow:visible!important}.produccion-card-link{background:#0096d114!important;border-radius:8px!important;display:block!important;margin-top:6px!important;opacity:1!important;padding:6px 0!important;text-align:center!important;text-decoration:none!important;visibility:visible!important;width:100%!important}.produccion-column{max-width:calc(95vw - 48px)!important;min-width:calc(95vw - 48px)!important}.produccion-board{gap:10px!important;padding-right:18px!important}.produccion-card{border-radius:12px!important;padding:10px!important}.produccion-card-top-row{margin-bottom:4px!important}.produccion-card-numero{font-size:13px!important}.produccion-card-cliente{font-size:13px!important;line-height:1.2!important}.produccion-card-fecha{font-size:11px!important;margin-bottom:4px!important}.produccion-card-link{align-self:flex-start!important;background:#0096d114!important;border-radius:7px!important;color:#007bb2!important;font-size:11px!important;padding:4px 8px!important;text-decoration:none!important;width:auto!important}.produccion-card-layout{display:block!important}.produccion-card-side{border:none!important;margin-top:6px!important;padding:0!important;width:100%!important}.produccion-card-side .produccion-card-meta-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}.produccion-card-tiempo{font-size:11px!important;padding:4px 7px!important;width:auto!important}.produccion-card-marca{font-size:10px!important;max-width:100%!important;padding:4px 7px!important;width:auto!important}.produccion-card-top-row{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important}.produccion-card-numero{background:#eef6ff!important;border-radius:999px!important;color:#0077b6!important;display:inline-flex!important;font-size:12px!important;font-weight:700!important;line-height:1!important;margin:0!important;padding:4px 8px!important}body.dark-mode .produccion-card-numero{background:#00aeef26!important;color:#66d0ff!important}.produccion-card-mobile-mainline{align-items:center!important;display:flex!important;gap:6px!important;min-width:0!important;width:100%!important}.produccion-card-pedido-numero{background:#eef6ff;border-radius:999px;color:#0077b6;flex-shrink:0;font-size:11px;font-weight:800;padding:4px 7px}.produccion-card-cliente{flex:1 1;font-size:13px!important;font-weight:800;margin:0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produccion-card-fecha{color:#64748b;flex-shrink:0;font-size:10px!important;font-weight:600;margin:0!important;white-space:nowrap}.produccion-card-link{font-size:12px!important;margin-top:6px!important;padding:7px 10px!important;text-align:center!important;width:100%!important}.produccion-card,.produccion-card-clickable,.produccion-card-layout,.produccion-card-main{touch-action:pan-x pan-y!important}.produccion-card-drag-handle{align-items:center!important;display:inline-flex!important;font-size:16px!important;height:32px!important;justify-content:center!important;min-width:28px!important;touch-action:none!important;width:28px!important}.produccion-board-wrapper{touch-action:pan-x!important}.produccion-column-body{touch-action:pan-y pan-x!important}}.produccion-modal-overlay{align-items:flex-start!important;box-sizing:border-box!important;overflow-y:auto!important;padding:24px 12px!important}.produccion-modal{margin:auto!important;max-height:calc(100vh - 48px)!important;overflow-y:auto!important;overscroll-behavior:contain}@media (max-width:768px){.produccion-modal-overlay{padding:14px 10px 90px!important}.produccion-modal{max-height:calc(100vh - 110px)!important;max-width:420px!important;width:100%!important}}.produccion-card-mobile-fecha,.produccion-card-mobile-mainline{display:none}.produccion-card-desktop-info{display:block}@media (min-width:769px){.produccion-card-mobile-fecha,.produccion-card-mobile-mainline,.produccion-card-pedido-numero{display:none!important}.produccion-card-desktop-info{display:block!important}.produccion-card-desktop-info .produccion-card-cliente{margin-bottom:6px!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.produccion-card-desktop-info .produccion-card-fecha{display:block!important;margin-bottom:6px!important;white-space:normal!important}}@media (max-width:768px){.produccion-card-desktop-info{display:none!important}.produccion-card-mobile-mainline{align-items:center!important;display:flex!important;gap:6px!important;min-width:0!important;width:100%!important}.produccion-card-mobile-fecha{color:#64748b;display:block!important;font-size:11px!important;font-weight:600;margin-top:3px}.produccion-card-pedido-numero{background:#eef6ff!important;border-radius:999px!important;color:#0077b6!important;display:inline-flex!important;flex-shrink:0!important;font-size:11px!important;font-weight:800!important;padding:4px 7px!important}.produccion-card-cliente-mobile{flex:1 1!important;font-size:13px!important;font-weight:800!important;margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}.produccion-card-clickable{overflow:visible!important;position:relative}.produccion-card-cover{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;height:105px;margin-bottom:8px;overflow:visible;position:relative;width:100%;z-index:1}.produccion-card-cover img{background:#fff;border-radius:10px;cursor:zoom-in;display:block;height:100%;object-fit:contain;object-position:center;position:relative;transition:transform .22s ease .65s,box-shadow .22s ease .65s;width:100%;z-index:2}.produccion-card-cover:not(:hover) img{transition-delay:0s}@media (hover:hover) and (min-width:769px){.produccion-card-cover img:hover{box-shadow:0 12px 40px #0000004d;transform:scale(1.5);transform-origin:center center;z-index:9999}.produccion-card:hover{z-index:50}.produccion-card:hover,.produccion-column,.produccion-column-body{overflow:visible!important}}.produccion-card-cover:after{display:none}.produccion-card-main{color:inherit;justify-content:flex-start;min-height:auto;padding:0;position:static;z-index:auto}.produccion-archivos-box,.produccion-archivos-lista{display:flex;flex-direction:column;gap:8px}.produccion-archivo-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.produccion-archivo-item a{color:#0a74da;flex:1 1;font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.produccion-etiquetas-details{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.produccion-etiquetas-details summary{color:#334155;cursor:pointer;font-size:13px;font-weight:700}.produccion-etiquetas-checklist{grid-gap:8px;display:grid;gap:8px;margin-top:10px;max-height:180px;overflow-y:auto}.produccion-etiqueta-check{display:flex;font-size:13px}.produccion-etiqueta-preview{color:#334155}.produccion-card-etiquetas{display:flex;flex-wrap:wrap;gap:5px}.produccion-card-etiquetas .produccion-card-marca{max-width:100%;width:auto!important}.produccion-modal-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:12px}.produccion-modal-section h4{border-bottom:1px solid #e5e7eb;color:#334155;font-size:13px;font-weight:800;margin:0;padding-bottom:8px}.produccion-modal-section label{margin-top:2px}.produccion-modal-section .btn-produccion-cancelar,.produccion-modal-section .btn-produccion-secundario{width:-webkit-fit-content;width:fit-content}body.dark-mode .produccion-modal-section{background:#ffffff0a;border-color:#ffffff14}body.dark-mode .produccion-modal-section h4{border-bottom-color:#ffffff14;color:#e5e7eb}.produccion-etiqueta-check{border-radius:8px;padding:6px 8px}.produccion-etiqueta-check-row{grid-gap:8px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:6px 8px}.produccion-etiqueta-check{grid-gap:8px;align-items:center;display:grid!important;gap:8px;grid-template-columns:18px minmax(0,1fr);margin:0;min-width:0}.produccion-etiqueta-check input{justify-self:center;margin:0}.produccion-etiqueta-preview{align-items:center;display:inline-flex;font-size:12px;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:-webkit-fit-content;width:fit-content}.produccion-etiqueta-actions{display:flex;gap:4px}.produccion-etiqueta-actions button{background:#eef1f6;border:none;border-radius:7px;color:#334155;cursor:pointer;font-size:12px;font-weight:800;height:24px;width:24px}.produccion-etiqueta-actions button:last-child{background:#fdeeee;color:#c62828}body.dark-mode .produccion-etiqueta-check-row{background:#ffffff0a;border-color:#ffffff14}body.dark-mode .produccion-etiqueta-actions button{background:#ffffff14;color:#e5e7eb}body.dark-mode .produccion-etiqueta-actions button:last-child{background:#dc35452e;color:#ffb4b4}.produccion-busqueda-input{background:#fff;border:1px solid #d9dee8;border-radius:10px;color:#333;font-size:13px;min-width:220px;outline:none;padding:8px 10px}@media (max-width:768px){.produccion-card-cover{height:95px;margin-bottom:7px}.produccion-card-mobile-mainline .produccion-card-pedido-numero{display:none!important}.produccion-busqueda-input{grid-column:1/-1;min-width:0;width:100%}}.produccion-page-header-actions{align-items:center;display:flex;gap:8px;justify-content:flex-start}.produccion-busqueda-input{margin-left:-50px}.produccion-select-orden{min-width:150px}.produccion-busqueda-input{min-width:120px;width:150px}.produccion-busqueda-wrapper{margin-left:-90px}.produccion-busqueda-input{min-width:180px;width:180px}@media (max-width:768px){.produccion-page-header-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.produccion-busqueda-input{grid-column:1/-1;width:100%}.produccion-select-orden{min-width:0;width:100%}}.produccion-archivo-item.compacto{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;justify-content:space-between;padding:7px 0}.produccion-archivo-nombre{align-items:center;color:#374151;display:flex;flex:1 1;font-size:12px;gap:6px;min-width:0;overflow:hidden;text-decoration:none}.produccion-archivo-nombre span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produccion-archivo-acciones{align-items:center;display:flex;flex-shrink:0;gap:10px}.produccion-archivo-acciones a{color:#0d6efd;font-size:12px;font-weight:700;text-decoration:none}.produccion-archivo-acciones button{background:#0000;border:none;color:#dc3545;cursor:pointer;font-size:14px;font-weight:800;padding:0}@media (max-width:768px){.produccion-board-wrapper{-webkit-overflow-scrolling:touch;height:calc(100vh - 190px)!important;max-height:calc(100vh - 190px)!important;overflow-x:auto!important;overflow-y:hidden!important}.produccion-column{height:100%!important;max-height:100%!important;max-width:calc(88vw - 48px)!important;min-width:calc(88vw - 48px)!important;overflow:hidden!important}.produccion-column-body{-webkit-overflow-scrolling:touch;flex:1 1!important;height:calc(100% - 58px)!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:28px!important}.produccion-card{touch-action:pan-y!important}.produccion-card-drag-handle{touch-action:none!important}.produccion-board-wrapper{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;overflow-y:hidden!important}.produccion-board,.produccion-board-wrapper{touch-action:pan-x!important}.produccion-column-body{-webkit-overflow-scrolling:touch!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}.produccion-card,.produccion-card-clickable,.produccion-card-layout,.produccion-card-main{touch-action:auto!important}.produccion-card-drag-handle{align-items:center!important;background:#0096d114!important;border-radius:8px!important;cursor:grab!important;display:inline-flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;min-width:34px!important;touch-action:none!important;width:34px!important}.produccion-card{grid-gap:8px!important;align-items:start!important;display:grid!important;gap:8px!important;grid-template-columns:34px minmax(0,1fr)!important;overflow:visible!important}.produccion-card-drag-handle{float:none!important;grid-column:1!important;grid-row:1!important;margin:0!important;touch-action:none!important}.produccion-card-clickable{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important}.produccion-card-cover{height:95px!important;width:100%!important}}.produccion-column.drop-confirmado{animation:produccionDropConfirmado 2.2s ease}@keyframes produccionDropConfirmado{0%{box-shadow:0 0 0 0 #00aeef00;transform:scale(1)}20%{box-shadow:0 0 0 4px #00aeef38;transform:scale(1.01)}70%{box-shadow:0 0 0 4px #00aeef24}to{box-shadow:0 0 0 0 #00aeef00;transform:scale(1)}}.produccion-card.dragging
.produccion-card-cover img{box-shadow:none!important;opacity:.92;pointer-events:none!important;transform:none!important;transition:none!important}.produccion-board:has(.produccion-card.dragging) .produccion-card-cover img,.produccion-card.dragging .produccion-card-cover img{box-shadow:none!important;pointer-events:none!important;transform:none!important;transition:none!important}.produccion-card.dragging .produccion-card-cover{pointer-events:none!important}.produccion-column.drop-confirmado
.produccion-card-cover img{transform:none!important;transition:none!important}@media (max-width:768px){.produccion-busqueda-wrapper{grid-column:1/-1!important;margin-left:0!important;width:100%!important}.produccion-busqueda-input{box-sizing:border-box!important;margin-left:0!important;min-width:0!important;width:100%!important}}.produccion-titulo-row{align-items:center;display:flex;gap:10px}.produccion-titulo-row h2{margin:0}@media (max-width:768px){.produccion-titulo-row{justify-content:space-between}.produccion-titulo-row .btn-produccion-secundario{font-size:12px;padding:7px 10px}}.produccion-portada-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.produccion-btn-full{margin-top:8px;width:-webkit-fit-content;width:fit-content}.produccion-btn-full:disabled{cursor:not-allowed;opacity:.45}.produccion-img-selector-footer{align-items:center;display:flex;font-size:11px;gap:6px;justify-content:space-between;padding:5px}.produccion-img-selector-footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produccion-img-selector-footer button{background:#0000;border:none;color:#0a74da;cursor:pointer;font-size:11px;font-weight:800;padding:0}.produccion-imagen-preview-overlay{align-items:center;background:#000000b8;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:99999}.produccion-imagen-preview-modal{background:#fff;border-radius:14px;box-shadow:0 18px 60px #00000059;max-height:92vh;max-width:min(900px,96vw);padding:12px;position:relative}.produccion-imagen-preview-modal img{border-radius:10px;display:block;max-height:86vh;max-width:100%;object-fit:contain}.produccion-imagen-preview-close{background:#fff;border:none;border-radius:999px;color:#111;cursor:pointer;font-size:22px;font-weight:800;height:32px;position:absolute;right:-12px;top:-12px;width:32px}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}*,:after,:before{box-sizing:border-box}body,button,input,select,table,td,textarea,th{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.8da34d26.css.map*/