/* Movimiento Monky: contraste claro, controles visibles y salida sin movimiento. */
.intro{min-height:330px;overflow:visible;margin-bottom:22px}
.hero-art{height:350px;width:310px;overflow:hidden}
.hero-ring{border:2px dashed #12ee8090;box-shadow:0 0 65px #12ee8033,inset 0 0 50px #12ee8022}
.hero-actions{margin-top:24px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.hero-cta{max-width:335px;min-height:49px;position:relative;overflow:hidden;font-size:12px;box-shadow:0 6px 35px #12ee8024}
.hero-session{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:700}
.motion-bar{display:flex;align-items:center;border-block:1px solid #ffffff24;margin-bottom:22px;gap:18px}
.motion-bar .hero-ticker{flex:1;min-width:0;margin:0;border:0;font-size:11px;padding:13px 0}
.motion-toggle{flex-shrink:0;background:transparent;border:1px solid #ffffff38;color:var(--muted);font-size:8px;font-weight:700;padding:8px;letter-spacing:.04em}
.personal-home{isolation:isolate;border:2px solid #6dffae!important;background:linear-gradient(125deg,#164f3c,#1b5961 42%,#25264e 70%,#164f3c);background-size:300% 300%;box-shadow:0 0 36px #12ee8030,inset 0 3px 0 #b5ff93!important;overflow:hidden}
.personal-home>*{position:relative;z-index:1}
.personal-home:before{content:'';position:absolute;width:260px;height:260px;right:-120px;top:0;background:radial-gradient(circle,#76ffa453,transparent 68%);pointer-events:none;z-index:0}
.personal-home .offer-top b{background:#cbff6b;white-space:nowrap}
.personal-home .price{color:#c4ffcf;text-shadow:0 0 25px #7dffab33}
.personal-home .btn{background:#b6ff70;color:#0b2415;box-shadow:0 4px 24px #12ee8040;position:relative;overflow:hidden}
.personal-home .btn:after,.hero-cta:after{content:'';position:absolute;inset:-80% auto -80% -80%;width:40%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);pointer-events:none}
.guide-home-pack{position:relative;border-color:#f5ec3766}
.guide-home-pack strong{font-size:33px}
.guide{overflow:hidden}.cover img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.guide:hover .cover img{transform:scale(1.05)}
.guide-grid .guide{border:1px solid #fff1d42b}
.bundle{background:radial-gradient(ellipse at 100% 50%,#12ee8022,transparent 75%);border-width:2px}
.btn:active{transform:translateY(1px)}
@media(prefers-reduced-motion:no-preference){
 .intro{animation:none}.intro>div:first-child{animation:monky-copy-in .75s cubic-bezier(.16,1,.3,1) both}
 .intro h1 em{color:#49ff9d;background:linear-gradient(100deg,#12ee80 20%,#c7ff78 40%,#fff1d4 50%,#12ee80 70%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:monky-title-flow 5s ease-in-out infinite}
 .hero-art img{animation:monky-arrive .8s cubic-bezier(.16,1,.3,1) both,monky-character 5s .8s ease-in-out infinite}
 .hero-ring{animation:monky-orbit 24s linear infinite}
 .hero-art-note{animation:monky-sticker 4s ease-in-out infinite}
 .motion-bar .hero-ticker>div{animation-duration:20s}
 .personal-home{animation:monky-enter .65s .1s ease-out both,monky-gradient-live 7s ease-in-out infinite}
 .personal-home:before{animation:monky-spotlight 6s ease-in-out infinite}
 .personal-home .btn:after,.hero-cta:after{animation:monky-button-shine 4.8s 1s ease-in-out infinite}
 .scroll-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
 .scroll-reveal.reveal-pending{opacity:0;transform:translateY(38px)}
 .scroll-reveal.revealed{opacity:1;transform:translateY(0)}
 .guide:hover{transform:translateY(-7px)}
 @keyframes monky-copy-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
 @keyframes monky-title-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
 @keyframes monky-character{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1.5deg)}}
 @keyframes monky-orbit{to{transform:rotate(360deg)}}
 @keyframes monky-sticker{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-7px)}}
 @keyframes monky-gradient-live{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
 @keyframes monky-spotlight{0%,100%{transform:translate(0,0)}50%{transform:translate(-100px,160px)}}
 @keyframes monky-button-shine{0%,55%{left:-80%}85%,100%{left:150%}}
}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
.motion-paused .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused .intro,.motion-paused .intro>div:first-child,.motion-paused .offer,.motion-paused .hero-art img,.motion-paused .intro h1 em{animation:none!important;opacity:1!important;transform:none}
@media(max-width:760px){
 .intro{min-height:290px;padding-bottom:5px;overflow:hidden}
 .intro h1{max-width:100%;font-size:clamp(40px,8.6vw,62px)}
 .intro>div:first-child{width:100%}
 .intro>div>p:last-of-type{max-width:68%;font-size:11px;line-height:1.7}
 .hero-art{width:135px;height:200px;right:-15px;bottom:52px;opacity:.9}
 .hero-ring{width:130px;height:130px}
 .hero-art-note{font-size:12px;right:8px;bottom:5px}
 .hero-actions{margin-top:21px;position:relative;z-index:3;max-width:100%}
 .hero-cta{max-width:none;width:100%;font-size:11px}
 .hero-session{font-size:7px}
 .motion-bar{gap:10px}.motion-bar .hero-ticker{font-size:9px}.motion-toggle{font-size:7px;padding:8px 6px}
 .personal-home .offer-top{gap:8px}.personal-home .offer-top b{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .motion-toggle{display:none}.scroll-reveal{opacity:1!important;transform:none!important}
}