:root{--fondo:#f0f6ff;--tarjeta:#fff;--sombra:0 4px 16px #0d76ff29;--linea:#d9dee9;--texto:#003c70;--tenue:#69728c;--azul:#0b6cf0;--azul-suave:#e7effb;--azul-claro:#cfe1fb;--verde:#157a52;--verde-suave:#e6f6ef;--ambar:#b45309;--ambar-suave:#fff4e0;--rojo:#c8323a;--rojo-suave:#fdeded;--radio:14px;--tacto:48px;--alto-teclado:0px;--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}.ancho-chico:empty{display:none}.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;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.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{height:100%;display:flex}.barra{background:var(--tarjeta);width:208px;box-shadow:var(--sombra);flex-direction:column;flex:none;gap:12px;padding:12px 12px 20px;display:flex;overflow-y:auto}.barra-logo{object-fit:contain;border-radius:12px;flex:none;align-self:center;max-width:100%;height:64px;display:block}.barra nav{flex-direction:column;flex:1;gap:4px;display:flex}.barra nav button{min-height:var(--tacto);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:none;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}@media (hover:hover){.barra nav button:hover{background:var(--fondo)}}.barra nav button[aria-current=page]{background:var(--azul-suave);color:var(--azul)}.barra-pie{flex-direction:column;flex:none;gap:8px;display:flex}.barra-pie .estado{text-align:center;white-space:normal;border-radius:12px;justify-content:center}.barra-persona{text-align:left;align-items:center;gap:8px;width:100%;padding:6px 10px;display:flex}.barra-persona svg{flex:none}.barra-persona span{min-width:0}.barra-persona strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.barra-persona small{color:var(--tenue);font-weight:400;display:block}@media (width>=768px) and (width<=1023px){.barra{width:96px;padding:8px}.barra-logo{height:48px}.barra nav button{flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:6px 0;font-size:.75rem}.barra-pie .estado{padding:4px;font-size:.75rem}.barra-persona{text-align:center;flex-direction:column;gap:2px;padding:6px 4px}.barra-persona span{width:100%}.barra-persona strong{font-size:.75rem}}@media (width<=767px){.marco{flex-direction:column}.barra{gap:4px;width:auto;padding:4px 8px 2px;overflow:visible}.barra-logo{display:none}.barra-pie{flex-direction:row;order:-1;justify-content:space-between;align-items:center}.barra-pie .estado{text-align:left;min-width:0;padding:4px 8px;font-size:.75rem}.barra-persona{flex:none;width:auto;max-width:48%;min-height:40px;padding:2px 10px}.barra nav{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid}.barra nav button{flex-direction:column;justify-content:center;gap:2px;min-height:50px;padding:2px 0;font-size:.6875rem}}.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 .fondo-hoja-encima{z-index:25;bottom:0}.con-teclado kbd{display:none}.version-de-la-app{left:4px;bottom:calc(1px + env(safe-area-inset-bottom));z-index:30;color:var(--tenue);pointer-events:none;font-size:.625rem;position:fixed}.teclado-pantalla{z-index:20;background:var(--azul-suave);-webkit-user-select:none;user-select:none;border-radius:14px 14px 0 0;flex-direction:column;transition:transform .2s ease-out;display:flex;position:fixed;inset:auto 0 0}.con-teclado .teclado-pantalla{box-shadow:0 -4px 16px #0d76ff29}.teclado-asa,.teclado-teclas,.venta-panel-total,.venta-panel-botones{touch-action:none}.teclado-pantalla input{-webkit-user-select:text;user-select:text}.teclado-desplegado{animation:.2s ease-out teclado-sube}.teclado-guardado{padding-bottom:env(safe-area-inset-bottom);animation:.2s ease-out teclado-sube-guardado}@keyframes teclado-sube{0%{transform:translateY(100%)}}@keyframes teclado-sube-guardado{0%{transform:translateY(100%)}}.teclado-asa{min-height:24px;color:var(--azul);cursor:grab;background:0 0;border:none;flex:none;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.teclado-asa:empty:before{content:"";background:var(--tenue);border-radius:3px;width:48px;height:5px}.teclado-guardado .teclado-asa{min-height:40px}.teclado-ranura{padding:0 8px 6px}.teclado-ranura:empty{display:none}.teclado-teclas{padding:0 8px calc(14px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);grid-auto-rows:44px;gap:6px;display:grid}@media (height<=700px){.teclado-teclas{grid-auto-rows:38px;gap:4px}}.venta-panel{flex-direction:column;gap:6px;display:flex}.venta-panel-captura{align-items:center;gap:10px;display:flex}.venta-panel-campo{flex:1;min-width:0}.venta-panel-campo input::placeholder{font-size:1rem;font-weight:400}.venta-panel-campo input:focus-visible{outline:none}.venta-panel-total{flex-direction:column;flex:none;align-items:flex-end;line-height:1.1;display:flex}.venta-panel-total .total-grande{font-size:1.4rem}.venta-panel-botones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.venta-panel-botones .boton{padding:0 8px}.venta-panel-botones .boton-cobrar{min-height:var(--tacto);grid-column:2;font-size:1.1rem}.venta-panel-botones .boton-cobrar:only-child{grid-column:1/-1}.teclado-guardado .teclado-ranura{padding-bottom:14px}.teclado-guardado .venta-panel{flex-direction:row;align-items:center;gap:8px}.teclado-guardado .venta-panel-campo,.teclado-guardado .venta-panel-botones .boton:not(.boton-cobrar){display:none}.teclado-guardado .venta-panel-captura,.teclado-guardado .venta-panel-botones{flex:1;min-width:0}.teclado-guardado .venta-panel-botones{display:block}.teclado-guardado .venta-panel-botones .boton-cobrar{width:100%}.teclado-guardado .venta-panel-total{align-items:flex-start}.venta-celular{flex-direction:column;gap:8px;display:flex}.tarjetas-de-renglon{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tarjeta-de-renglon{border-radius:var(--radio);background:var(--tarjeta);box-shadow:var(--sombra);align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.tarjeta-de-renglon-datos{text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0;display:flex}.tarjeta-de-renglon-datos small{color:var(--tenue);font-weight:400;display:block}.pildora-fija{z-index:3;background:var(--fondo);justify-content:center;margin:-12px -12px 12px;padding:8px 12px;display:flex;position:sticky;top:-12px}.pildora{scrollbar-width:none;background:linear-gradient(#dfe9f9,#eef4fd);border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #003c701f,0 1px #fffc}.pildora button{white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.pildora button[aria-current=page]{color:#fff;background:linear-gradient(#0b6cf0,#0957c4);box-shadow:0 2px 6px #0957c466}@media (hover:hover){.pildora button:hover:not([aria-current=page],:disabled){background:#ffffffb3}}.pildora button:disabled{opacity:.5;cursor:not-allowed}.titulo-de-vista{align-items:center;gap:8px;margin-bottom:8px;font-size:1.1rem;font-weight:700;display:flex}.titulo-de-vista svg{color:var(--azul)}.opciones-de-hoja{padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.opciones-de-hoja button{border:1px solid var(--linea);border-radius:var(--radio);background:var(--tarjeta);text-align:left;cursor:pointer;align-items:center;gap:14px;min-height:60px;padding:0 16px;font-size:1.05rem;font-weight:600;display:flex}.opciones-de-hoja button svg{color:var(--azul);flex:none}.opciones-de-hoja button[aria-current=page]{background:var(--azul-suave);color:var(--azul);border-color:#0000}.opciones-de-hoja button:disabled{opacity:.5;cursor:not-allowed}.buscador-fijo{z-index:2;background:var(--fondo);margin:0 -12px;padding:8px 12px;position:sticky;top:-12px}.con-pildora .buscador-fijo{top:52px}.campo-buscar{min-height:var(--tacto);border:1px solid var(--linea);background:var(--tarjeta);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.campo-buscar svg{color:var(--tenue);flex:none}.campo-buscar input{background:0 0;border:none;flex:1;min-width:0;min-height:44px}.campo-buscar input:focus-visible{outline:none}.campo-buscar:focus-within{border-color:var(--azul)}.lista-larga>:nth-child(n+11){content-visibility:auto;contain-intrinsic-size:auto none auto 56px}.cantidad-con-botones{flex:none;align-items:center;display:inline-flex}.cantidad-con-botones>span{text-align:center;min-width:28px;font-weight:600}.cantidad-con-botones button{border:1px solid var(--linea);background:var(--tarjeta);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:1.3rem;font-weight:600}.tecla{background:var(--tarjeta);cursor:pointer;border:none;border-radius:10px;font-size:1.4rem;font-weight:600}.tecla-enter{background:var(--azul-claro);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}@media (prefers-reduced-motion:reduce){.hoja-deslizable,.teclado-pantalla{transition:none}.teclado-desplegado,.teclado-guardado{animation:none}}.cobro-encabezado{align-items:center;gap:12px;display:flex}.cobro-encabezado .titulo{flex:1;min-width:0}.metodos-de-pago{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.chip.chip-azul{background:var(--azul-suave);color:var(--azul);border-color:#0000}.chip.chip-azul[aria-pressed=true]{background:var(--azul);color:#fff}.chip-azul[aria-pressed=true] kbd{background:#ffffff40}.etiqueta-con-icono{align-items:center;gap:8px;font-weight:600;display:inline-flex}.etiqueta-con-icono svg{color:var(--azul);flex:none}.con-teclado .hoja-pie .boton-cobrar{min-height:var(--tacto);font-size:1.1rem}.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;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-weight:600;display:inline-flex}.campo-en-linea{grid-template-columns:150px minmax(0,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)}.fila-boton:disabled{color:var(--tenue);cursor:not-allowed;background:0 0}.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{background:var(--tenue);appearance:none;cursor:pointer;border-radius:14px;flex:none;width:48px;height:28px;margin:0;transition:background .16s ease-out;position:relative}.interruptor:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .16s ease-out;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.interruptor:checked{background:var(--azul)}.interruptor:checked:before{transform:translate(20px)}@media (prefers-reduced-motion:reduce){.interruptor,.interruptor:before{transition: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}.avisos:empty{display:none}.aviso-que-se-toca{text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.aviso-que-se-toca svg{flex:none}.pasos-de-instalar{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.pasos-de-instalar li{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;display:grid}.paso-dibujo{align-items:center;gap:8px;display:flex}.paso-icono{background:var(--azul-suave);width:44px;height:44px;color:var(--azul);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.mini-telefono{border:2px solid var(--texto);border-radius:6px;flex:none;width:26px;height:44px;position:relative}.mini-telefono:after{content:"";background:var(--azul);border-radius:50%;width:8px;height:8px;position:absolute}.mini-telefono[data-donde=arriba-derecha]:after{top:2px;right:2px}.mini-telefono[data-donde=abajo]:after{bottom:2px;left:calc(50% - 4px)}.mini-telefono[data-donde=abajo-derecha]:after{bottom:2px;right:2px}.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}