:root{--verde: #2fb344;--verde-osc: #23902f;--azul: #1c9fe8;--azul-osc: #1580bd;--rojo: #ef4b4b;--rojo-osc: #c73636;--amarillo: #ffc400;--texto: #3c3c3c;--gris: #777;--borde: #e2e2e2;--fondo: #ffffff;--suave: #f6f7f9;--bien-fondo: #d9f7c9;--mal-fondo: #ffdfe0}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font-family:Nunito,system-ui,sans-serif;font-weight:700;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2{font-weight:900;margin:0}.boton{width:100%;padding:.95rem 1.2rem;border:0;border-radius:16px;background:var(--verde);box-shadow:0 4px 0 var(--verde-osc);color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transition:transform 80ms,box-shadow 80ms}.boton:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--verde-osc)}.boton:disabled{background:#e5e5e5;box-shadow:0 4px #cfcfcf;color:#aaa}.boton--rojo{background:var(--rojo);box-shadow:0 4px 0 var(--rojo-osc)}.boton--claro{background:#fff;color:var(--azul);border:2px solid var(--borde);box-shadow:0 4px 0 var(--borde)}.enlace{background:none;border:0;color:var(--azul);font-weight:800;text-transform:uppercase;padding:.8rem}.inicio{max-width:560px;margin:0 auto;padding:1.25rem 1rem 7rem}.cabecera{display:flex;align-items:center;justify-content:space-between}.cabecera h1{font-size:2rem}.marcadores{display:flex;gap:.5rem}.marcador{padding:.35rem .7rem;border:2px solid var(--borde);border-radius:999px;font-weight:900}.subtitulo{color:var(--gris);margin:.4rem 0 1.2rem}.inicio h2{font-size:1.15rem;margin:1.2rem 0 .6rem}.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.tema{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem .8rem;background:#fff;border:2px solid var(--borde);border-radius:18px;box-shadow:0 4px 0 var(--borde);transition:transform 80ms}.tema:active{transform:translateY(2px)}.tema--si{border-color:var(--azul);background:#e8f6ff;box-shadow:0 4px 0 var(--azul)}.tema__emoji{font-size:2.4rem;line-height:1}.tema__nombre{font-weight:900}.tema__pct{position:absolute;top:.4rem;right:.55rem;font-size:.75rem;color:var(--gris)}.pie{position:fixed;left:0;right:0;bottom:0;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom));background:#fff;border-top:2px solid var(--borde)}.pie .boton{display:block;max-width:560px;margin:0 auto}.sesion{min-height:100dvh;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.barra{display:flex;align-items:center;gap:.8rem;padding:1rem}.cerrar{border:0;background:none;font-size:1.4rem;color:#afafaf;padding:.2rem .4rem}.progreso{flex:1;height:16px;background:#e5e5e5;border-radius:999px;overflow:hidden}.progreso__lleno{height:100%;background:var(--verde);border-radius:999px;transition:width .4s ease;box-shadow:inset 0 -4px #00000014}.contador{color:var(--gris);font-size:.9rem;min-width:2.6rem;text-align:right}.pregunta{flex:1;padding:.5rem 1.1rem 1rem;animation:entra .3s ease both}@keyframes entra{0%{opacity:0;transform:translate(24px)}}.enunciado{font-size:1.45rem;margin-bottom:1rem}.grande{font-size:5.5rem;text-align:center;line-height:1.1;margin:.4rem 0 1rem}.grande--romano{font-family:Georgia,Times New Roman,serif;font-size:4.5rem;letter-spacing:.05em;color:#6b4f2a}.grande.grande--largo{font-size:3rem}.grande.grande--muy-largo{font-size:2.1rem}.opciones.opciones--largas{grid-template-columns:1fr}.opciones--largas .opcion{font-size:1.1rem;min-height:54px;padding:.7rem}.romano{font-family:Georgia,Times New Roman,serif;letter-spacing:.04em}.raya{text-decoration:overline;text-decoration-thickness:.08em;text-underline-offset:0}.fraccion{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.05;margin:0 .1em}.fraccion>span:first-child{border-bottom:.08em solid currentColor;padding:0 .15em}.frase-hueco{font-size:1.45rem;line-height:1.6;text-align:center;margin:.5rem 0 1.5rem;padding:1rem;background:var(--suave);border-radius:16px}.hueco{display:inline-block;min-width:3.5em;padding:0 .3em;border-bottom:3px solid var(--azul);color:var(--azul-osc)}.ayuda{text-align:center;color:var(--gris);font-size:1.1rem;margin:-.3rem 0 1rem}.altavoz{display:block;margin:1rem auto 1.5rem;width:110px;height:110px;border-radius:28px;border:0;background:var(--azul);box-shadow:0 5px 0 var(--azul-osc);font-size:3rem}.altavoz:active{transform:translateY(3px);box-shadow:0 2px 0 var(--azul-osc)}.altavoz--peque{width:56px;height:56px;border-radius:16px;font-size:1.6rem;margin:-.4rem auto 1rem}.opciones{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.opcion{padding:1rem .6rem;min-height:64px;background:#fff;border:2px solid var(--borde);border-radius:16px;box-shadow:0 4px 0 var(--borde);font-size:1.2rem;font-weight:800}.opcion--elegida{border-color:var(--azul);background:#e8f6ff;box-shadow:0 4px 0 var(--azul);color:var(--azul-osc)}.opcion--buena{border-color:var(--verde);background:var(--bien-fondo);box-shadow:0 4px 0 var(--verde);color:var(--verde-osc)}.opcion--mala{border-color:var(--rojo);background:var(--mal-fondo);box-shadow:0 4px 0 var(--rojo);color:var(--rojo-osc)}.escribir{width:100%;padding:1rem;font:inherit;font-size:1.5rem;text-align:center;border:2px solid var(--borde);border-radius:16px;background:var(--suave);outline:none}.escribir:focus{border-color:var(--azul);background:#fff}.frase{min-height:72px;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start;padding:.6rem 0;margin-bottom:1.2rem;border-bottom:2px solid var(--borde);background:repeating-linear-gradient(transparent 0 58px,var(--borde) 58px 60px)}.fichas{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ficha{padding:.6rem .9rem;background:#fff;border:2px solid var(--borde);border-radius:14px;box-shadow:0 3px 0 var(--borde);font-size:1.15rem;font-weight:800}.ficha--usada{background:#e5e5e5;color:transparent;box-shadow:none}.pista{margin-top:1.4rem;color:var(--gris)}.pista summary{cursor:pointer;color:var(--azul)}.pista p{margin:.4rem 0 0;font-weight:600}.resultado{padding:1rem 1.1rem max(1rem,env(safe-area-inset-bottom));border-top:2px solid var(--borde);display:grid;gap:.8rem;transition:background .2s}.resultado--bien{background:var(--bien-fondo);border-color:transparent;color:var(--verde-osc)}.resultado--mal{background:var(--mal-fondo);border-color:transparent;color:var(--rojo-osc)}.resultado__texto{display:grid;gap:.2rem;animation:sube .25s ease both}.resultado__texto strong{font-size:1.4rem;font-weight:900}@keyframes sube{0%{opacity:0;transform:translateY(10px)}}.atajos{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.atajo{padding:.75rem .5rem;border:2px solid var(--borde);border-radius:14px;background:#fff;box-shadow:0 3px 0 var(--borde);font-weight:900}.explicacion{margin:.35rem 0 0;font-weight:700;color:var(--texto);background:#fff8d6;border-radius:10px;padding:.5rem .65rem;display:block;line-height:1.45}.pagina{max-width:640px;margin:0 auto;padding:.5rem 1rem 3rem}.pagina h2{font-size:1.1rem;margin:1.4rem 0 .6rem}.barra-pantalla{display:flex;align-items:center;gap:.6rem;padding:.6rem 0}.barra-pantalla h1{font-size:1.5rem}.vacio{color:var(--gris);text-align:center;margin:2rem 0}.lista{display:grid;gap:.6rem}.fila{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:2px solid var(--borde);border-radius:14px}.fila__emoji{font-size:1.8rem}.fila__centro{flex:1;display:grid;gap:.25rem}.fila__centro small{color:var(--gris)}.medidor{height:10px;background:#eee;border-radius:99px;overflow:hidden}.medidor>div{height:100%;border-radius:99px}.mini{padding:.5rem .8rem;border:0;border-radius:12px;background:var(--azul);box-shadow:0 3px 0 var(--azul-osc);color:#fff;font-weight:900}.tarjeta-fallo{padding:.8rem;border:2px solid var(--borde);border-radius:14px}.tarjeta-fallo p{margin:.3rem 0}.tarjeta-fallo__cab{display:flex;justify-content:space-between;color:var(--gris);font-size:.85rem}.tarjeta-fallo__q{font-size:1.1rem}.chip-mal{color:var(--rojo-osc);background:var(--mal-fondo);border-radius:99px;padding:0 .5rem}.sesion-h{border:2px solid var(--borde);border-radius:14px;padding:.6rem .7rem}.sesion-h summary{display:flex;align-items:center;gap:.7rem;cursor:pointer;list-style:none}.sesion-h summary::-webkit-details-marker{display:none}.sesion-h__nota{color:#fff;font-weight:900;border-radius:10px;padding:.35rem .5rem;min-width:3.2rem;text-align:center}.sesion-h__info{display:grid}.sesion-h__info small{color:var(--gris)}.linea{display:flex;gap:.6rem;padding:.55rem .2rem;border-top:1px solid var(--borde)}.linea:first-of-type{margin-top:.5rem}.linea small{display:block;color:var(--gris);margin-top:.15rem}.linea__marca{font-weight:900;width:1.2rem}.linea--bien .linea__marca{color:var(--verde)}.linea--mal .linea__marca{color:var(--rojo)}.resultado .explicacion{color:var(--texto)}.fin{max-width:480px;margin:0 auto;padding:3rem 1.2rem 2rem;text-align:center}.estrellas{font-size:4.2rem;display:flex;justify-content:center;gap:.4rem;margin-bottom:1rem}.estrella{color:#e5e5e5}.estrella--si{color:var(--amarillo);animation:brilla .5s cubic-bezier(.3,1.6,.5,1) both;text-shadow:0 4px 0 #e0a800}@keyframes brilla{0%{transform:scale(0) rotate(-40deg)}}.fin h1{font-size:2rem}.nota{font-size:1.3rem;color:var(--gris);margin:.4rem 0}.racha{font-size:1.1rem;margin:.6rem 0 2rem}.acciones{display:grid;gap:.8rem}.confeti{position:fixed;top:-12px;width:10px;height:14px;border-radius:2px;pointer-events:none;z-index:9;animation:cae 2.2s cubic-bezier(.2,.6,.4,1) forwards}@keyframes cae{to{transform:translateY(105vh) rotate(var(--giro));opacity:.8}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.pato{overflow:visible}.pato *{transform-box:fill-box}.pato__cuerpo{fill:#2f4a7a;stroke:#24324d;stroke-width:4}.pato__tripa{fill:#fff}.pato__ala{fill:#2f4a7a;stroke:#24324d;stroke-width:4;stroke-linejoin:round}.pato__copete{fill:#ffd43b;stroke:#24324d;stroke-width:3.5;stroke-linejoin:round}.pato__patas ellipse,.pato__pico path{fill:#ff8a1f;stroke:#24324d;stroke-width:3.5;stroke-linejoin:round}.pato__blanco{fill:#fff;stroke:#24324d;stroke-width:3}.pato__pupila{fill:#24324d}.pato__brillo{fill:#fff}.pato__moflete{fill:#ff9fb0;opacity:.85}.pato__sombra{fill:#0000001f}.pato__ceja{fill:none;stroke:#24324d;stroke-width:6;stroke-linecap:round;transform-origin:center;transition:transform .25s}.pato__ojos-tristes{fill:none;stroke:#24324d;stroke-width:3.5;stroke-linecap:round;opacity:0}.pato__todo,.pato__cabeza,.pato__pico-abajo{transform-origin:center}.pato__ala{transform-origin:10% 20%}.pato__ala--atras{transform-origin:90% 20%}.pato__ojo{transform-origin:center;animation:parpadeo 4.5s infinite}@keyframes parpadeo{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.pato--normal .pato__todo{animation:balanceo 3s ease-in-out infinite;transform-origin:50% 100%}@keyframes balanceo{50%{transform:rotate(-4deg) translateY(-2px)}}.pato--feliz .pato__todo{animation:salto .7s cubic-bezier(.3,.7,.4,1) infinite;transform-origin:50% 100%}.pato--feliz .pato__ala:not(.pato__ala--atras){animation:aleteo .3s ease-in-out infinite alternate}.pato--feliz .pato__ala--atras{animation:aleteo-izq .3s ease-in-out infinite alternate}.pato--feliz .pato__pico-abajo{transform:translateY(3px)}.pato--feliz .pato__ceja{transform:translateY(-5px)}.pato--feliz .pato__sombra{animation:sombra-salto .7s cubic-bezier(.3,.7,.4,1) infinite;transform-origin:center}@keyframes salto{0%,to{transform:translateY(0) scale(1.04,.94)}50%{transform:translateY(-16px) scale(.97,1.04)}}@keyframes aleteo{0%{transform:rotate(10deg)}to{transform:rotate(-35deg)}}@keyframes aleteo-izq{0%{transform:rotate(-10deg)}to{transform:rotate(35deg)}}@keyframes sombra-salto{50%{transform:scale(.7);opacity:.6}}.pato--triste .pato__ojos{opacity:0}.pato--triste .pato__ojos-tristes{opacity:1}.pato--triste .pato__ceja--izq{transform:translate(2px,1px) rotate(-30deg)}.pato--triste .pato__ceja--der{transform:translate(-2px,1px) rotate(30deg)}.pato--triste .pato__copete{transform:rotate(-25deg);transform-origin:30% 100%}.pato--triste .pato__todo{transform:scale(1.03,.97);transform-origin:50% 100%}.pato--pensando .pato__cabeza{animation:piensa 2.4s ease-in-out infinite;transform-origin:50% 100%}.pato--pensando .pato__ceja--der{transform:translateY(-6px) rotate(-8deg)}.pato--pensando .pato__pupila,.pato--pensando .pato__brillo{transform:translate(3px,-4px)}@keyframes piensa{50%{transform:rotate(6deg)}}.bocadillo{position:relative;background:#fff;border:2px solid var(--borde);border-radius:16px;padding:.6rem .9rem;font-weight:800}.bocadillo:after{content:"";position:absolute;left:-9px;top:50%;width:14px;height:14px;background:#fff;border-left:2px solid var(--borde);border-bottom:2px solid var(--borde);transform:translateY(-50%) rotate(45deg)}.saludo{display:flex;align-items:center;gap:.6rem;margin:.6rem 0 .2rem}.resultado__fila{display:flex;align-items:center;gap:.6rem}.fin2{max-width:560px;margin:0 auto;padding:1.5rem 1rem 3rem}.fin2__cab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.fin2__cab h1{font-size:1.9rem}.marcador-grande{display:flex;justify-content:center;gap:.7rem;margin:1rem 0 1.2rem}.dato{flex:1;max-width:140px;border:2px solid var(--borde);border-radius:16px;padding:.6rem;text-align:center}.dato b{display:block;font-size:1.6rem;font-weight:900}.dato small{color:var(--gris)}.dato--bien b{color:var(--verde)}.dato--mal b{color:var(--rojo)}.fin2 h2{font-size:1.15rem;margin:1.4rem 0 .6rem}.repaso{border:2px solid var(--borde);border-radius:14px;padding:0 .7rem}.bocadillo--arriba:after{left:50%;top:-9px;transform:translate(-50%) rotate(135deg)}.cabecera .saludo{margin:0}.pregunta__cab{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.pregunta__cab .enunciado{flex:1}.pregunta__pato{position:relative;flex:none;margin-top:-.4rem}.piensa{position:absolute;left:-26px;top:2px;display:flex;gap:3px;padding:4px 6px;background:#fff;border:2px solid var(--borde);border-radius:999px}.piensa i{width:6px;height:6px;border-radius:50%;background:#aaa;animation:puntos 1.2s infinite ease-in-out}.piensa i:nth-child(2){animation-delay:.15s}.piensa i:nth-child(3){animation-delay:.3s}@keyframes puntos{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.atajo--ancho{grid-column:1 / -1;background:#fff8d6;border-color:#f2d36b;box-shadow:0 3px #f2d36b}.porque{margin-top:.4rem;padding:.55rem .8rem;border:2px solid #f2d36b;border-radius:12px;background:#fff;font-weight:900;color:var(--texto);text-align:left}.respuesta-pato{display:flex;gap:.5rem;align-items:flex-start;margin-top:.4rem;background:#fff;border-radius:12px;padding:.5rem .7rem;color:var(--texto)}.respuesta-pato p{margin:.2rem 0 0;font-weight:700;line-height:1.45}.charla{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 1rem}.charla .barra-pantalla h1{font-size:1.3rem}.estado-ia{color:var(--gris)}.mensajes{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0 1rem}.msg{max-width:85%;margin:0;padding:.65rem .9rem;border-radius:18px;line-height:1.45;font-weight:700}.msg--pato{align-self:flex-start;background:#eef3fb;border-bottom-left-radius:6px}.msg--nina{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:6px}.piensa--quieto{position:static;border:0;padding:0;background:none}.sugerencias{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.sugerencias button{padding:.45rem .7rem;border:2px solid var(--borde);border-radius:999px;background:#fff;font-weight:800;font-size:.9rem}.escribir-msg{position:sticky;bottom:0;display:flex;gap:.5rem;padding:.7rem 0 max(.7rem,env(safe-area-inset-bottom));background:#fff}.escribir-msg input{flex:1;padding:.75rem;font:inherit;border:2px solid var(--borde);border-radius:14px;outline:none}.escribir-msg input:focus{border-color:var(--azul)}