/* FinQuiz! — white canvas, blue ink, orange energy and tactile controls. */
/* Prueba 22-oct: Bricolage Grotesque como letra principal (antes Nunito). La manuscrita sigue siendo Caveat (--mano, en whiteboard.css). */
:root{--f:'Bricolage Grotesque','Nunito',system-ui,sans-serif;--display:'Bricolage Grotesque','Nunito',system-ui,sans-serif;--ink:#193d50;--r-a:#ffb69d;--r-b:#a9ddff;--r-c:#ffe17d;--r-d:#a9e4cc}
html,body,.fondo{background:#fff;color:#193d50}.fondo::before,.fondo::after{display:none}
.finquiz-logo{display:inline-flex;align-items:center;gap:9px;font:900 62px/1 var(--display);letter-spacing:-3px;color:#087db8;white-space:nowrap;margin-bottom:27px}
.finquiz-logo img{width:57px;height:57px}.finquiz-logo .quiz{color:#ee7319}.finquiz-logo i{font-style:normal;color:#ee7319;display:inline-block;transform:rotate(10deg);margin-left:1px}
#puerta.on{max-width:1200px;grid-template-columns:1.03fr 1fr;padding:83px 42px 32px;gap:20px 36px}
#puerta h1{font:900 clamp(36px,4vw,54px)/1.13 var(--display);letter-spacing:-1.7px;margin-bottom:13px;color:#193d50}
#puerta h1 em{color:#193d50;white-space:normal}
.bienvenida-bajada{font-size:23px;font-weight:800;line-height:1.4;color:#087db8;margin-bottom:27px}
.bienvenida-estado{padding:16px 18px;border:2px solid #e3edf1;border-radius:18px;max-width:400px;gap:12px;background:#fff;margin-bottom:19px;color:#193d50}
.bienvenida-estado strong{font-size:17px;font-weight:800}.bienvenida-estado p{font-size:15px;color:#5d7380}.estado-luz{background:#8fa5ae;box-shadow:0 0 0 5px #eff4f6}
.bienvenida-cta{background:#ff962e;color:#14384a;border:2px solid #ff962e;border-radius:17px;box-shadow:0 5px 0 #d27318;font-size:19px;font-weight:900;min-height:59px;max-width:400px;width:100%;padding:14px 20px;letter-spacing:.01em;transition:transform .12s,box-shadow .12s}
.bienvenida-cta:hover{background:#ffa849;border-color:#ffa849;color:#14384a;box-shadow:0 5px 0 #d27318;transform:translateY(-1px)}
.bienvenida-cta:active{transform:translateY(4px);box-shadow:0 1px 0 #d27318}.bienvenida-nota{color:#647884;font-size:14px;max-width:400px;text-align:center;font-weight:600}
.bienvenida-arte{align-self:center}.bienvenida-arte img{width:112%;margin-left:-6%;filter:none;aspect-ratio:1;object-fit:contain}
.escenario-halo,.orbita-estrella,.arte-acento{display:none}
.bienvenida-pasos{border-top:2px solid #edf2f4;color:#526e7c;font-size:16px;font-weight:800;padding-top:24px}
.bienvenida-pasos b{display:grid;place-items:center;background:#e9f6fd;border-radius:12px;color:#087db8;font-size:16px;width:36px;height:36px}
.bienvenida-categoria{color:#087db8}.ingreso-intro,.ingreso-intro h2,.volver-portada{color:#193d50}.ingreso-intro p:last-child{color:#5d7380}
#ingreso .entrada-panel{background:#fff;border:2px solid #e0ebef;box-shadow:0 5px 0 #e0ebef}
#ingreso .boton{background:#ff962e;border-color:#ff962e;color:#14384a;box-shadow:0 5px 0 #d27318;font-weight:900}#ingreso .boton:hover{background:#ffa849}
#ingreso .apodo[aria-pressed=true]{background:#e8f6ff;border-color:#2498d5;color:#126b9a}#ingreso .fig[aria-pressed=true]{outline-color:#1688dc}
.menu-juego-trigger{background:#fff;color:#526e7c;border:2px solid #e3edf1;box-shadow:0 2px 0 #e3edf1}.menu-juego-trigger:hover,.menu-juego-trigger[aria-expanded=true]{background:#eaf6ff;border-color:#b6dff5}
.menu-juego-panel{background:#fff;border:2px solid #e3edf1;box-shadow:0 8px 0 #e3edf155,0 12px 24px #193d5010}.barra .menu-juego-panel .icono{color:#193d50}.barra .menu-juego-panel .icono:hover{background:#edf8ff}
.menu-juego-trigger:focus-visible,.menu-juego-panel button:focus-visible{outline-color:#1688dc}
.barra .ronda-indice,.barra .chip{color:#193d50}.sello-practica{background:#e8f6ff;color:#126b9a;border-color:#b6dff5}
.pregunta{background:#fff;border-color:#d9e6ec;color:#193d50;box-shadow:0 5px 0 #d9e6ec;font-weight:900}
.ilustra img{background:#fff;border-color:#e1ebef;box-shadow:0 5px 0 #e1ebef}
.op{color:#193d50;border-color:#193d5026;box-shadow:0 5px 0 #193d5038;font-weight:800}.op:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 7px 0 #193d5038}.op:active:not([disabled]),.op.elegida{transform:translateY(4px);box-shadow:0 1px 0 #193d5038;outline-color:#1688dc}
#espera h2,.espera-sub,.marcador-yo,#repaso h2,#final .logo,#final .sub{color:#193d50}.marcador-yo b,.puntazo,.espera-cuenta{color:#c66014}
.trivia-host .logo-grande{color:#087db8}.trivia-host .logo-grande em{color:#ee7319}
@media(min-width:900px) and (max-height:760px){#puerta.on{padding-top:72px;padding-bottom:24px}.finquiz-logo{font-size:54px;margin-bottom:20px}.finquiz-logo img{width:50px;height:50px}#puerta h1{font-size:46px}.bienvenida-bajada{margin-bottom:20px}.bienvenida-arte img{max-height:470px}}
@media(max-width:899px){#puerta.on{max-width:560px;grid-template-columns:1fr;gap:0;padding:74px 25px 28px}.bienvenida-texto{text-align:center}.finquiz-logo{font-size:47px;letter-spacing:-2px;margin-bottom:20px;gap:7px}.finquiz-logo img{width:45px;height:45px}#puerta h1{font-size:36px;line-height:1.14;letter-spacing:-1px;margin-bottom:12px}.bienvenida-bajada{font-size:21px;margin-bottom:22px}.bienvenida-estado{margin-left:auto;margin-right:auto;text-align:left}.bienvenida-nota{margin-left:auto;margin-right:auto}.bienvenida-arte{grid-row:2;width:100%;max-width:340px;margin:10px auto}.bienvenida-arte img{width:100%;margin:0}.bienvenida-pasos{font-size:14px;margin-top:0;gap:12px}.bienvenida-pasos span{align-items:center;text-align:center}.bienvenida-pasos b{font-size:14px;width:32px;height:32px}}
@media(prefers-reduced-motion:no-preference){.bienvenida-arte img{animation:finquiz-saludo .65s cubic-bezier(.2,.8,.2,1) both}@keyframes finquiz-saludo{from{opacity:0;transform:translateY(18px) rotate(-5deg)}to{opacity:1;transform:none}}}
/* La nota bajo el nombre cuando se juega con cuenta: avisa que cambiarlo acá
   también lo cambia en el ranking (antes se descartaba en silencio). */
.nombre-nota{margin:7px 0 0;font-size:13px;line-height:1.45;color:#5b7280;font-weight:600}