.vf{display:flex;flex-direction:column;justify-content:center;min-height:690px}.vf-barra{display:flex;align-items:center;gap:20px;margin-bottom:34px}.vf-cuenta{font-family:var(--font-mono);font-size:26px;color:var(--color-brand-lt)}.vf-puntos{display:flex;gap:10px}.vf-puntos i{width:14px;height:14px;border-radius:999px;background:var(--color-ink-3)}.vf-puntos i.hecho{background:var(--color-brand-lt)}.vf-puntos i.aqui{background:var(--color-amber);transform:scale(1.35)}.vf-tablero{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.vf-afirmacion{font-family:var(--font-display);font-weight:800;font-size:68px;line-height:1.12;min-height:2.24em;margin:0}.vf-opciones{display:flex;flex-direction:column;gap:18px}.vf-op{width:100%;padding:20px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:46px;letter-spacing:.02em;color:#fff;background:var(--color-ink-2);border:3px solid var(--color-ink-3);border-radius:18px}.vf[data-fase="1"] .vf-op{cursor:default}.vf[data-fase="1"] .vf-op.bien{background:var(--color-amber);border-color:var(--color-amber);color:var(--color-ink)}.vf[data-fase="1"] .vf-op.mal{opacity:.3;text-decoration:line-through;text-decoration-thickness:4px}.vf-por{margin:22px 0 0;max-width:52ch;min-height:2.7em;font-family:var(--font-body);font-size:36px;line-height:1.35;color:var(--color-amber);opacity:0}.vf[data-fase="1"] .vf-por{opacity:1}.vf-nav{display:flex;gap:16px;margin-top:22px}.vf-ir{padding:12px 26px;cursor:pointer;border-radius:999px;font-family:var(--font-body);font-size:24px;color:var(--color-brand-lt);background:transparent;border:2px solid var(--color-ink-3)}.vf-ir[disabled]{opacity:.25;cursor:default}.apr-trozo{position:absolute;font-family:var(--font-mono);font-size:17px;color:var(--color-lavender);white-space:nowrap;opacity:0;pointer-events:none}.apr-fuente{position:absolute;transform:translateY(-50%);display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:20px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:7px 16px 7px 13px;border-radius:999px;background:var(--color-ink);color:var(--color-brand-lt);border:2px solid var(--color-brand);transition:opacity .5s ease}.apr-fuente svg{width:21px;height:21px;flex:none}.apr-fuentes.apagadas .apr-fuente{opacity:.15}.apr-modelo.brilla{box-shadow:0 0 60px #7b6fef8c;border-color:var(--color-brand-lt)}@media(prefers-reduced-motion:reduce){.apr-trozo{transition:none!important}}.frag{color:var(--color-ink);--color-on-dark: var(--color-ink);--color-brand: #6355D8;--color-lavender: #4A4A6A}.frag .inv{font-weight:700}.frag[data-revelar=si] .inv{color:var(--color-amber);background:color-mix(in srgb,var(--color-amber) 16%,transparent);border-radius:6px;padding:2px 6px;text-decoration:line-through;text-decoration-thickness:3px}.capo-rol{color:var(--color-amber);font-weight:700}.capo-sys{color:var(--color-brand-lt)}.capo-user{color:var(--color-on-dark)}.capo-sale{color:var(--color-lavender)}.capo-btn{font-family:var(--font-body);font-size:22px;font-weight:700;padding:12px 24px;border-radius:10px;background:var(--color-ink-2);color:var(--color-lavender);border:2px solid var(--color-ink-3);cursor:pointer}.capo-btn:hover{border-color:var(--color-brand);color:var(--color-brand-lt)}.capo-btn.on{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.sem-btn{font-family:var(--font-body);font-size:24px;font-weight:700;padding:10px 22px;border-radius:999px;cursor:pointer;background:transparent;color:var(--color-muted);border:2px solid var(--color-ink-3)}.sem-btn.on{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.sem-punto{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-body);font-size:22px;font-weight:700;padding:7px 15px;border-radius:999px;white-space:nowrap;background:var(--color-brand);color:#fff;transition:opacity .35s ease,transform .35s ease}.sem-punto.foco{background:var(--color-amber);color:var(--color-ink)}.sem-punto.apagado{opacity:.12}.atn-pal,.atn-btn{font-family:var(--font-body);font-size:27px;font-weight:700;padding:10px 22px;border-radius:12px;cursor:pointer;background:var(--color-ink-2);color:var(--color-on-dark);border:2px solid var(--color-ink-3)}.atn-pal.on,.atn-btn.on{background:var(--color-amber);border-color:var(--color-amber);color:var(--color-ink)}.atn-fila{display:grid;grid-template-columns:190px 1fr 96px;align-items:center;gap:20px}.atn-eti{font-family:var(--font-mono);font-size:25px;text-align:right;color:var(--color-muted)}.atn-riel{height:22px;border-radius:999px;background:var(--color-ink-2);overflow:hidden}.atn-relleno{display:block;height:100%;border-radius:999px;background:var(--color-brand)}.atn-relleno.alto{background:var(--color-amber)}.atn-val{font-family:var(--font-mono);font-size:24px;color:var(--color-muted)}.atn-fila.alto .atn-eti,.atn-fila.alto .atn-val{color:var(--color-amber);font-weight:700}.capa{border-radius:18px;padding:30px 34px;background:var(--color-ink-2)}.capa-abajo{border-left:6px solid var(--color-brand)}.capa-arriba{border-left:6px solid var(--color-amber)}.capa-chip{font-family:var(--font-body);font-size:26px;padding:10px 20px;border-radius:999px;border:2px solid var(--color-ink-3);color:var(--color-on-dark)}.capa-chip.fuerte{font-family:var(--font-display);font-weight:800;background:var(--color-brand);border-color:var(--color-brand);color:#fff}.capa-flecha{margin:16px 0;font-family:var(--font-mono);font-size:26px;color:var(--color-muted);text-align:center}.capa-flecha span{margin-left:10px}
