:root{--fondo:#f1f5f3;--tarjeta:#fff;--tinta:#14231f;--tenue:#53655f;--linea:#d1dcd8;--acento:#0b6e5f;--acento-tinta:#fff;--acento-suave:#d9eee8;--alerta:#8f4606;--alerta-suave:#fbebd0;--mal:#a1202a;--mal-suave:#fae0e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.perfil-empleado{--acento:#1f5fa8;--acento-tinta:#fff;--acento-suave:#dbe7f7}@media (prefers-color-scheme:dark){:root:not([data-tema=clara]){--fondo:#0e1816;--tarjeta:#16231f;--tinta:#e5eeeb;--tenue:#93a7a1;--linea:#2a3f39;--acento:#3fc0a8;--acento-tinta:#05201a;--acento-suave:#16352e;--alerta:#f0b35a;--alerta-suave:#3a2b12;--mal:#ff8f95;--mal-suave:#3d1a1d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not([data-tema=clara]) .perfil-empleado{--acento:#7fb0ef;--acento-tinta:#06192e;--acento-suave:#17304c}}:root[data-tema=oscura]{--fondo:#0e1816;--tarjeta:#16231f;--tinta:#e5eeeb;--tenue:#93a7a1;--linea:#2a3f39;--acento:#3fc0a8;--acento-tinta:#05201a;--acento-suave:#16352e;--alerta:#f0b35a;--alerta-suave:#3a2b12;--mal:#ff8f95;--mal-suave:#3d1a1d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-tema=oscura] .perfil-empleado{--acento:#7fb0ef;--acento-tinta:#06192e;--acento-suave:#17304c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--tinta);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1,h2,h3,h4,p{overflow-wrap:anywhere;margin:0}h1{text-align:center;text-wrap:balance;font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}h4{color:var(--tenue);text-transform:uppercase;letter-spacing:.04em;margin-top:12px;font-size:.85rem}small{color:var(--tenue);font-size:.85rem}button,input,select{font:inherit;color:inherit}.app{flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.encabezado{z-index:5;background:var(--acento);color:var(--acento-tinta);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.encabezado strong,.encabezado span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.encabezado span{opacity:.9;flex-shrink:0;max-width:45%;font-size:.9rem}.contenido{flex-direction:column;flex:1;gap:12px;min-width:0;padding:12px 16px 96px;display:flex}.ingreso{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;max-width:440px;margin:0 auto;padding:32px 16px;display:flex}.barra{z-index:5;background:var(--tarjeta);border-top:1px solid var(--linea);max-width:720px;padding-bottom:env(safe-area-inset-bottom);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.barra button{min-width:0;min-height:56px;color:var(--tenue);cursor:pointer;background:0 0;border:0;border-top:3px solid #0000;flex:1;font-size:.85rem}.barra button.activa{color:var(--acento);border-top-color:var(--acento);font-weight:600}.sin-conexion{background:var(--mal);color:#fff;text-align:center;z-index:30;padding:10px 16px;font-size:.9rem;position:sticky;top:0}:root[data-tema=oscura] .sin-conexion{color:#2a0b0e}@media (prefers-color-scheme:dark){:root:not([data-tema=clara]) .sin-conexion{color:#2a0b0e}}.franja{background:var(--alerta-suave);color:var(--alerta);padding:8px 16px;font-size:.9rem}.mensaje{left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:40;background:var(--tinta);max-width:560px;color:var(--fondo);border-radius:12px;margin:0 auto;padding:12px 16px;position:fixed;box-shadow:0 4px 16px #00000040}.mensaje.mal{background:var(--mal);color:#fff}:root[data-tema=oscura] .mensaje.mal{color:#2a0b0e}@media (prefers-color-scheme:dark){:root:not([data-tema=clara]) .mensaje.mal{color:#2a0b0e}}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.tarjeta.alerta{background:var(--alerta-suave);border-color:var(--alerta)}.tarjeta.alerta,.tarjeta.alerta small,.tarjeta.alerta .vacio{color:var(--alerta)}.fila{border:0;border-top:1px solid var(--linea);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 0;display:flex}.tarjeta>.fila:first-of-type,.formulario>.fila:first-of-type,.tarjeta>h3+.fila{border-top:0}.fila.toque{cursor:pointer}.fila-texto{flex-direction:column;flex:1;min-width:0;display:flex}.fila-texto strong{overflow-wrap:anywhere;font-weight:600}.fila-derecha{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:8px;display:flex}.vacio,.nota{color:var(--tenue);font-size:.92rem}.nota.mal,.mal>strong{color:var(--mal)}.centro{text-align:center}.total-linea{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.total-linea>:last-child{text-align:right;flex-shrink:0;max-width:62%}.total-linea.grande{border-top:1px solid var(--linea);padding-top:6px;font-size:1.15rem}.titulo-pantalla{flex-direction:column;align-items:flex-start;gap:2px;display:flex}details summary{cursor:pointer;color:var(--acento);align-items:center;min-height:44px;display:flex}.boton{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:12px;flex:auto;justify-content:center;align-items:center;min-height:46px;padding:10px 16px;font-weight:600;display:inline-flex}.boton.principal{background:var(--acento);color:var(--acento-tinta)}.boton.suave{background:var(--acento-suave);color:var(--tinta);border-color:var(--linea)}.boton.peligro{background:var(--mal-suave);color:var(--mal);border-color:var(--mal)}.boton.texto{color:var(--acento);background:0 0;flex:none;min-width:44px;padding:10px 8px}.boton.ancho{width:100%}.boton:disabled,.teclado button:disabled,.producto:disabled{opacity:.5;cursor:not-allowed}.fila-derecha .boton{flex:none;min-width:46px;padding:8px 12px}.enlace{color:var(--acento);cursor:pointer;text-align:left;background:0 0;border:0;min-height:44px;padding:8px 0;font-weight:600}.ingreso>.enlace{align-self:center}.acciones{flex-wrap:wrap;gap:10px;display:flex}.lista-botones{flex-direction:column;gap:10px;display:flex}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.formulario{flex-direction:column;gap:12px;display:flex}.formulario+.formulario{border-top:1px solid var(--linea);margin-top:8px;padding-top:12px}.campo{flex-direction:column;gap:4px;min-width:0;display:flex}.campo>span{color:var(--tenue);font-size:.9rem}input,select{border:1px solid var(--linea);background:var(--fondo);border-radius:10px;width:100%;min-height:46px;padding:10px 12px}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--acento);flex-shrink:0;padding:0}.casilla{align-items:center;gap:10px;min-height:44px;display:flex}.selector{border:1px solid var(--linea);border-radius:12px;display:flex;overflow:hidden}.selector button{background:var(--fondo);cursor:pointer;border:0;flex:1;min-height:46px;padding:8px 6px}.selector button+button{border-left:1px solid var(--linea)}.selector button.activa{background:var(--acento);color:var(--acento-tinta);font-weight:600}.pago{border:1px solid var(--linea);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.denominacion{font-variant-numeric:tabular-nums;grid-template-columns:1fr 84px 1fr;align-items:center;gap:10px;display:grid}.denominacion em{text-align:right;color:var(--tenue);font-style:normal}.denominacion input{text-align:center}.contador{flex-shrink:0;align-items:center;gap:6px;display:flex}.contador button{border:1px solid var(--linea);background:var(--acento-suave);cursor:pointer;border-radius:12px;width:46px;height:46px;font-size:1.3rem}.contador span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:600}.enlace-comercio{border:1px dashed var(--linea);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;padding:10px;font-size:.9rem}.pin-puntos{justify-content:center;gap:14px;padding:8px 0;display:flex}.pin-puntos span{border:2px solid var(--acento);border-radius:50%;width:16px;height:16px}.pin-puntos span.lleno{background:var(--acento)}.teclado{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.teclado button{border:1px solid var(--linea);background:var(--fondo);cursor:pointer;border-radius:14px;min-height:58px;font-size:1.4rem}.teclado button.secundaria{color:var(--tenue);font-size:1rem}.buscador{margin-bottom:4px}.chips{scrollbar-width:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{border:1px solid var(--linea);background:var(--fondo);cursor:pointer;white-space:nowrap;border-radius:22px;flex:none;min-height:44px;padding:8px 14px}.chips button.activa{background:var(--acento);color:var(--acento-tinta);border-color:var(--acento);font-weight:600}.productos{flex-direction:column;gap:8px;display:flex}.producto{text-align:left;border:1px solid var(--linea);background:var(--fondo);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:flex}.producto span{overflow-wrap:anywhere;min-width:0}.producto strong{font-variant-numeric:tabular-nums;flex-shrink:0}.velo{z-index:20;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--tarjeta);width:100%;max-width:560px;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;flex-direction:column;display:flex}.modal header{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:10px;padding:12px 8px 8px 16px;display:flex}.modal .cerrar{cursor:pointer;width:46px;height:46px;color:var(--tenue);background:0 0;border:0;flex-shrink:0;font-size:1.8rem;line-height:1}.modal-cuerpo{flex-direction:column;gap:12px;padding:14px 16px 18px;display:flex;overflow-y:auto}@media (width>=640px){.velo{align-items:center}.modal{border-radius:18px}}@media (prefers-reduced-motion:no-preference){.modal{animation:.18s ease-out subir}@keyframes subir{0%{opacity:0;transform:translateY(24px)}}}
