body{overflow:hidden}.progreso{z-index:3;background:#f0f0f0;height:4px;position:fixed;inset:0 0 auto}.progreso span{background:var(--acento);width:0;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.marca-ll{font:900 .95rem var(--sans);z-index:3;text-decoration:none;position:fixed;top:18px;left:20px}.marca-ll em{font-family:var(--serif);font-weight:500}.pantallas{height:100svh;position:relative}.pantalla{opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:72px 20px 96px;transition:opacity .18s,transform .25s ease-in,visibility 0s linear .25s;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translateY(40px)}.pantalla.arriba{transform:translateY(-40px)}.pantalla.activa{opacity:1;visibility:visible;transition:opacity .4s .2s,transform .55s cubic-bezier(.2,.8,.2,1) .2s,visibility;transform:none}@media (prefers-reduced-motion:reduce){.pantalla,.pantalla.arriba{transition-duration:10ms;transform:none}}.caja{width:min(680px,100%);margin:auto 0}.numero{font:700 .85rem var(--sans);color:var(--gris);align-items:center;gap:8px;margin:0 0 10px;display:flex}.numero:after{content:"→"}.pregunta{font:800 clamp(1.45rem, 3.6vw, 2.15rem) / 1.2 var(--sans);letter-spacing:-.01em;margin:0 0 10px}.pregunta .oblig{color:var(--gris);font-weight:500}.ayuda{font:400 1.08rem / 1.5 var(--serif);color:#444;margin:0 0 18px}.titular{font:900 clamp(2.2rem, 6vw, 3.6rem) / 1.05 var(--sans);letter-spacing:-.015em;margin:8px 0 18px}.entradilla{font:400 1.2rem / 1.55 var(--serif);color:#333;max-width:34em;margin:0 0 28px}.opciones{gap:12px;max-width:560px;margin:24px 0 0;padding:0;list-style:none;display:grid}.opcion{text-align:left;cursor:pointer;width:100%;font:500 1.02rem / 1.4 var(--sans);color:var(--texto);box-shadow:var(--sombra);background:#fff;border:0;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:box-shadow .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:flex}.opcion kbd{width:28px;height:28px;font:700 .76rem var(--sans);color:var(--gris);background:#f2f2f2;border-radius:8px;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.opcion .check{opacity:0;margin-left:auto;font-weight:800;transition:opacity .2s,transform .2s;transform:scale(.6)}@media (hover:hover){.opcion:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #00000017,0 18px 34px -16px #0000004d}.opcion:hover kbd{color:var(--texto)}}.opcion:focus-visible{outline:none;box-shadow:0 0 0 2px #00000047,0 14px 30px -14px #00000038}.caja:focus{outline:none}.opcion[aria-pressed=true]{box-shadow:0 0 0 2px var(--acento), 0 14px 30px -14px #00000038;font-weight:600}.opcion[aria-pressed=true] kbd{background:var(--acento);color:var(--negro)}.opcion[aria-pressed=true] .check{opacity:1;transform:none}.opcion.parpadeo{animation:.3s 2 parpadeo}@keyframes parpadeo{50%{transform:scale(.985)}}.texto{resize:none;width:100%;font:400 clamp(1.15rem, 2.6vw, 1.45rem) / 1.45 var(--serif);background:0 0;border:0;border-bottom:2px solid #e2e2e2;outline:none;min-height:48px;margin-top:14px;padding:8px 0;transition:border-color .2s;overflow:hidden}.texto:focus{border-bottom-color:var(--acento)}.texto::placeholder{color:#aaa}.otro-caja{max-width:560px;margin-top:6px;display:none}.otro-caja.visible{display:block}.acciones{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.pista{color:var(--gris);font-size:.82rem}.pista b{color:var(--texto);font-weight:700}.error{color:var(--rojo);min-height:1.3em;margin:12px 0 0;font-size:.92rem;font-weight:600}.flechas{z-index:3;gap:6px;display:flex;position:fixed;bottom:18px;right:18px}.flechas button{width:42px;height:42px;color:var(--texto);box-shadow:var(--sombra);cursor:pointer;background:#fff;border:0;border-radius:999px;font-size:1.05rem}.flechas button[disabled]{opacity:.25;cursor:default}.web{position:absolute;left:-9999px}.regalo{box-shadow:var(--sombra);background:#fff;border-radius:14px;align-items:center;gap:16px;max-width:560px;margin:6px 0 26px;padding:18px 20px;display:flex}.regalo span{font-size:2rem}.regalo p{font:400 1.05rem / 1.45 var(--serif);margin:0}@media (width<=560px){.pista{display:none}.pantalla{align-items:flex-start}}
