:root{--fondo:oklch(14% .002 280);--tinta:oklch(97% .008 85);--tarjeta:oklch(24% .003 280);--borde:oklch(30% .005 280);--humo:oklch(70% .012 280);--accion:oklch(91% .04 85);--sobre-accion:oklch(14% .002 280);--dorado:oklch(89% .1 88);--bien:oklch(66% .1 155);--aviso:oklch(78% .1 85);--mal:oklch(62% .18 25);--dedo:44px;--aire:12px;--precio-alto:64px;--radio:14px;--curva-salida:cubic-bezier(.23, 1, .32, 1);--apretar:.12s}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--tinta);-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}.pantalla{max-width:560px;padding:var(--aire);padding-bottom:calc(var(--aire) * 4);gap:var(--aire);flex-direction:column;margin:0 auto;display:flex}.cabecera{justify-content:space-between;align-items:baseline;gap:var(--aire);display:flex}.cabecera h1{margin:0;font-size:1.05rem;font-weight:650}.local{color:var(--humo);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:.8rem;overflow:hidden}.chip{min-height:var(--dedo);padding:0 var(--aire);border:1px solid var(--borde);background:var(--tarjeta);color:var(--humo);border-radius:999px;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.chip.ambar{color:var(--aviso);border-color:var(--aviso)}.chip .punto{background:var(--bien);border-radius:50%;width:8px;height:8px}.chip.ambar .punto{background:var(--aviso)}.cartel{border:1px solid var(--mal);border-radius:var(--radio);background:var(--tarjeta);padding:var(--aire);border-left-width:4px;flex-direction:column;gap:8px;display:flex}.cartel strong{color:var(--mal)}.cartel.apagado{border-color:var(--borde);border-left-color:var(--aviso)}.precios{gap:var(--aire);grid-template-columns:1fr 1fr;display:grid}.precio{min-height:var(--precio-alto);border:1px solid var(--accion);border-radius:var(--radio);background:var(--accion);color:var(--sobre-accion);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:1rem;font-weight:650;display:flex}.precio .monto{font-size:1.15rem;font-weight:750}.precio:disabled{background:var(--tarjeta);color:var(--humo);border-color:var(--borde);cursor:default}.precio:active:not(:disabled){transform:scale(.985)}.tarjeta{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);padding:var(--aire);gap:var(--aire);flex-direction:column;display:flex}.titulo-lista{justify-content:space-between;align-items:baseline;gap:var(--aire);color:var(--humo);font-size:.85rem;display:flex}.total{color:var(--tinta);font-size:1.35rem;font-weight:750}.al-pie{color:var(--aviso);font-size:.78rem}.filas{gap:var(--aire);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fila{justify-content:space-between;align-items:center;gap:var(--aire);min-height:var(--dedo);padding-top:var(--aire);border-top:1px solid var(--borde);display:flex}.filas .fila:first-child{border-top:0;padding-top:0}.fila .que{flex-direction:column;gap:2px;min-width:0;display:flex}.fila .servicio{font-weight:600}.fila .cuando{color:var(--humo);font-size:.75rem}.fila .motivo{color:var(--mal);white-space:normal;font-size:.75rem}.fila .plata{font-variant-numeric:tabular-nums;font-weight:650}.fila.rechazada{border-left:3px solid var(--mal);padding-left:8px}.boton{min-height:var(--dedo);min-width:var(--dedo);padding:0 var(--aire);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta);cursor:pointer;background:0 0;font-size:.9rem}.boton.fuerte{border-color:var(--accion);color:var(--accion)}.hueso{background:var(--borde);border-radius:8px;height:1rem}.hueso.alto{height:var(--precio-alto);border-radius:var(--radio)}.barra{justify-content:space-between;align-items:center;gap:var(--aire);padding:var(--aire);padding-bottom:calc(var(--aire) + env(safe-area-inset-bottom));background:var(--tarjeta);border-top:1px solid var(--borde);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0}.vacio{color:var(--humo);font-size:.9rem}.pie{margin:var(--aire) 0 0;padding:0 var(--aire) calc(var(--aire) + env(safe-area-inset-bottom));color:var(--humo);text-align:center;font-size:.72rem}.pie.mal{color:var(--aviso)}.barra .texto{flex-direction:column;gap:4px;display:flex}.barra .texto small{color:var(--humo);font-size:.72rem}.barra .botones{gap:var(--aire);display:flex}.pasos{gap:6px;display:grid}.pasos i{background:var(--borde);border-radius:3px;height:3px}.pasos i.hecho{background:var(--humo)}.pasos i.ahora{background:var(--accion)}.paso-titulo{color:var(--humo);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.pregunta{margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.explica{color:var(--humo);margin:0;font-size:.92rem;line-height:1.45}.campo{flex-direction:column;gap:6px;display:flex}.campo label{font-size:.85rem;font-weight:600}.campo input{min-height:calc(var(--dedo) + 8px);padding:0 var(--aire);border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);color:var(--tinta);font-size:1rem}.campo input:focus-visible{outline:2px solid var(--dorado);outline-offset:2px}.campo small{color:var(--humo);font-size:.78rem}.obligatorio{color:var(--dorado);margin-left:3px}.leyenda{color:var(--humo);margin:0;font-size:.8rem}.leyenda .obligatorio{margin-left:0}.campo small.falta{color:var(--mal)}.campo input[aria-invalid=true]{border-color:var(--mal)}.codigo{min-height:calc(var(--dedo) + 20px);border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);width:100%;color:var(--tinta);font-variant-numeric:tabular-nums;letter-spacing:.5em;text-align:center;padding-left:.5em;font-size:2rem;font-weight:700}.codigo:focus-visible{outline:2px solid var(--dorado);outline-offset:2px}.opciones{gap:var(--aire);flex-direction:column;display:flex}.opcion{min-height:calc(var(--dedo) + 20px);padding:var(--aire);border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);color:var(--tinta);text-align:left;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;font-size:1rem;display:flex}.opcion small{color:var(--humo);font-size:.8rem}.opcion{position:relative}.opcion:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accion);opacity:0;transition:opacity .16s var(--curva-salida);pointer-events:none;position:absolute;inset:-1px}.opcion[aria-checked=true]{border-color:var(--accion)}.opcion[aria-checked=true]:after{opacity:1}.acciones{gap:var(--aire);grid-template-columns:auto 1fr;display:grid}.acciones .boton{min-height:calc(var(--dedo) + 8px)}.boton.lleno{background:var(--accion);border-color:var(--accion);color:var(--sobre-accion);font-weight:700}.boton[disabled]{opacity:.4;cursor:not-allowed}.boton.apagado{opacity:.4}.enlace{min-height:var(--dedo);min-width:var(--dedo);color:var(--accion);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;font-size:.9rem;text-decoration:underline;display:inline-flex}.chico{color:var(--humo);text-align:center;margin:0;font-size:.85rem}.tarjeta>.motivo{color:var(--mal);margin:0;font-size:.88rem;line-height:1.4}.boton,.opcion,.enlace,.precio{transition:transform var(--apretar) var(--curva-salida), opacity .16s var(--curva-salida)}.boton:active:not([disabled]),.opcion:active{transform:scale(.97)}.enlace:active{opacity:.7;transform:scale(.97)}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}}@keyframes aparecer{0%{opacity:0}}.entra{animation:entrar .22s var(--curva-salida)}@media (prefers-reduced-motion:reduce){.boton:active:not([disabled]),.opcion:active,.enlace:active,.precio:active:not(:disabled){opacity:.75;transform:none}.entra{animation-name:aparecer}}