:root{--verde: #0a7a3d;--verde-osc: #075c2e;--verde-claro: #14a05a;--gris-fondo: #eef1f0;--gris-panel: #dde2e0;--gris-borde: #a8b0b4;--texto: #1c2224;--texto-suave: #5b6669;--amarillo: #fbfab0;--rojo: #c0392b;--sombra: 0 1px 3px rgba(0, 0, 0, .16);--sombra-media: 0 4px 14px rgba(0, 0, 0, .16);--radio: 6px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Segoe UI,Roboto,system-ui,sans-serif;font-size:14px;color:var(--texto);background:var(--gris-fondo)}button,input,select,textarea{font-family:inherit}.barra-titulo{background:linear-gradient(180deg,var(--verde-claro),var(--verde));color:#fff;text-align:center;font-size:20px;padding:9px 0;letter-spacing:.3px}.barra-nav{background:var(--verde);color:#fff;display:flex;align-items:center;gap:14px;padding:6px 12px;box-shadow:var(--sombra);position:sticky;top:0;z-index:40}.menu-btn{background:#fff;border:none;border-radius:var(--radio);width:40px;height:34px;display:grid;place-content:center;gap:4px;cursor:pointer}.menu-btn span{display:block;width:22px;height:3px;background:var(--verde-osc);border-radius:2px}.barra-nav .usuario{font-size:18px}.barra-nav .relleno{flex:1}.estado-linea{color:#9dff9d;font-size:13px}.estado-linea.offline{color:#ffd4d4}.nav-enlaces{display:flex;flex-wrap:wrap;gap:4px}.nav-enlaces.oculto{display:none}.nav-enlaces a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:var(--radio);font-size:14px;transition:background .12s}.nav-enlaces a:hover{background:#ffffff29}.nav-enlaces a.activo{background:#fff;color:var(--verde-osc);font-weight:600}.nav-grupo{position:relative}.nav-grupo-btn{font:inherit;color:#fff;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:var(--radio);display:flex;align-items:center;gap:4px}.nav-grupo-btn:hover{background:#ffffff29}.nav-grupo-btn.activo{background:#fff;color:var(--verde-osc);font-weight:600}.nav-grupo-btn .flecha{font-size:10px}.nav-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:var(--radio);box-shadow:0 8px 22px #00000040;padding:4px;min-width:175px;flex-direction:column;z-index:50}.nav-menu a{color:var(--texto);padding:7px 10px;border-radius:var(--radio);white-space:nowrap}.nav-menu a:hover{background:var(--gris-fondo)}.nav-menu a.activo{background:#e3f4e9;color:var(--verde-osc);font-weight:600}.contenido{padding:12px 16px 40px}h1.pantalla{font-size:22px;font-weight:500;margin:8px 4px 12px}.acciones{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.acciones .derecha{margin-left:auto;display:flex;gap:10px}.panel{background:var(--gris-panel);border:1px solid var(--gris-borde);border-radius:8px;padding:14px 18px 18px;margin-bottom:14px}.panel h2{font-size:17px;font-weight:500;margin:4px 0 14px}.fila{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;margin-bottom:12px}.campo{display:flex;align-items:center;gap:8px}.campo>label{white-space:nowrap}.campo.destacado{background:#fff;border:1px solid var(--verde);border-radius:var(--radio);padding:5px 12px;cursor:pointer}.campo.destacado:has(input:checked){background:#e3f4e9}.campo.vertical{align-items:flex-start}input,select,textarea,button{font-size:14px}input[type=text],input[type=date],input[type=number],input[type=email],input[type=password],select,textarea{border:1px solid var(--gris-borde);border-radius:4px;padding:5px 7px;background:#fff;color:var(--texto)}input:focus,select:focus,textarea:focus{outline:2px solid var(--verde-claro);outline-offset:-1px}input[readonly],input:disabled,textarea[readonly]{background:#e9edee;color:var(--texto-suave)}textarea{resize:vertical;min-height:74px}.btn{background:#fff;border:1px solid var(--gris-borde);border-radius:var(--radio);padding:6px 16px;cursor:pointer;box-shadow:var(--sombra);transition:background .12s,transform .05s}.btn:hover:not(:disabled){background:#f4f7f8}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{color:#9aa3a6;cursor:not-allowed;box-shadow:none}.btn.primario{background:var(--verde);border-color:var(--verde-osc);color:#fff;font-weight:600}.btn.primario:hover:not(:disabled){background:var(--verde-claro)}.btn.peligro{color:var(--rojo);border-color:#d9a29c}.btn.chico{padding:3px 10px;font-size:13px}.btn.grande{width:100%;padding:14px;font-size:17px;margin-top:12px}.tabla-envoltura{overflow-x:auto}table.grid{border-collapse:collapse;background:#fff;min-width:900px;width:100%;max-width:1250px;border-radius:6px;overflow:hidden}table.grid th,table.grid td{border:1px solid #9aa3a6;padding:0;text-align:left}table.grid th{background:#f2f4f5;text-align:center;font-weight:600;padding:6px 4px;font-size:13px}table.grid td.num-renglon{background:#f2f4f5;text-align:center;width:34px;padding:4px;color:var(--texto-suave)}table.grid tbody tr:nth-child(odd) td:not(.num-renglon){background:var(--amarillo)}table.grid tbody tr.vacia td:not(.num-renglon){background:#fff}table.grid td input,table.grid td select{border:none;background:transparent;width:100%;padding:5px 7px;border-radius:0}table.grid td input:focus,table.grid td select:focus{outline:2px solid #000;outline-offset:-2px;background:#fff}table.grid td.der,table.grid td.der input{text-align:right}table.grid tr.seleccionada td.num-renglon{background:var(--verde);color:#fff;font-weight:700}col.c-sku{width:120px}col.c-bodega{width:160px}col.c-cant{width:90px}col.c-precio,col.c-total{width:130px}col.c-obs{width:240px}.pie-tabla{display:flex;justify-content:flex-end;margin-top:16px}table.totales{border-collapse:collapse;min-width:340px}table.totales th{background:#f2f4f5;border:1px solid #9aa3a6;text-align:right;padding:6px 12px;font-weight:600;width:130px}table.totales td{background:#fff;border:1px solid #9aa3a6;padding:6px 14px;text-align:right;font-variant-numeric:tabular-nums;min-width:170px}table.totales tr.total td{font-weight:700;font-size:16px}.autocompleta{position:relative;display:inline-block}.sugerencias{position:absolute;z-index:160;top:100%;left:0;min-width:320px;max-width:520px;background:#fff;border:1px solid var(--gris-borde);border-radius:var(--radio);box-shadow:0 8px 22px #00000038;max-height:260px;overflow-y:auto}.sugerencias .item{padding:6px 10px;cursor:pointer;border-bottom:1px solid #eef1f2}.sugerencias .item:last-child{border-bottom:none}.sugerencias .item.activo,.sugerencias .item:hover{background:#e3f4e9}.sugerencias .item .clave{font-weight:700;color:var(--verde-osc);margin-right:8px}.sugerencias .item .extra{color:var(--texto-suave);font-size:12px}.sugerencias .vacio{padding:10px;color:var(--texto-suave)}table.listado{border-collapse:collapse;width:100%;background:#fff}.tabla-envoltura:has(>table.listado){max-height:calc(100vh - 240px);overflow:auto;border-radius:8px}table.listado thead th{background:var(--verde);color:#fff;padding:8px 10px;text-align:left;font-weight:600;position:sticky;top:0;z-index:3}table.listado thead th.ordenable{cursor:pointer;-webkit-user-select:none;user-select:none}table.listado thead th.ordenable:hover{background:var(--verde-osc)}table.listado .col-sku{white-space:nowrap}table.listado thead th.ordenable:after{content:"▲";display:inline-block;margin-left:6px;font-size:10px;opacity:.35}table.listado thead th.ordenable.orden-activo:after{opacity:1}table.listado thead th.ordenable.orden-activo.orden-desc:after{content:"▼"}table.listado td{padding:6px 10px;border-bottom:1px solid #dde2e4}table.listado tbody tr:hover{background:#eef7f1;cursor:pointer}table.listado td.der,table.listado th.der{text-align:right;font-variant-numeric:tabular-nums}table.listado td.cen,table.listado th.cen{text-align:center;font-variant-numeric:tabular-nums}table.listado tbody tr.fila-ver-mas:hover{background:transparent;cursor:default}table.listado tr.fila-ver-mas td{padding:12px;text-align:center}table.listado .col-agente{width:1%;font-size:12px}table.listado .col-agente span{display:inline-block;max-width:125px;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etiqueta{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#e7ebec;color:var(--texto-suave)}.etiqueta.vigente{background:#d6f5e0;color:var(--verde-osc)}.etiqueta.cancelada{background:#fadbd8;color:var(--rojo)}.etiqueta.garantia{background:#fdecd2;color:#8a5000}.etiqueta.simulacion{background:#fde8c8;color:#8a5300;font-size:12px;vertical-align:middle}.a-favor{color:var(--verde-osc)}.pestanas{display:flex;gap:6px;margin-bottom:12px}.pestanas button{background:#fff;border:1px solid var(--gris-borde);border-bottom:none;border-radius:6px 6px 0 0;padding:8px 20px;cursor:pointer}.pestanas button.activa{background:var(--verde);color:#fff;font-weight:600}#avisos{position:fixed;right:16px;bottom:16px;z-index:200;display:grid;gap:8px}.aviso{background:#263238;color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 6px 18px #0000004d;max-width:380px;animation:entra .18s ease-out}.aviso.exito{background:var(--verde)}.aviso.error{background:var(--rojo)}@keyframes entra{0%{opacity:0;transform:translateY(8px)}}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:150;padding:20px}.modal-fondo.abierto{display:flex}.modal{background:var(--gris-fondo);border-radius:10px;padding:18px 22px;width:min(760px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 14px 44px #00000059}.modal h3{margin:0 0 14px;font-weight:500}.modal .fila-botones{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.resumen-pago{display:flex;gap:10px;margin-bottom:14px}.resumen-pago>div{flex:1;background:#fff;border:1px solid var(--gris-borde);border-radius:var(--radio);padding:8px 12px;display:flex;flex-direction:column;gap:2px}.resumen-pago span{font-size:12px;color:var(--texto-suave)}.resumen-pago b{font-size:18px;font-variant-numeric:tabular-nums}.resumen-pago .falta b{color:var(--rojo)}.resumen-pago .cuadra b{color:var(--verde)}.resumen-pago .cambio b{color:#b46a00}table.pagos{width:100%;border-collapse:collapse;background:#fff}table.pagos td{border:1px solid var(--gris-borde);padding:4px 8px;vertical-align:middle}table.pagos td.metodo{width:175px;font-weight:600}table.pagos td.importe{width:130px}table.pagos td.cuenta{width:190px}table.pagos td.cuenta select{width:100%}table.pagos input.monto{width:100%;text-align:right;font-variant-numeric:tabular-nums;font-size:15px}table.pagos input.referencia{width:100%}table.pagos tr.con-importe td.metodo{color:var(--verde-osc)}table.pagos tr.con-importe{background:#f1faf4}table.pagos .btn.chico{white-space:nowrap}body.pantalla-login{background:linear-gradient(160deg,#e8efec,var(--gris-fondo))}.caja-login{max-width:420px;margin:46px auto;padding:0 18px}.tarjeta-login{background:#fff;border-radius:12px;padding:30px 32px;box-shadow:0 8px 28px #00000024}.tarjeta-login h1{margin:0 0 4px;font-size:22px;font-weight:600}.tarjeta-login .campo.vertical{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.tarjeta-login input{width:100%;padding:10px 12px}.tarjeta-login .btn.grande{width:100%;padding:12px;font-size:16px;margin-top:6px}.mensaje{margin-top:14px;padding:10px 14px;border-radius:8px;font-size:14px;border:1px solid}.mensaje.error{background:#fdecea;border-color:#e3b0aa;color:#7d2a20}.pos{display:flex;gap:16px;align-items:flex-start}.pos-captura{flex:1;min-width:0}.pos-totales{flex:0 0 280px;background:var(--gris-panel);border:1px solid var(--gris-borde);border-radius:8px;padding:14px 16px}.pos-totales .campo.vertical{margin-bottom:10px}.pos-totales input[type=text]{width:100%}.pos-totales .campo.vertical>div{display:flex;gap:6px}.pos-totales table.totales{border-collapse:collapse}.pos-totales table.totales th{width:auto}.pos-totales table.totales td{min-width:0}.pos-totales .btn{width:100%;margin-top:8px}#ultimo-ticket{margin-top:12px;line-height:1.5}@media (max-width: 900px){.pos{flex-direction:column}.pos-totales{flex:1 1 auto;width:100%}}.banner-alerta,.banner-aviso{border-radius:var(--radio);padding:10px 14px;margin-bottom:12px;border:1px solid}.banner-alerta{background:#fdecea;border-color:#e3b0aa;color:#7d2a20}.banner-aviso{background:#fdf6e3;border-color:#e3d3a0;color:#7a5b12}.banner-alerta a,.banner-aviso a{color:inherit}.barra-seleccion{background:#e3f4e9;border:1px solid var(--verde-claro);border-radius:var(--radio);padding:8px 14px;margin-bottom:10px}table.listado tr.marcada td{background:#eef7f1}table.listado td input[type=checkbox]{cursor:pointer}.lista-metodos{display:flex;flex-wrap:wrap;gap:8px}.lista-metodos .chip{background:#fff;border:1px solid var(--gris-borde);border-radius:14px;padding:4px 12px;cursor:pointer;display:flex;align-items:center;gap:6px}.lista-metodos .chip:has(input:checked){background:#e3f4e9;border-color:var(--verde);font-weight:600}#tarjetas-metodo{flex-wrap:wrap}#tarjetas-metodo>div{min-width:170px;flex:0 1 auto}table.listado tr.cancelado td{color:#96a0a3;text-decoration:line-through}table.listado tr.parcial td:first-child{box-shadow:inset 3px 0 #b46a00}table.listado tr.falta td{background:#fdeceb}table.listado tr.falta input{border-color:var(--rojo)}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;align-items:start}.dos-columnas>div{min-width:0}.dos-columnas h3{font-weight:600;margin:18px 0 6px}.dos-columnas>div>h3:first-child{margin-top:8px}@media (max-width: 1100px){.dos-columnas{grid-template-columns:1fr}}fieldset.bloque{border:0;margin:0;padding:0;min-width:0}fieldset.bloque[disabled]{opacity:.5}fieldset.bloque[disabled] .panel{background:#f4f6f6}table.listado td.alerta{color:var(--rojo)}table.listado td.alerta b{font-weight:700}input[type=file]{max-width:100%}table.listado tr.inactiva td:first-child{color:var(--texto-suave)}table.listado tfoot th{background:#f2f4f5;color:var(--texto);border-top:2px solid var(--gris-borde);padding:8px 10px;position:sticky;bottom:0;z-index:3}.ayuda{color:var(--texto-suave);font-size:12px}.vacio-lista{padding:24px;text-align:center;color:var(--texto-suave)}.hoja{background:#fff;width:21.5cm;min-height:27cm;margin:16px auto;padding:1.4cm 1.6cm;box-shadow:0 2px 14px #0003;color:#000}.hoja .encabezado{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #000;padding-bottom:10px}.hoja .emisor h2{margin:0 0 4px;font-size:19px}.hoja .emisor div{font-size:12px;line-height:1.45}.hoja .folio-caja{border:2px solid var(--verde);border-radius:6px;padding:8px 16px;text-align:center;min-width:190px}.hoja .folio-caja .tipo{font-size:12px;letter-spacing:2px;color:var(--verde-osc);font-weight:700}.hoja .folio-caja .num{font-size:26px;font-weight:700}.hoja .datos{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin:14px 0;font-size:13px}.hoja .datos b{display:inline-block;min-width:76px}.hoja table.detalle{width:100%;border-collapse:collapse;margin-top:8px;font-size:12.5px}.hoja table.detalle th{background:#eceff1;border:1px solid #7a8285;padding:6px}.hoja table.detalle td{border:1px solid #b9c0c3;padding:5px 6px}.hoja table.detalle td.der{text-align:right;font-variant-numeric:tabular-nums}.hoja .totales-hoja{display:flex;justify-content:flex-end;margin-top:12px}.hoja .totales-hoja table{border-collapse:collapse}.hoja .totales-hoja th{text-align:right;padding:4px 14px}.hoja .totales-hoja td{text-align:right;padding:4px 14px;border-bottom:1px solid #ccc;min-width:130px;font-variant-numeric:tabular-nums}.hoja .totales-hoja tr.gran-total th,.hoja .totales-hoja tr.gran-total td{font-size:16px;font-weight:700;border-top:2px solid #000}.hoja .pagos-hoja{margin-top:14px;font-size:12.5px}.hoja .pagos-hoja table{border-collapse:collapse;margin-top:4px;min-width:340px}.hoja .pagos-hoja td{border-bottom:1px solid #ccc;padding:3px 14px 3px 0}.hoja .pagos-hoja td.der{text-align:right;font-variant-numeric:tabular-nums}.hoja .pagos-hoja td.ref{color:#555;font-size:11px}.hoja .pagos-hoja tr.cambio td{font-weight:700}.hoja .firmas{display:flex;justify-content:space-around;margin-top:70px;font-size:12px;text-align:center}.hoja .firmas div{border-top:1px solid #000;padding-top:6px;width:220px}.hoja .leyenda{margin-top:24px;font-size:11px;color:#444;text-align:center}.hoja .sello-cancelada{color:var(--rojo);border:4px solid var(--rojo);font-size:34px;font-weight:800;padding:6px 26px;transform:rotate(-12deg);display:inline-block;opacity:.8}#cuerpo-aplica td{vertical-align:top}#cuerpo-aplica td.apilada{padding:3px 6px}#cuerpo-aplica td.apilada>select,#cuerpo-aplica td.apilada>.celda-importe{display:flex;align-items:center;gap:4px;width:100%;height:26px;margin-bottom:3px;box-sizing:border-box}#cuerpo-aplica td.apilada>*:last-child{margin-bottom:0}#cuerpo-aplica .celda-importe input{flex:1;min-width:0;text-align:right;height:100%;box-sizing:border-box}#cuerpo-aplica .celda-importe .btn{padding:0 6px;line-height:1}#cuerpo-aplica select:disabled{background:#eef1f2;color:var(--texto-suave)}#cuerpo-aplica td.apilada select,#cuerpo-aplica td.apilada input{font-size:12px}#cuerpo-aplica td.apilada select{padding:0 2px}#cuerpo-aplica td:last-child{white-space:nowrap}#cuerpo-aplica .btn.mas{padding:3px 8px;font-weight:700}#tabla-aplica{min-width:880px}.peligro-panel{border:1px solid var(--rojo);border-left-width:4px;margin-top:22px}.peligro-panel h2{color:var(--rojo)}.btn.peligro{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn.peligro:disabled{opacity:.5}.panel-lateral-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:940}.panel-lateral{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;border-left:1px solid var(--gris-borde);z-index:950;box-shadow:-3px 0 14px #0000002e;display:flex;flex-direction:column}.panel-lateral-cabeza{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--gris-borde)}.panel-lateral-cabeza h3{margin:0;flex:1}.panel-lateral-cuerpo{padding:14px;overflow-y:auto;flex:1}.panel-lateral-cuerpo table.listado{margin-top:10px}.panel-lateral .ayuda.falta{color:var(--rojo)}.barra-carga{position:fixed;top:0;left:0;right:0;height:3px;z-index:900;background:#14a05a2e;overflow:hidden}.barra-carga span{display:block;height:100%;width:35%;background:var(--verde-claro);animation:carga-corre 1.1s ease-in-out infinite}@keyframes carga-corre{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media (prefers-reduced-motion: reduce){.barra-carga span{animation:none;width:100%;opacity:.6}}#tarjetas{flex-wrap:wrap}#tarjetas>div{min-width:168px;flex:1 1 168px}#tarjetas .variacion{font-size:12px;font-variant-numeric:tabular-nums}#tarjetas .sube{color:var(--verde)}#tarjetas .baja{color:var(--rojo)}.tablero-columnas{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.tablero-columnas>.panel{margin:0}.meses{display:flex;gap:6px;align-items:stretch}.meses .grupo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.meses .columnas{height:180px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.meses .col{flex:1;max-width:20px;min-height:2px;border-radius:2px 2px 0 0}.meses .grupo .etiqueta{text-align:center;font-size:11px;color:var(--texto-suave);border-top:1px solid var(--gris-borde);padding-top:3px;background:none}.meses .col.parcial{opacity:.55}.meses .col.historico{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.35) 0 3px,transparent 3px 6px)}.leyenda{display:inline-flex;gap:12px;align-items:center;font-size:12px}.leyenda span{display:inline-flex;gap:5px;align-items:center}.leyenda i{width:11px;height:11px;border-radius:2px;display:inline-block}.serie-0{background:#9fb6bd}.serie-1{background:#6f97a3}.serie-2{background:#3f7d8c}.serie-3{background:#b46a00}.serie-4{background:var(--verde-claro)}#resumen-anios{margin-top:10px}#resumen-anios table{border-collapse:collapse;font-size:13px}#resumen-anios td,#resumen-anios th{padding:3px 14px 3px 0;text-align:left}#resumen-anios .der{text-align:right;font-variant-numeric:tabular-nums}.barras{display:flex;flex-direction:column;gap:3px}.barras .renglon{display:flex;align-items:center;gap:8px;font-size:12px}.barras .dia{width:92px;color:var(--texto-suave);flex:none}.barras .pista{flex:1;background:#eef1f2;border-radius:3px;overflow:hidden}.barras .barra{height:15px;background:var(--verde-claro);border-radius:3px;min-width:2px}.barras .barra.mostrador{background:#b46a00}.barras .importe{width:118px;text-align:right;flex:none;font-variant-numeric:tabular-nums}@media print{body{background:#fff}.barra-titulo,.barra-nav,.acciones,#avisos,.no-imprimir{display:none!important}.contenido{padding:0}.hoja{box-shadow:none;margin:0;width:auto;min-height:0;padding:0}@page{size:letter;margin:1.2cm}}
