:root{--fondo:#f0f6ff;--tarjeta:#fff;--sombra:0 4px 16px #0d76ff29;--linea:#d9dee9;--texto:#003c70;--tenue:#69728c;--azul:#0b6cf0;--azul-suave:#e7effb;--verde:#157a52;--verde-suave:#e6f6ef;--ambar:#b45309;--ambar-suave:#fff4e0;--rojo:#c8323a;--rojo-suave:#fdeded;--radio:14px;--tacto:48px;--alto-teclado:calc(272px + env(safe-area-inset-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--texto);background:var(--fondo);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:var(--fondo);overscroll-behavior:none}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--azul);outline-offset:2px}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .16s ease-out,transform .16s ease-out}button:active:not(:disabled){opacity:.6;transition-duration:0s;transform:translateY(1px)}button[aria-busy=true],.puntos-pin[aria-busy=true]{animation:.7s ease-in-out .15s infinite alternate en-proceso}button[aria-busy=true],button[aria-busy=true]:disabled{cursor:progress}@keyframes en-proceso{0%{opacity:.9}to{opacity:.35}}@media (prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}button[aria-busy=true],.puntos-pin[aria-busy=true]{animation:none}button[aria-busy=true]:after{content:"…"}}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}.pantalla-centrada{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:16px;display:flex}.ancho-chico{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.titulo{font-size:1.35rem;font-weight:700}.tenue{color:var(--tenue)}.boton{min-height:var(--tacto);border:1px solid var(--linea);border-radius:var(--radio);background:var(--tarjeta);cursor:pointer;padding:0 18px;font-weight:600}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-principal{background:var(--azul);border-color:var(--azul);color:#fff}.boton-peligro{border-color:var(--rojo);color:var(--rojo)}.campo{flex-direction:column;gap:6px;font-weight:600;display:flex}.campo input,.campo select,.campo textarea{min-height:var(--tacto);border:1px solid var(--linea);border-radius:var(--radio);background:var(--tarjeta);width:100%;padding:0 14px;font-weight:400}.mensaje{border-radius:var(--radio);padding:12px 14px;font-weight:500}.mensaje-error{background:var(--rojo-suave);color:var(--rojo)}.mensaje-aviso{background:var(--ambar-suave);color:var(--ambar)}.lista-personas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%;max-width:720px;display:grid}.persona{border-radius:var(--radio);background:var(--tarjeta);min-height:88px;box-shadow:var(--sombra);cursor:pointer;border:none;padding:12px;font-weight:600}.persona small{color:var(--tenue);margin-top:4px;font-weight:400;display:block}.teclado-pin{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;display:grid}.teclado-pin button{min-height:64px;font-size:1.4rem}.puntos-pin{justify-content:center;gap:14px;display:flex}.puntos-pin span{border:2px solid var(--azul);border-radius:50%;width:16px;height:16px}.puntos-pin span.lleno{background:var(--azul)}.marco{flex-direction:column;height:100%;display:flex}.barra{background:var(--tarjeta);box-shadow:var(--sombra);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.barra nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.barra nav button{white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;min-height:40px;padding:0 12px;font-weight:600}.barra nav button[aria-current=page]{background:var(--azul-suave);color:var(--azul)}.estado{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.estado-bien{color:var(--verde);background:var(--verde-suave)}.estado-aviso{color:var(--ambar);background:var(--ambar-suave)}.estado-sube{color:var(--azul);background:var(--azul-suave)}.estado-mal{color:var(--rojo);background:var(--rojo-suave)}.contenido{flex:1;padding:12px;overflow:auto}.mensaje-bien{background:var(--verde-suave);color:var(--verde)}kbd{font:inherit;background:#003c701a;border-radius:5px;padding:1px 5px;font-size:.75em}.boton-principal kbd{background:#ffffff40}.venta{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:12px;height:100%;display:grid}.venta-principal{flex-direction:column;gap:12px;min-height:100%;display:flex}.venta-lateral{flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.campo-captura{font-size:1.6rem;font-weight:700}.total-grande{font-size:2rem;font-weight:800}.total-cambio{color:var(--verde);font-size:1.2rem;font-weight:700}.boton-cobrar{min-height:64px;font-size:1.2rem}.renglones{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.renglon{border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.renglon.elegido{background:var(--azul-suave)}.renglon-datos{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-height:44px;display:flex}.renglon-datos small{color:var(--tenue)}.quitar{width:44px;height:44px;color:var(--tenue);cursor:pointer;background:0 0;border:none;font-size:1.3rem}.con-teclado #raiz{height:calc(100% - var(--alto-teclado));overflow:auto}.con-teclado .fondo-hoja{bottom:var(--alto-teclado)}.con-teclado .venta-lateral{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;padding:10px 12px;display:grid}.con-teclado .venta-lateral .total-grande{font-size:1.4rem}.con-teclado .boton-cobrar{min-height:var(--tacto);grid-column:1/3;font-size:1.1rem}.con-teclado .boton-cobrar:only-of-type{grid-column:1/-1}.con-teclado kbd{display:none}.teclado-pantalla{z-index:20;height:var(--alto-teclado);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--azul-suave);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;display:grid;position:fixed;inset:auto 0 0}.tecla{background:var(--tarjeta);cursor:pointer;border:none;border-radius:10px;font-size:1.4rem;font-weight:600}.tecla-enter{border:2px solid var(--azul);color:var(--azul);grid-column:span 2;font-size:1.15rem}.fondo-hoja{z-index:10;background:#003c7059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hoja{background:var(--tarjeta);width:100%;max-width:480px;max-height:100%;box-shadow:var(--sombra);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow:auto}.hoja-deslizable{overscroll-behavior-y:contain;padding-block:0;transition:transform .2s ease-out}.hoja-encabezado{z-index:1;background:var(--tarjeta);padding-block:12px;position:sticky;top:0}.hoja-asa{background:var(--linea);border-radius:2px;width:40px;height:4px;margin:0 auto 8px;display:none}.hoja-pie{background:var(--tarjeta);padding-block:12px;position:sticky;bottom:0}.boton-icono{width:var(--tacto);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.boton-con-icono{justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){.hoja-deslizable{transition:none}}.fila-separada{justify-content:space-between;align-items:center;gap:12px;display:flex}.fila-botones{flex-wrap:wrap;gap:8px;display:flex}.fila-botones .boton{white-space:nowrap;flex:1}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--linea);background:var(--tarjeta);cursor:pointer;border-radius:999px;min-height:40px;padding:0 12px;font-weight:600}.campo-en-linea{grid-template-columns:120px 1fr;align-items:center;display:grid}@media (width<=767px){.venta{grid-template-columns:minmax(0,1fr)}.venta-lateral{position:sticky;top:auto;bottom:0}.fondo-hoja{align-items:flex-end;padding:0}.hoja{border-radius:20px 20px 0 0;max-width:none}.hoja-asa{display:block}}.columna{flex-direction:column;gap:12px;display:flex}.dos-columnas{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.datos{grid-template-columns:1fr auto;gap:4px 16px;margin:0;display:grid}.datos dd{text-align:right;margin:0}.dato{display:contents}.lista{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fila{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:4px 8px;display:flex}.fila>span:first-child{flex:1}.fila small,.tabla small{color:var(--tenue);font-weight:400;display:block}.fila-boton{text-align:left;cursor:pointer;background:0 0;border:none;width:100%}.fila-boton.elegida,.fila-boton:hover{background:var(--azul-suave)}.cancelada{color:var(--tenue);text-decoration:line-through}.resumen{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.resumen>div{background:var(--fondo);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.resumen strong{font-size:1.15rem}.resumen small{color:var(--tenue)}.tabla{overflow-x:auto}.tabla table{border-collapse:collapse;width:100%}.tabla th,.tabla td{text-align:right;border-bottom:1px solid var(--linea);white-space:nowrap;padding:8px}.tabla th:first-child,.tabla td:first-child{text-align:left}@media (width<=767px){.dos-columnas{grid-template-columns:minmax(0,1fr)}}.confirmar{flex:none;gap:6px;display:inline-flex}.etiqueta{background:var(--azul-suave);color:var(--azul);border-radius:999px;flex:none;padding:2px 10px;font-size:.85rem;font-weight:600}.etiqueta-vencido{background:var(--ambar-suave);color:var(--ambar)}.etiqueta-entregado{background:var(--verde-suave);color:var(--verde)}.etiqueta-cancelado{background:var(--rojo-suave);color:var(--rojo)}.etiqueta-sacado{background:var(--fondo);color:var(--tenue)}.pasos{color:var(--tenue);gap:12px;margin:0;padding:0;list-style:none;display:flex}.pasos [aria-current=step]{color:var(--azul);font-weight:700}.rejilla{flex-wrap:wrap;gap:8px;display:flex}.fila-captura{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.fila-partida{flex-wrap:wrap;padding:0}.fila-partida>.fila-boton{flex:280px;width:auto}.chip[aria-selected=true]{background:var(--azul-suave);color:var(--azul)}.panel-a-cuenta{border:1px solid var(--linea);border-radius:var(--radio);padding:12px}@media (width<=767px){.fila-captura{grid-template-columns:minmax(0,1fr)}}.texto-bien{color:var(--verde)}.texto-mal{color:var(--rojo)}.bloque{font-weight:400;display:block}.interruptor{width:24px;height:24px;accent-color:var(--azul);flex:none}.ancho-completo{flex-basis:100%}.cancelada-suave{color:var(--tenue)}.chip[aria-checked=true]{background:var(--azul-suave);color:var(--azul)}.avisos{margin-bottom:12px}.papel{border:1px solid var(--linea);color:#000;white-space:pre;background:#fff;align-self:center;max-width:100%;padding:16px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.25;overflow-x:auto}.papel-logo{max-width:100%;height:auto;margin:0 auto 8px;display:block}.papel-negrita{font-weight:700}.papel-grande{font-size:2em}.papel-invertido{color:#fff;background:#000;font-weight:700}.muestra-de-logo{margin:0}.muestra-de-logo img{border:1px solid var(--linea);max-width:100%;height:auto;margin-top:6px;display:block}
