:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tinta:#141c2e;--apagado:#5f6b82;--linea:#dfe4ee;--papel:#f3f5fa;--tarjeta:#fff;--marca:#1c2f5e;--marca-2:#2a4685;--marca-suave:#e7ecf8;--lima:#d9f45d;--verde:#1f7a4d;--verde-suave:#e3f4ea;--ambar:#9a6200;--ambar-suave:#fdf1d8;--rojo:#b3402c;--rojo-suave:#fbe7e2;--oferta:#c2410c;--oferta-suave:#fff1e6;--sombra:0 1px 2px #141c2e0f, 0 4px 16px #141c2e0f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tinta:#e8ecf5;--apagado:#9aa5bd;--linea:#2a3550;--papel:#0e1424;--tarjeta:#161f35;--marca:#0b1530;--marca-2:#3c5aa3;--marca-suave:#1d2a4a;--verde:#5fd39a;--verde-suave:#143326;--ambar:#f1b84a;--ambar-suave:#352910;--rojo:#f08a76;--rojo-suave:#3a1c17;--oferta:#fb923c;--oferta-suave:#3a2112;--sombra:0 1px 2px #0006}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--papel);color:var(--tinta);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.4}button,input,select{font:inherit;color:inherit}input,select{font-size:16px}button{cursor:pointer}:focus-visible{outline:2px solid var(--marca-2);outline-offset:2px}.ingreso{background:linear-gradient(160deg, var(--marca) 0%, var(--marca-2) 100%);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.ingreso-tarjeta{background:var(--tarjeta);border-radius:18px;gap:14px;width:100%;max-width:380px;padding:28px 24px;display:grid;box-shadow:0 20px 60px #00000040}.ingreso-marca{align-items:center;gap:12px;display:flex}.ingreso-marca img{width:44px;height:44px}.ingreso-marca h1{margin:0;font-size:22px}.ingreso-marca p{color:var(--apagado);margin:0;font-size:13px}.campo{gap:6px;display:grid}.campo span{color:var(--apagado);font-size:13px;font-weight:600}.campo input,.buscador input,select{border:1px solid var(--linea);background:var(--tarjeta);border-radius:10px;width:100%;padding:10px 12px}.boton{background:var(--marca);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:650;display:inline-flex}.boton:disabled{opacity:.6;cursor:progress}.boton.secundario{background:var(--marca-suave);color:var(--marca-2)}@media (prefers-color-scheme:dark){.boton.secundario{color:var(--tinta)}}.boton.chico{padding:7px 12px;font-size:13px}.aviso{border-radius:10px;padding:10px 12px;font-size:14px}.aviso.error{background:var(--rojo-suave);color:var(--rojo)}.aviso.ok{background:var(--verde-suave);color:var(--verde)}.aviso.atencion{background:var(--ambar-suave);color:var(--ambar)}.cabecera{z-index:10;background:var(--marca);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 0;position:sticky;top:0}.cabecera-fila{align-items:center;gap:12px;max-width:1100px;margin:0 auto;display:flex}.cabecera-fila img{width:32px;height:32px}.cabecera-titulo{font-size:17px;font-weight:750}.cabecera-datos{opacity:.85;font-size:12px}.cabecera-espacio{flex:1}.cabecera .salir{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:6px 10px;font-size:13px}.pestanas{gap:4px;max-width:1100px;margin:10px auto 0;display:flex;overflow-x:auto}.pestanas button{color:#ffffffbf;white-space:nowrap;background:0 0;border:0;border-radius:10px 10px 0 0;padding:10px 14px;font-weight:650}.pestanas button[aria-selected=true]{background:var(--papel);color:var(--tinta)}.contenido{max-width:1100px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.estado-datos{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:650;display:inline-flex}.estado-datos.fresco{color:var(--lima);background:#d9f45d2e}.estado-datos.viejo{color:#ffd387;background:#f1b84a33}.barra{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.buscador{flex:260px;position:relative}.buscador svg{color:var(--apagado);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.buscador input{padding-left:38px}.filtro{border:1px solid var(--linea);background:var(--tarjeta);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.filtro[aria-pressed=true]{background:var(--marca);border-color:var(--marca);color:#fff}.barra select{flex:0 220px;width:auto;padding:7px 10px;font-size:14px}.cuenta{color:var(--apagado);margin:0 0 8px;font-size:13px}.lista{gap:8px;display:grid}.producto{background:var(--tarjeta);box-shadow:var(--sombra);border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.producto.agotado{opacity:.6}.producto-foto{object-fit:contain;background:#fff;border-radius:10px;width:56px;height:56px}.producto-nombre{font-weight:650}.producto-datos{color:var(--apagado);flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12px;display:flex}.producto-etiquetas{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.etiqueta{border-radius:6px;padding:2px 7px;font-size:12px;font-weight:650}.etiqueta.stock{background:var(--verde-suave);color:var(--verde)}.etiqueta.poco{background:var(--ambar-suave);color:var(--ambar)}.etiqueta.sin{background:var(--rojo-suave);color:var(--rojo)}.etiqueta.nada{background:var(--marca-suave);color:var(--apagado)}.etiqueta.cucarda{background:var(--oferta);color:#fff}.etiqueta.vence{background:var(--oferta-suave);color:var(--oferta)}.producto-precio{text-align:right;white-space:nowrap}.precio-final{font-variant-numeric:tabular-nums;font-size:18px;font-weight:750}.precio-final.oferta{color:var(--oferta)}.precio-antes{color:var(--apagado);font-size:13px;text-decoration:line-through}.precio-minimo{color:var(--apagado);font-size:12px}.mas{justify-content:center;margin-top:12px;display:flex}@media (width<=560px){.producto{grid-template-columns:48px 1fr}.producto-foto{width:48px;height:48px}.producto-precio{text-align:left;flex-wrap:wrap;grid-column:2;align-items:baseline;gap:10px;display:flex}}.grupo{color:var(--apagado);letter-spacing:.04em;margin:18px 0 8px;font-size:13px;font-weight:750}.clientes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.cliente{background:var(--tarjeta);box-shadow:var(--sombra);border-radius:14px;gap:4px;padding:12px 14px;display:grid}.cliente-nombre{font-weight:700}.cliente-dato{color:var(--apagado);overflow-wrap:anywhere;font-size:13px}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.tarjeta{background:var(--tarjeta);box-shadow:var(--sombra);border-radius:16px;align-content:start;gap:10px;padding:16px;display:grid}.tarjeta h2{margin:0;font-size:16px}.tarjeta p{color:var(--apagado);margin:0;font-size:14px}.cifras{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cifra{background:var(--papel);border-radius:10px;padding:8px 10px}.cifra strong{font-variant-numeric:tabular-nums;font-size:20px;display:block}.cifra span{color:var(--apagado);font-size:12px}.vacio{text-align:center;color:var(--apagado);justify-items:center;gap:12px;padding:40px 16px;display:grid}.girando{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.girando{animation:none}}