:root{--bg:#eef0f4;--surface:#fff;--ink:#0e1116;--ink-2:#4a5260;--ink-3:#767e8c;--line:#d9dee6;--brand:#0f6e78;--brand-on:#fff;--brand-ink:#084650;--brand-bg:#e1f0f2;--ok:#0e7a33;--ok-bg:#e4f5e9;--warn:#9a6400;--warn-bg:#fdf1d8;--bad:#b32b0c;--bad-bg:#fce7e1;--cfg:#5a6772;--cfg-bg:#e9ecf1;--r:14px;--r-chico:12px;--tap:48px;--sh:0 1px 2px #0e111614, 0 4px 12px #0e11160f;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12151b;--surface:#1a1f27;--ink:#eceff4;--ink-2:#aeb8c6;--ink-3:#78859a;--line:#2b333f;--brand:#6fd3df;--brand-on:#04262b;--brand-ink:#9fe3eb;--brand-bg:#123239;--ok:#55c97c;--ok-bg:#10291a;--warn:#e6b056;--warn-bg:#33270e;--bad:#f07a68;--bad-bg:#361511;--cfg:#93a0b0;--cfg-bg:#232b36;--sh:0 1px 2px #0006, 0 4px 14px #00000059}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:400 15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit}.icono{width:22px;height:22px;-webkit-mask:var(--icono) center / contain no-repeat;-webkit-mask:var(--icono) center / contain no-repeat;mask:var(--icono) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.boton{width:100%;min-height:var(--tap);border-radius:var(--r-chico);cursor:pointer;background:var(--brand);color:var(--brand-on);border:0;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:16px;font-weight:600;display:flex}.boton:hover{filter:brightness(.95)}.boton:disabled{opacity:.45;cursor:default;filter:none}.boton.ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.boton.ghost:hover{background:var(--cfg-bg);filter:none}.boton.peligro{background:var(--surface);color:var(--bad);border:1.5px solid var(--bad)}.boton.peligro:hover{background:var(--bad-bg);filter:none}.etiqueta-dev{font:11px var(--mono);background:var(--warn-bg);color:var(--warn);border-radius:6px;padding:3px 7px}.mal{color:var(--bad);font-weight:600}.nota{color:var(--ink-2);font-size:13px}.entrada{place-items:center;min-height:100dvh;padding:24px 20px;display:grid}.entrada .tarjeta{gap:10px;width:min(420px,100%);display:grid}.entrada .logo{background:var(--brand);width:64px;height:64px;color:var(--brand-on);border-radius:18px;justify-self:center;place-items:center;display:grid}.entrada .logo .icono{width:46px;height:46px}.entrada .varelad{letter-spacing:3px;color:var(--ink-2);justify-self:center;margin-top:8px;font-size:15px;font-weight:600}.entrada h1{letter-spacing:-1px;justify-self:center;margin:-6px 0 0;font-size:40px;font-weight:700}.entrada .lema{text-align:center;max-width:300px;color:var(--ink-2);justify-self:center;margin:0 0 18px}.marco{min-height:100dvh;display:flex}.lateral{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:0 0 224px;gap:4px;width:224px;height:100dvh;padding:12px;display:flex;position:sticky;top:0}.lateral .varelad{letter-spacing:2px;color:var(--ink-2);margin:8px 8px 0;font-size:11px;font-weight:600}.lateral .producto{color:var(--brand);margin:-2px 8px 14px;font-size:24px;font-weight:700}.destino{min-height:var(--tap);border-radius:var(--r-chico);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.destino:hover{background:var(--cfg-bg)}.destino.activo{background:var(--brand-bg);color:var(--brand-ink)}.contenido{flex-direction:column;flex:1;min-width:0;display:flex}.cabecera{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;min-height:56px;padding:12px 16px;display:flex}.cabecera h1{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:650}.cabecera .sub{color:var(--ink-3);margin-top:2px;font-size:13px}.cuerpo{flex:1;align-content:start;gap:12px;width:100%;max-width:720px;padding:16px;display:grid}.pestanas{display:none}@media (width<=599px){.lateral{display:none}.cuerpo{padding-bottom:96px}.pestanas{background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.pestanas .destino{text-align:center;min-height:56px;color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 0;font-size:11px}.pestanas .destino.activo{color:var(--brand);background:0 0}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}.kv{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:13px 14px;display:flex}.kv:first-child{border-top:0}.kv .k{color:var(--ink-2)}.kv .v{text-align:right;font-weight:600}:root{--escuela:var(--escuela-dia,#1f5e3a);--escuela-on:var(--escuela-dia-sobre,#fff);--escuela-bg:color-mix(in srgb, var(--escuela) 14%, var(--surface))}@media (prefers-color-scheme:dark){:root{--escuela:var(--escuela-noche,#5fbf8a);--escuela-on:var(--escuela-noche-sobre,#04200f);--escuela-bg:color-mix(in srgb, var(--escuela) 22%, var(--surface))}}.cabecera{gap:12px}.cabecera .titulos{flex:1;min-width:0}.chip-escuela{border:1.5px solid var(--escuela);background:var(--escuela-bg);max-width:180px;min-height:36px;color:var(--escuela);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.chip-escuela span{text-overflow:ellipsis;overflow:hidden}.escuela{align-items:center;gap:12px;padding:14px;display:flex}.avatar{background:var(--brand);color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.escuela .que{flex:1;gap:2px;min-width:0;display:grid}.escuela .que span{color:var(--ink-2);font-size:13px}.chip-actual{letter-spacing:.5px;background:var(--brand-bg);color:var(--brand-ink);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.boton.chico{width:auto;min-height:40px;font-size:14px}a.boton{text-decoration:none}.campo{gap:6px;display:grid}.campo span{color:var(--ink-2);font-size:13px;font-weight:600}.campo input{min-height:var(--tap);border-radius:var(--r-chico);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;padding:0 14px;font-size:16px}.campo input:focus{outline:2px solid var(--brand);outline-offset:1px}.unirse,.campo-con-boton{gap:10px;display:grid}.atras{border-radius:var(--r-chico);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:0 0 40px;font-size:28px;line-height:1}.atras:hover{background:var(--cfg-bg)}.aviso-flotante{z-index:20;border-radius:var(--r-chico);background:var(--ink);max-width:min(420px,100vw - 32px);color:var(--bg);box-shadow:var(--sh);padding:12px 16px;font-weight:600;position:fixed;top:12px;left:50%;transform:translate(-50%)}.tarjeta{align-items:center;gap:12px;padding:12px 14px;display:flex}.cuerpo-tarjeta{min-width:0;color:inherit;flex:1;gap:14px;text-decoration:none;display:flex}.tarjeta .hora{align-content:start;min-width:52px;display:grid}.tarjeta .hora b{font-size:18px}.tarjeta .hora span{color:var(--ink-3);font-size:12px}.tarjeta .hora .cuantos{color:var(--ink-2);font-weight:600}.tarjeta .que{flex:1;gap:2px;min-width:0;display:grid}.tarjeta .que b{font-size:16px}.tarjeta .que span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tarjeta .lugares{justify-items:end;display:grid}.tarjeta .lugares b{font-size:16px}.tarjeta .lugares span{color:var(--ink-3);font-size:11px}.chip{letter-spacing:.5px;background:var(--cfg-bg);color:var(--ink-2);border-radius:999px;flex:none;padding:4px 9px;font-size:10px;font-weight:700}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.aviso{background:var(--warn-bg);color:var(--warn)}.chip.mal{background:var(--bad-bg);color:var(--bad)}.mes{letter-spacing:1px;color:var(--ink-3);font-size:12px;font-weight:700}.tira{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.dia{border-radius:var(--r-chico);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;justify-items:center;gap:2px;padding:8px 0;display:grid}.dia span{color:var(--ink-3);font-size:11px}.dia b{font-size:17px}.dia.activo{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}.dia.activo span{color:var(--brand-on)}.punto,.sin-punto{border-radius:50%;width:5px;height:5px}.punto{background:var(--brand)}.dia.activo .punto{background:var(--brand-on)}.fecha-larga{margin:4px 0 0;font-size:17px}.estado-clase{align-items:center;gap:12px;display:flex}.estado-clase h2{margin:0;font-size:22px}.estado-clase p{margin:2px 0 0}.marca-estado{background:var(--cfg-bg);width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:0 0 44px;place-items:center;font-size:22px;display:grid}.marca-estado.reservada{background:var(--ok-bg);color:var(--ok)}.marca-estado.espera{background:var(--warn-bg);color:var(--warn)}.flyer{object-fit:contain;border-radius:var(--r);background:var(--surface);width:100%;max-height:360px}.flyer.neutro{text-align:center;min-height:140px;color:var(--ink-2);border:1px solid var(--line);place-items:center;padding:16px;font-size:20px;font-weight:700;display:grid}.velo{z-index:30;background:#0e111673;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialogo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:min(400px,100%);box-shadow:var(--sh);gap:12px;padding:20px;display:grid}.dialogo h2{margin:0;font-size:18px}.dialogo p{margin:0}.dialogo .botones{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grupo{gap:10px;display:grid}.seccion{color:var(--ink-2);margin:8px 0 0;font-size:15px}.vacio{text-align:center;gap:10px;padding:24px 0;display:grid}.vacio h2{margin:0;font-size:18px}.seccion-con-cuenta{color:var(--ink-2);align-items:center;gap:8px;margin:8px 0 0;font-size:15px;display:flex}.seccion-con-cuenta .cuenta{background:var(--brand);min-width:22px;height:22px;color:var(--brand-on);border-radius:999px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-grid}.seccion-con-cuenta .cuenta.ok{background:var(--ok);color:#fff}.poster{border-radius:var(--r);border:1px solid var(--line);background:#fff;justify-self:center;width:100%;max-width:422px;position:relative;overflow:hidden}.poster-marco{transform-origin:0 0;background:#fff;border:0;display:block}.poster-compartir{border:1px solid var(--line);color:#1f2330;cursor:pointer;background:#ffffffe0;border-radius:20px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}.poster-compartir .icono{width:18px;height:18px}.segmento{border-radius:var(--r-chico);background:var(--cfg-bg);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmento button{min-height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-items:center;gap:1px;display:grid}.segmento button b{font-size:14px}.segmento button span{font:11px var(--mono);color:var(--ink-3)}.segmento button.activo{background:var(--surface);color:var(--brand)}.segmento button.activo span{color:var(--brand)}.titulo-dia{margin:4px 0 0;font-size:34px}.titulo-dia+.nota{margin:-10px 0 0}.franja-sin-red{background:var(--warn-bg);min-height:34px;color:var(--warn);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.franja-sin-red .icono{width:18px;height:18px}.franja-sin-red span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aviso-sin-red{border-radius:var(--r-chico);border:1px solid var(--warn);background:var(--warn-bg);color:var(--warn);align-items:flex-start;gap:10px;padding:10px;font-size:13px;font-weight:600;display:flex}.aviso-sin-red .icono{width:20px;height:20px}.aviso-info{border-radius:var(--r-chico);background:var(--brand-bg);color:var(--brand-ink);align-items:flex-start;gap:9px;padding:11px 13px;font-size:13.5px;display:flex}.aviso-info svg{flex:0 0 18px;margin-top:1px}.toma{border-radius:var(--r);background:var(--brand-bg);border:1.5px solid var(--brand);gap:6px;padding:14px;display:grid}.toma.tomada{background:var(--ok-bg);border-color:var(--ok)}.toma-titulo{letter-spacing:.5px;color:var(--brand-ink);font-size:11px;font-weight:700}.toma.tomada .toma-titulo{color:var(--ok)}.toma-clase{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.toma .boton{margin-top:4px}.toma-pegar{gap:8px;margin-top:4px;display:grid}.toma-pegar .nota{margin:0}.toma-campo{min-height:var(--tap);border-radius:var(--r-chico);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:15px var(--mono);padding:0 12px}.toma-campo:focus{outline:2px solid var(--brand);outline-offset:1px}.toma .mal,.toma .nota{margin:0}.escaner{z-index:30;color:#fff;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#000;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.escaner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.escaner-marco{aspect-ratio:1;border:3px solid #fff;border-radius:18px;width:min(64vw,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);box-shadow:0 0 0 100vmax #00000073}.escaner-texto{text-align:center;margin:0 0 14px;font-weight:600;position:relative}.escaner-botones{gap:10px;width:100%;max-width:420px;display:grid;position:relative}.resultado-toma{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);justify-items:center;gap:6px;padding:28px 16px;display:grid}.resultado-toma h2{margin:6px 0 0;font-size:20px}.resultado-toma .nota{margin:0}.resultado-marca{border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;font-weight:700;display:grid}.ok-toma .resultado-marca{background:var(--ok-bg);color:var(--ok)}.mal-toma .resultado-marca{background:var(--bad-bg);color:var(--bad)}.mal-toma h2{color:var(--bad)}.resultado-clase{margin:0;font-size:17px;font-weight:600}.entrada-motivo{border-radius:var(--r-chico);background:var(--brand-bg);color:var(--brand-ink);text-align:center;margin:0;padding:10px 12px;font-weight:600}.cuerpo:has(>.chat-pantalla){align-content:stretch;padding-bottom:0}.chat-pantalla{grid-template-rows:auto 1fr auto;gap:10px;display:grid}.chat-contexto{margin:0}.chat-mensajes{align-content:start;gap:8px;padding-bottom:4px;display:grid}.chat-dia{font:600 11px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-3);justify-self:center;padding:10px 0 2px}.chat-sistema{text-align:center;max-width:85%;color:var(--ink-3);justify-self:center;font-size:12px}.chat-fila{justify-items:start;gap:3px;display:grid}.chat-fila.mio{justify-items:end}.chat-autor{font:700 10px var(--mono);letter-spacing:.8px;color:var(--ink-3)}.chat-autor.personal{color:var(--escuela)}.chat-burbuja{background:var(--surface);border:1px solid var(--line);max-width:78%;color:var(--ink);border-radius:14px;gap:4px;padding:8px 12px;display:grid}.chat-fila.mio .chat-burbuja{background:var(--brand);color:var(--brand-on);border-color:#0000}.chat-texto{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.chat-hora{font:10px var(--mono);color:var(--ink-3);justify-self:end}.chat-fila.mio .chat-hora{color:var(--brand-on);opacity:.85}.chat-foto{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:min(240px,60vw);display:block}.chat-foto.vacia{background:var(--cfg-bg);color:var(--ink-3);place-items:center;font-size:12px;display:grid}.chat-compositor{background:var(--bg);align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;bottom:0}.chat-archivo{display:none}.chat-campo{min-width:0;min-height:var(--tap);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:0 14px;font-size:16px}.chat-campo:focus{outline:2px solid var(--brand);outline-offset:1px}.chat-mas,.chat-enviar{width:var(--tap);height:var(--tap);flex:0 0 var(--tap);cursor:pointer;background:var(--brand);color:var(--brand-on);border:0;border-radius:50%;font-size:20px}.chat-mas{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);font-size:24px}.chat-mas:disabled,.chat-enviar:disabled{opacity:.45;cursor:default}@media (width<=599px){.chat-compositor{bottom:calc(69px + env(safe-area-inset-bottom))}.cuerpo:has(>.chat-pantalla){padding-bottom:calc(69px + env(safe-area-inset-bottom))}}.kv-avisos{flex-wrap:wrap;align-items:center}.kv-avisos .mal,.kv-avisos .nota{flex-basis:100%;margin:0}.oferta-avisos{gap:8px;padding:14px;display:grid}.oferta-avisos b{font-size:16px}.oferta-avisos p{margin:0}.oferta-avisos .botones{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}