:root{--fondo:#faf9f7;--texto:#1a1c1d;--superficie:#fff;--superficie-suave:#f4f3f0;--acento:#0f766e;--acento-texto:#fff;--atenuado:#6b6f70;--borde:#e4e3df;--exito:#15803d;--advertencia:#b45309;--peligro:#b91c1c;--aire:#0f766e0f;--e1:8px;--e2:16px;--e3:24px;--e4:32px;--r-control:12px;--r-tarjeta:16px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", "Roboto Mono", monospace;--toque:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#0d0f10;--texto:#f4f5f5;--superficie:#161a1b;--superficie-suave:#1c2021;--acento:#2fb8a6;--acento-texto:#0d0f10;--atenuado:#9aa0a1;--borde:#262b2c;--exito:#4ade80;--advertencia:#fbbf24;--peligro:#f87171;--aire:#2fb8a614}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--texto);background:var(--fondo);background-image:radial-gradient(120% 60% at 50% 0%, var(--aire) 0%, transparent 70%);overscroll-behavior-y:contain;background-attachment:fixed;margin:0;font-size:16px;line-height:24px}.display{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:32px}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--atenuado);margin:0 0 4px;font-size:11px;font-weight:600;line-height:16px}.caption{color:var(--atenuado);font-size:13px;line-height:18px}.numerico{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:24px}.pantalla{min-height:100%;padding:var(--e3) var(--e2) 0;flex-direction:column;max-width:560px;margin:0 auto;display:flex}.cabecera{padding-bottom:var(--e3)}.cuerpo{flex:1}.zona-accion{padding:var(--e2) 0 calc(var(--e2) + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--fondo) 70%, transparent);position:sticky;bottom:0}.boton{justify-content:center;align-items:center;gap:var(--e1);width:100%;min-height:var(--toque);padding:14px var(--e2);border-radius:var(--r-control);cursor:pointer;border:none;font-family:inherit;font-size:17px;font-weight:600;line-height:24px;transition:transform .12s,opacity .12s;display:flex}.boton:active:not(:disabled){transform:scale(.98)}.boton:disabled{opacity:.55;cursor:default}.boton-primario{background:var(--acento);color:var(--acento-texto)}.boton-secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--borde)}.boton-fantasma{color:var(--texto);border:1px solid var(--borde);background:0 0;min-height:44px;font-size:15px;font-weight:500}.bloque-dominante{width:100%;min-height:132px;padding:var(--e3) var(--e2);border-radius:var(--r-tarjeta);background:var(--acento);color:var(--acento-texto);text-align:left;cursor:pointer;border:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;font-family:inherit;transition:transform .12s;display:flex}.bloque-dominante:active{transform:scale(.99)}.bloque-dominante .titulo{font-size:22px;font-weight:700;line-height:28px}.bloque-dominante .apoyo{opacity:.85;font-size:14px;line-height:20px}.bloque-secundario{width:100%;min-height:72px;padding:var(--e2);border:1px solid var(--borde);border-radius:var(--r-tarjeta);background:var(--superficie);color:var(--texto);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;font-family:inherit;display:flex}.bloque-secundario .titulo{font-size:17px;font-weight:600;line-height:24px}.campo-unidades{align-items:baseline;gap:var(--e1);padding:var(--e2);border:1px solid var(--borde);border-radius:var(--r-tarjeta);background:var(--superficie);transition:border-color .15s,box-shadow .15s;display:flex}.campo-unidades:focus-within{border-color:var(--acento);box-shadow:0 0 0 3px var(--aire)}.campo-unidades input{min-width:0;color:var(--texto);font-family:var(--mono);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;font-size:40px;font-weight:500;line-height:48px}.campo-unidades .sufijo{font-family:var(--mono);color:var(--atenuado);font-size:20px}.aviso{align-items:flex-start;gap:var(--e1);margin-top:var(--e1);border-radius:var(--r-control);padding:10px 12px;font-size:14px;line-height:20px;display:flex}.aviso-advertencia{background:color-mix(in srgb, var(--advertencia) 12%, transparent);color:var(--advertencia)}.aviso-error{background:color-mix(in srgb, var(--peligro) 12%, transparent);color:var(--peligro)}.aviso-ok{background:color-mix(in srgb, var(--exito) 12%, transparent);color:var(--exito)}.opciones{gap:var(--e1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.opcion{min-height:var(--toque);border:1px solid var(--borde);border-radius:var(--r-control);background:var(--superficie);color:var(--texto);cursor:pointer;padding:10px 8px;font-family:inherit;font-size:15px;font-weight:500}.opcion[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:600}.barra{padding:var(--e1) 0 calc(var(--e1) + env(safe-area-inset-bottom));background:var(--fondo);border-top:1px solid var(--borde);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;position:sticky;bottom:0}.barra button{min-height:var(--toque);color:var(--atenuado);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.barra button[aria-current=page]{color:var(--acento);font-weight:600}.fila{align-items:center;gap:var(--e2);border:none;border-bottom:1px solid var(--borde);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;padding:14px 0;font-family:inherit;display:flex}.fila:last-child{border-bottom:none}.fila .hora{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--atenuado);min-width:52px;font-size:15px}.fila .que{flex:1;min-width:0}.fila .unidades{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.miniatura{object-fit:cover;background:var(--superficie-suave);border-radius:10px;width:44px;height:44px}.vacio{padding:var(--e4) var(--e2);text-align:center}.vacio h2{margin:0 0 var(--e1);font-size:18px;font-weight:600;line-height:26px}.vacio p{margin:0 0 var(--e3);color:var(--atenuado);font-size:15px;line-height:22px}.esqueleto{border-radius:var(--r-control);background:linear-gradient(90deg, var(--superficie-suave) 25%, var(--borde) 50%, var(--superficie-suave) 75%);height:68px;margin-bottom:var(--e1);background-size:200% 100%;animation:1.4s ease-in-out infinite brillo}@keyframes brillo{to{background-position:-200% 0}}.acuse{left:var(--e2);right:var(--e2);bottom:calc(var(--e2) + env(safe-area-inset-bottom));z-index:10;align-items:center;gap:var(--e2);max-width:528px;padding:14px var(--e2);border-radius:var(--r-tarjeta);background:var(--texto);color:var(--fondo);margin:0 auto;animation:.15s ease-out sube;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}@keyframes sube{0%{opacity:0;transform:translateY(12px)}}.acuse .detalle{flex:1;min-width:0;font-size:15px;line-height:20px}.acuse button{min-height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;flex-shrink:0;padding:8px 14px;font-family:inherit;font-size:15px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}