:root{--negro:#0b090b;--rojo:#b83019;--rojo-hover:#cf3a20;--blanco:#fff;--borde:#8f8b8c;--borde-fuerte:#a9a5a6;--apagado:#6d6869;--radio-chip:14px;--radio-pill:999px;--alto-tab:88px;--tipo:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{padding-top:env(safe-area-inset-top,0px);background:var(--negro);color:var(--blanco);font-family:var(--tipo);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}button{font:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}.pantalla{min-height:calc(100dvh - env(safe-area-inset-top,0px));max-width:460px;padding:28px 22px calc(var(--alto-tab) + 24px + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.pantalla.sin-tabs{padding-bottom:28px}.titulo{text-align:center;letter-spacing:-.01em;margin:8px 0 18px;font-size:2.4rem;font-weight:700}.subtitulo{text-align:center;margin:0 0 28px;font-size:1.15rem;font-weight:600}.busqueda{background:var(--blanco);border-radius:var(--radio-pill);align-items:center;margin-bottom:26px;padding:4px 18px 4px 22px;display:flex;position:relative}.busqueda input{color:#111;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 0;font-size:1.15rem}.busqueda input::placeholder{color:#8b8b8b}.busqueda .lupa{color:var(--rojo);padding-left:10px;display:flex}.grilla{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px;display:grid}.chip{color:var(--blanco);border:1.5px solid var(--borde);border-radius:var(--radio-chip);letter-spacing:.01em;text-align:center;background:0 0;padding:16px 4px;font-size:1.35rem;font-weight:700;transition:background-color .12s,border-color .12s}.chip:active{background:#1c1719}.chip.elegible:hover{border-color:var(--blanco)}.chip.tomado{color:var(--apagado);border-color:#35302f}.contador{border:1.5px solid var(--borde);text-align:center;border-radius:18px;margin-top:auto;padding:22px 16px}.contador p{margin:0}.contador .cifra{font-size:2.5rem;font-weight:700;line-height:1.1}.contador .cifra .de{padding:0 8px;font-size:1.3rem;font-weight:400}.contador .pie{letter-spacing:.06em;margin-top:6px;font-size:1rem;font-weight:700}.cupo-propio{text-align:center;color:var(--apagado);margin:14px 0 0;font-size:.95rem}.tabs{height:calc(var(--alto-tab) + env(safe-area-inset-bottom,0px));max-width:460px;padding:0 22px env(safe-area-inset-bottom,0px);background:var(--negro);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--blanco);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 10px;display:flex}.tab.activo{color:var(--rojo)}.tab span{color:var(--rojo);font-size:.82rem}.telon{padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));z-index:20;background:#0b090bd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--negro);border:3px solid var(--borde-fuerte);border-radius:22px;width:100%;max-width:420px;max-height:100%;padding:22px 20px;overflow-y:auto}.modal h2{text-align:center;margin:0 0 18px;font-size:1.4rem;font-weight:500}.modal label{margin:0 0 8px;font-size:1.05rem;display:block}.campo{border-radius:var(--radio-pill);background:var(--blanco);color:#111;border:0;outline:0;width:100%;margin-bottom:16px;padding:15px 20px;font-size:1.1rem}.numero-grande{text-align:center;letter-spacing:.02em;margin:26px 0 30px;font-size:4.2rem;font-weight:700}.acciones{gap:14px;display:flex}.btn{border:0;border-radius:12px;flex:1;padding:15px 10px;font-size:1.15rem;font-weight:700;transition:background-color .12s}.btn-rojo{background:var(--rojo);color:var(--blanco)}.btn-rojo:hover:not(:disabled){background:var(--rojo-hover)}.btn-claro{background:var(--blanco);color:var(--rojo)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ancho{background:var(--rojo);width:100%;color:var(--blanco);border:0;border-radius:12px;padding:18px;font-size:1.4rem;font-weight:700}.sugerencias{border:1px solid #2a2527;border-radius:12px;max-height:190px;margin:-8px 0 12px;padding:0;list-style:none;overflow:hidden auto}.sugerencias li+li{border-top:1px solid #2a2527}.sugerencias button{width:100%;color:var(--blanco);text-align:left;background:#151112;border:0;justify-content:space-between;gap:12px;padding:12px 16px;font-size:1rem;display:flex}.sugerencias button:hover{background:#201a1c}.sugerencias .cuantos{color:var(--apagado)}.tabla{border-collapse:collapse;width:100%;font-size:1.15rem}.tabla thead th{text-align:right;background:#3a3436;padding:10px 12px;font-weight:400}.tabla thead th:first-child{text-align:left}.tabla td{text-align:right;border-bottom:1px solid #1c1719;padding:10px 12px}.tabla td:first-child{text-align:left}.tabla tbody tr{cursor:pointer}.tabla tbody tr:hover td{background:#151112}.tabla .inactivo{color:var(--apagado)}.resumen{justify-content:center;gap:56px;margin-top:12px;display:flex}.resumen div{text-align:center}.resumen p{margin:0}.resumen .cifra{font-size:3.6rem;font-weight:400;line-height:1}.resumen .rotulo{margin-top:12px;font-size:1.15rem;font-weight:700}.login{min-height:calc(100dvh - env(safe-area-inset-top,0px));flex-direction:column;justify-content:center;max-width:460px;margin:0 auto;padding:22px;display:flex}.login label{margin-bottom:8px;font-size:1.15rem;display:block}.login .campo{margin-bottom:22px}.vacio{text-align:center;color:var(--apagado);margin:40px 0;font-size:1.05rem;line-height:1.6}.aviso{left:50%;bottom:calc(var(--alto-tab) + 16px + env(safe-area-inset-bottom,0px));z-index:30;text-align:center;border-radius:12px;width:calc(100% - 44px);max-width:400px;padding:14px 18px;font-size:1rem;line-height:1.4;position:fixed;transform:translate(-50%)}.aviso.error{background:var(--rojo);color:var(--blanco)}.aviso.ok{background:var(--blanco);color:var(--negro)}.barra-sup{justify-content:flex-end;margin-bottom:-8px;display:flex}.enlace{color:var(--apagado);background:0 0;border:0;padding:6px 2px;font-size:.95rem;text-decoration:underline}.enlace:hover{color:var(--blanco)}.sin-conexion{background:var(--rojo);color:var(--blanco);text-align:center;padding:8px;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (height<=560px){.modal{padding:16px}.modal h2{margin-bottom:12px;font-size:1.2rem}.numero-grande{margin:14px 0 16px;font-size:2.6rem}.campo{margin-bottom:12px;padding:12px 18px}.sugerencias{max-height:130px}}.btn-borde{width:100%;color:var(--blanco);border:1.5px solid var(--borde);background:0 0;border-radius:12px;margin:-12px 0 22px;padding:13px;font-size:1.05rem;font-weight:600}.btn-borde:hover:not(:disabled){border-color:var(--blanco)}.btn-borde:disabled{opacity:.4;cursor:not-allowed}.personas{border:1.5px solid var(--borde);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.personas li+li{border-top:1px solid #2a2527}.personas button{width:100%;color:var(--blanco);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:1.1rem;display:flex}.personas button:hover{background:#171314}.personas .nombre{font-weight:600}.personas .cuantos{color:var(--apagado);white-space:nowrap;font-size:.95rem}.volver{text-align:left;margin:-10px 0 10px;display:block}.nombre-elegido{margin:0 0 18px;font-size:1.35rem;font-weight:700}