body{background:#fdf6ec;color:#1b1030;font-family:"Trebuchet MS",system-ui,sans-serif}
.poster{max-width:960px;margin:0 auto;overflow:hidden}
.hero{min-height:88vh;background-size:cover;background-position:center;color:#fff;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}
.tag{align-self:flex-start;background:#ffb703;color:#1b1030;font-weight:700;padding:.3rem .8rem;border-radius:99px;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}
.hero h1{font-size:clamp(3rem,13vw,7rem);line-height:.9;margin:0;font-weight:900;letter-spacing:-.03em}
.hero em{color:#ff5a36;font-style:normal}
.hero p{font-size:1.2rem;max-width:30ch;margin:0}
.cta{align-self:flex-start;background:#ff5a36;color:#fff;border:0;padding:.85rem 1.4rem;border-radius:99px;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));background:#1b1030;color:#fff}
.stats div{padding:1.2rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}
.stats b{font-size:1.8rem;color:#ffb703}
.sec{padding:3rem 1.25rem}
.sec h2{font-size:clamp(1.7rem,6vw,2.6rem);margin:0 0 1.5rem;font-weight:900;line-height:1.05}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.mcard{text-align:left;font:inherit;color:inherit;background:#fff;border:3px solid var(--c);border-radius:18px;padding:1.2rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s}
.mcard:hover{transform:translateY(-3px)}
.mcard.on{background:var(--c);color:#fff}
.abbr{font-size:2.2rem;font-weight:900;color:var(--c)}
.mcard.on .abbr{color:#fff}
.mcard p{margin:0}
.compare{background:#ffe8d6}
.vs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.vs>div{background:#fff;border-radius:18px;padding:1.2rem;opacity:.75}
.vs .now{background:#2a9d8f;color:#fff;opacity:1}
.vs ul{padding-left:1.2rem;line-height:1.8}
.quiz{background:#fff;border-radius:18px;padding:1.5rem;border:3px solid #8338ec;display:flex;flex-direction:column;gap:1rem}
.quiz h3{margin:0;font-size:1.3rem}
.opts{display:grid;gap:.6rem}
.opt{font:inherit;text-align:left;padding:.8rem 1rem;border-radius:12px;border:2px solid #ddd;background:#faf7ff;cursor:pointer;color:#1b1030}
.opt.good{background:#2a9d8f;color:#fff;border-color:#2a9d8f}
.opt.bad{background:#e63946;color:#fff;border-color:#e63946}
.foot{background:#8338ec;color:#fff;padding:3rem 1.5rem;text-align:center}
.foot h2{font-size:clamp(1.3rem,5vw,2rem);margin:0 0 1rem}
.foot p{font-weight:900;color:#ffb703;font-size:1.4rem;margin:0}
.ej{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.14);text-align:left;width:100%;box-sizing:border-box}
.ej-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.ej h5{margin:4px 0 6px;font-size:1.05rem}
.edad{display:inline-block;font-size:.85rem;background:rgba(0,0,0,.2);padding:3px 10px;border-radius:99px}
.ej ol{margin:10px 0 0;padding-left:20px;font-size:.9rem;line-height:1.45}