:root{--amarillo:#ffd43b;--amarillo-2:#fff3bf;--crema:#fffbe9;--verde:#2f7d32;--verde-2:#e3f2d5;--marron:#5b3a29;--texto:#3b2f2a;--sombra:0 10px 28px -10px #5b3a2959;--radio:20px;--head:"Fredoka", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif;scroll-behavior:smooth;--banana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 18'%3E%3Cpath d='M3 1 C9 21 35 18 42 6 C36 9 30 10 24 10 C15 10 8 7 3 1Z' fill='%23ffc72c' stroke='%23c98f00' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M3 1 L6 0 L7 4Z' fill='%236f4e37'/%3E%3Cpath d='M42 6 L44 4.5 L43 8Z' fill='%236f4e37'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}body{font:18px/1.6 var(--body);color:var(--texto);background:var(--crema);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}p{margin:0 0 1rem}h1,h2,h3{font-family:var(--head);color:var(--marron);margin:0 0 .6rem;line-height:1.15}h3{font-size:1.35rem}ul,ol{margin:0;padding:0;list-style:none}section[id]{scroll-margin-top:64px}.nav{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--amarillo);background:#fffbe9eb;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.nav-logo{font:600 1.4rem var(--head);color:var(--marron);align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav-logo img{width:30px}.nav nav{scrollbar-width:none;gap:.2rem;min-width:0;display:flex;overflow-x:auto}.nav nav a{color:var(--marron);white-space:nowrap;border-radius:999px;padding:.35rem .8rem;font-size:.95rem;font-weight:700;text-decoration:none}.nav nav a:hover{background:var(--amarillo-2)}.hamburguesa{display:none}.nav .nav-cta{background:var(--verde);color:#fff}.nav .nav-cta:hover{background:#256528}.hero{text-align:center;color:#fff;place-items:center;min-height:86vh;display:grid;position:relative;overflow:hidden}.hero-bg{filter:brightness(.55)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.hero-content{max-width:820px;padding:2rem 1.25rem;animation:.9s both subir;position:relative}.hero h1{color:#fff;text-shadow:0 4px 24px #00000073;justify-content:center;align-items:center;gap:.2em;margin:.3rem 0;font-size:clamp(3.5rem,13vw,8rem);display:flex}.hero-banana{width:.8em;animation:3s ease-in-out infinite mecer;transform:rotate(-12deg)}.autores{opacity:.95;margin-bottom:1.8rem;font-size:1.15rem}.kicker{font:600 .85rem var(--head);text-transform:uppercase;letter-spacing:.14em;color:var(--verde);margin-bottom:.4rem;display:inline-block}.kicker-light{color:var(--amarillo);font-size:1.2rem}.btn{cursor:pointer;font:700 1.05rem var(--head);background:var(--amarillo);color:var(--marron);border:0;border-radius:999px;padding:.8rem 1.8rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 6px #d9a900}.btn:hover{transform:translateY(2px);box-shadow:0 4px #d9a900}.btn:active{transform:translateY(6px);box-shadow:0 0 #d9a900}.seccion{max-width:1100px;margin:0 auto;padding:5rem 1.25rem}.seccion.alt{background:var(--amarillo-2);max-width:none;padding-inline:max(1.25rem,50% - 550px)}.titulo{text-align:center;margin-bottom:2rem}.titulo h2{margin:0;font-size:clamp(1.9rem,5vw,2.8rem)}.cinta{background:url(/img/cinta.png) 50%/100% 100% no-repeat;padding:.15em 1em;display:inline-block}.lead{font-size:1.25rem}.ancho{text-align:center;max-width:780px;margin-inline:auto}.centro{text-align:center}.centro-t{text-align:center;margin:3rem 0 1.5rem;font-size:1.7rem}.etq{color:var(--verde);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .4rem;font-size:.95rem;font-weight:700}.split{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}.foto img{border-radius:var(--radio);width:100%;box-shadow:var(--sombra);aspect-ratio:4/3;object-fit:cover;border:6px solid #fff}.foto-banda{max-width:900px;margin-top:2.5rem}.foto-banda img{aspect-ratio:16/7}.chips{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.split-texto .chips{justify-content:flex-start}.chips li{background:var(--amarillo);color:var(--marron);font:600 1.05rem var(--head);border-radius:999px;padding:.4rem 1.1rem}.chips .chip-verde{background:var(--verde-2);color:var(--verde)}.grid2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.card{border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;padding:1.6rem}.ranking{gap:.8rem;margin-top:1rem;display:grid}.ranking li{align-items:center;gap:1rem;display:flex}.ranking small{opacity:.75;display:block}.num{background:var(--amarillo);width:2.4rem;height:2.4rem;color:var(--marron);font:700 1.2rem var(--head);border-radius:50%;flex:none;place-items:center;display:grid}.lema{text-align:center;font:italic 500 1.5rem var(--head);color:var(--verde);margin-bottom:2.5rem}.timeline{border-left:4px solid var(--amarillo);gap:1.5rem;max-width:720px;margin:0 auto 4rem;padding-left:1.5rem;display:grid}.timeline li{position:relative}.timeline li:before{content:"";background:var(--verde);border:3px solid var(--crema);border-radius:50%;width:16px;height:16px;position:absolute;top:.45rem;left:-2.1rem}.timeline strong{font:600 1.4rem var(--head);color:var(--marron)}.timeline p{margin:.2rem 0 0}.pasos{counter-reset:p;grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.pasos li{border-radius:var(--radio);box-shadow:var(--sombra);text-align:center;background:#fff;padding:1.4rem}.pasos .num{border:4px solid var(--crema);width:3rem;height:3rem;margin:-2.4rem auto .6rem;font-size:1.5rem}.pasos li{margin-top:1.2rem}.pasos p{margin:0;font-weight:600}.eslabon{position:relative}.eslabon .num{position:absolute;top:-1rem;right:1rem}.eslabon small{text-transform:uppercase;letter-spacing:.08em;color:var(--verde);font-weight:700}.eslabon h3{margin:.1rem 0 .2rem;font-size:1.8rem}.eslabon strong{color:var(--marron);margin-bottom:.6rem;display:block}.ejemplos{background:var(--amarillo-2);border-radius:12px;padding:.8rem 1rem;font-size:.95rem}.ejemplos .etq{margin:0 0 .3rem}.ejemplos li+li{margin-top:.2rem}.circuito{margin-bottom:0}.quiz-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:1.5rem;display:grid}.quiz-card{align-content:center;min-height:380px;display:grid}.quiz-intro{gap:.7rem;display:grid}.quiz-intro label{font-weight:700}.quiz-intro input{font:inherit;border:3px solid var(--amarillo);background:var(--crema);border-radius:14px;padding:.75rem 1rem}.quiz-intro input:focus{border-color:var(--verde);outline:none}.quiz-intro .btn{justify-self:start;margin-top:.5rem}.quiz-msg{text-align:center}.gran{font:700 4.5rem var(--head);color:var(--verde);margin:0}.progreso{background:var(--amarillo-2);border-radius:99px;height:10px;margin-bottom:.6rem;overflow:hidden}.progreso span{background:var(--verde);border-radius:99px;height:100%;transition:width .4s;display:block}.quiz-play small{color:var(--verde);font-weight:700}.opciones{gap:.7rem;margin-top:1rem;display:grid}.opcion{font:600 1.02rem var(--body);text-align:left;border:3px solid var(--amarillo);color:var(--texto);cursor:pointer;background:#fff;border-radius:14px;padding:.85rem 1.1rem;transition:transform .12s,background .2s,border-color .2s}.opcion:hover:not(:disabled){background:var(--amarillo-2);transform:translate(4px)}.opcion:disabled{cursor:default}.opcion.ok{background:var(--verde-2);border-color:var(--verde)}.opcion.mal{background:#ffe0e0;border-color:#d33}.badge-debug{color:#fff;font:600 .85rem var(--head);background:#333;border-radius:99px;margin-top:.8rem;padding:.2rem .9rem;display:inline-block}.podio-card h3{text-align:center;font-size:1.6rem}.podio-msg{text-align:center;opacity:.8}.podio-top{justify-content:center;align-items:flex-end;gap:.6rem;min-height:230px;margin:1.2rem 0;display:flex}.escalon{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:130px;animation:.5s both subir;display:flex}.escalon .medalla{font-size:2.2rem}.escalon .nombre{font:600 1rem var(--head);overflow-wrap:anywhere;line-height:1.1}.escalon .pts{font:700 1.1rem var(--head);color:var(--verde)}.escalon small{opacity:.75;margin-bottom:.4rem}.escalon .base{width:100%;font:700 1.8rem var(--head);color:var(--marron);border-radius:12px 12px 0 0;place-items:start center;padding-top:.4rem;display:grid}.e1 .base{background:linear-gradient(#ffe066,#fcc419);height:110px}.e2 .base{background:linear-gradient(#e9ecef,#ced4da);height:80px}.e3 .base{background:linear-gradient(#e8b27a,#cd7f32);height:56px}.escalon.yo .nombre,.tabla li.yo{color:var(--verde);-webkit-text-decoration:underline wavy var(--amarillo);text-decoration:underline wavy var(--amarillo)}.tabla{gap:.4rem;margin-top:1rem;display:grid}.tabla li{background:var(--crema);border-radius:10px;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .8rem;animation:.4s both subir;display:grid}.tabla .pos{font:700 1rem var(--head);color:var(--verde)}.tabla .pts{font-weight:700}.podio-nota{opacity:.7;text-align:center;margin:1rem 0 0;font-size:.82rem}.footer{text-align:center;background:var(--marron);color:var(--amarillo-2);padding:3rem 1.25rem}.footer img{width:60px;margin:0 auto .6rem;transform:rotate(-12deg)}.gracias{font:600 2rem var(--head);color:var(--amarillo);margin-bottom:.4rem}.footer p{margin:0 0 .3rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(26px)}.reveal.visible{opacity:1;transform:none}@keyframes subir{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes mecer{50%{transform:rotate(-4deg)translateY(-6px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.split>*,.grid2>*,.grid3>*,.quiz-grid>*{min-width:0}.card,.opcion,h2,h3,p{overflow-wrap:anywhere}@media (width<=860px){body{font-size:17px}.seccion{padding:3.5rem 1.25rem}.split,.grid2,.grid3,.quiz-grid{grid-template-columns:1fr}.pasos{grid-template-columns:1fr 1fr}.hero{min-height:70vh}.cinta{padding:.15em .7em}.lead{font-size:1.1rem}.podio-top{gap:.3rem}.card{padding:1.2rem}}@media (width<=520px){.pasos{grid-template-columns:1fr}}@media (width<=860px){.nav{flex-wrap:wrap}.hamburguesa{background:var(--amarillo-2);cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:0;padding:8px 9px;display:flex}.hamburguesa:focus-visible{outline:3px solid var(--verde)}.mini-banana{transform-origin:50%;width:40px;height:17px;margin-block:-3px;transition:transform .3s,opacity .2s}.abierto .mini-banana:first-child{transform:translateY(14px)rotate(18deg)}.abierto .mini-banana:nth-child(2){opacity:0}.abierto .mini-banana:nth-child(3){transform:translateY(-14px)rotate(-18deg)}.nav nav{background:var(--crema);border-bottom:3px solid var(--amarillo);flex-direction:column;align-items:center;gap:.1rem;padding:.6rem 0 1rem;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 18px 30px -18px #5b3a2973}.abierto nav{animation:.45s cubic-bezier(.2,.8,.2,1) both bajar-fondo;display:flex}.nav nav a{text-align:center;padding:.6rem 1.2rem;font-size:1.1rem;position:relative}.abierto nav a{animation:.6s cubic-bezier(.2,.9,.3,1) both arrastrar;animation-delay:calc(.35s + var(--i) * 90ms)}.abierto nav a:before{content:"";background:var(--banana) center / contain no-repeat;width:46px;height:20px;animation:1.3s ease-in both banana-va;animation-delay:calc(.35s + var(--i) * 90ms);margin-top:-10px;position:absolute;top:50%;left:-52px}.nav .nav-cta{margin-top:.4rem}section[id]{scroll-margin-top:64px}}@media (width>=861px){.nav nav{display:flex}}@keyframes bajar-fondo{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes arrastrar{0%{opacity:0;transform:translate(115vw)}15%{opacity:1}to{opacity:1;transform:none}}@keyframes banana-va{0%,45%{opacity:1;transform:rotate(-8deg)}55%{transform:rotate(8deg)}to{opacity:0;transform:translate(-60vw)rotate(-14deg)}}