/* Detox28: escenas botánicas con lectura estable y navegación convencional. */ :root{--scene-lime:#e1edab;--scene-teal:#084f56;--scene-mint:#d5e9df;--scene-peach:#f5ddbd} body{background:#fcfcf6} .topbar{max-width:none;background:var(--scene-lime);padding:0 max(34px,calc((100vw - 1190px)/2));border:0;height:94px} .topbar .nav-cta{border-color:#7d9b72;background:#f8fbea80;border-radius:30px} .hero{max-width:none;min-height:700px;padding:60px max(34px,calc((100vw - 1190px)/2)) 90px;gap:32px;background:var(--scene-lime);position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1.15fr 1fr} .hero:after{content:'';position:absolute;width:72vw;height:330px;border-radius:50%;background:#cddf95;left:52%;bottom:-205px;z-index:-1;transform:rotate(-12deg)} .hero-copy{position:relative;z-index:2} .hero h1{font-size:clamp(60px,6.3vw,91px);letter-spacing:-.05em;color:var(--scene-teal);line-height:.98} .hero-lead{color:#354e40;font-size:19px;max-width:470px;margin-top:28px} .hero .kicker{color:#33543d}.hero .kicker:before{background:#387d51} .hero .button{border-radius:40px;padding:17px 26px}.hero .text-link{color:#244d41;font-size:15px} .hero-note{color:#3c593d}.hero-media{position:relative;isolation:isolate;padding:45px 0 30px;min-width:0} .hero-media:before{content:'';position:absolute;inset:65px -20px 50px 15px;background:#b7d07a;border-radius:48% 52% 44% 56% / 42% 43% 57% 58%;transform:rotate(12deg);z-index:-1} .hero-media-frame{aspect-ratio:4/4.8;border-radius:48% 48% 42% 42% / 37% 38% 60% 60%;transform:rotate(3deg);box-shadow:0 25px 36px #33543625;border:8px solid #f8fcebc9} .hero-poster{transform:scale(1.09) rotate(-3deg)} .hero-media-caption{padding:42px 45px 60px;justify-content:end;background:linear-gradient(transparent 30%,#14382bd9);text-align:center} .hero-media-caption p{font-size:40px}.hero-media-caption>span{font-size:15px} .hero-media figcaption{max-width:340px;margin:25px auto 0;text-align:center;color:#3a523d} .botanical-art{position:absolute;inset:-26px -50px auto;width:calc(100% + 100px);height:calc(100% + 20px);overflow:visible;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 8px #16433026)} .branch-top{transform-origin:420px 185px;animation:leaf-settle 1.6s ease-out both}.branch-bottom{transform-origin:116px 473px;animation:leaf-settle 1.8s ease-out both} @keyframes leaf-settle{from{transform:rotate(-12deg) translateY(14px)}to{transform:rotate(0) translateY(0)}} .hero-media.is-playing .hero-media-frame{border-radius:18px;transform:none}.hero-media.is-playing .botanical-art{visibility:hidden}.hero-media.is-playing video{object-fit:contain} .program-strip{background:var(--scene-teal);color:#f0f6df;gap:45px;padding:26px 30px;font-size:16px} .program-strip>span{display:flex;align-items:center;gap:14px}.program-strip>span:before{content:'';width:7px;height:7px;border-radius:50%;background:#b8d777;flex:none} .pause{padding-top:110px;padding-bottom:110px}.pause h2{font-size:45px;color:var(--scene-teal)}.pause .section-index{color:#91ae59;font-size:60px} .process{background:var(--scene-teal);color:#fff;padding-top:95px;padding-bottom:105px;position:relative;overflow:hidden;border-radius:65px 65px 0 0} .process:before{content:'';position:absolute;width:380px;height:380px;border:60px solid #ffffff06;border-radius:50%;right:-160px;top:-150px;pointer-events:none} .process-head .kicker{color:#d7e7a9}.process-head h2{font-size:clamp(44px,5vw,65px)} .phase{background:#d9eee5;color:#123e36;border:0;border-radius:30px 30px 30px 6px;padding:38px;z-index:1}.phase-two{background:#e4edaf;border-radius:30px 30px 6px 30px} .phase h3{font-size:42px}.phase p{color:#345749}.phase-no{color:#61866d}.phase-two .phase-no{color:#7a9251}.phase .duration{background:#ffffff70;font-size:17px} .phase-track .track-line{background:#ffffff35}.process .track-line span{background:#dbe8a6}.process .track-line:after{border-color:#dbe8a6} .included{padding-top:105px;padding-bottom:105px;grid-template-columns:1fr 1.7fr;gap:65px}.included h2{color:var(--scene-teal)} .included-grid .content-icon{background:#e6edbb;border-radius:50%;padding:16px}.included-grid article:nth-child(3n+2) .content-icon{background:#d9ebe3}.included-grid article:nth-child(3n) .content-icon{background:#f6e2c7} .day{max-width:none;margin:0;background:var(--scene-peach);border-radius:0;grid-template-columns:1fr 1fr;overflow:hidden;align-items:stretch;padding:75px max(34px,calc((100vw - 1190px)/2));gap:65px} .day-image{min-height:0;position:relative;align-self:center;aspect-ratio:4/5}.day-image img{border-radius:48% 48% 10% 10%;object-fit:cover;box-shadow:18px 18px 0 #e7bd85}.day-copy{padding:20px 0}.day h2{color:#4c432a;font-size:clamp(38px,4vw,57px)}.day-note{color:#63573f}.day-step .content-icon{background:#fbefdb;border-color:#cfb28a}.day-items:before{background:#c7a97c}.day-step:nth-child(5){border-color:#d7bc96} .habits{padding-top:100px;padding-bottom:100px}.habits h2{color:var(--scene-teal)}.habit-grid article{border:0;background:#f0f4e5;border-radius:12px;padding:20px 16px}.habit-grid{gap:16px} .support{border:0;padding:25px 0 70px;gap:80px}.support-image{height:460px;border-radius:50% 50% 45% 8%;box-shadow:-15px 15px 0 #d6e8dd}.support h2{color:var(--scene-teal)} .professional{max-width:none;background:var(--scene-mint);padding:85px max(34px,calc((100vw - 1050px)/2));gap:90px;border-radius:65px 0 65px 0}.professional img{border-radius:160px 160px 12px 12px;height:450px;box-shadow:12px 12px 0 #b6d1c0}.professional figcaption{margin-top:25px}.professional h2{font-size:65px;color:var(--scene-teal)} .guide{padding-top:110px;padding-bottom:110px}.guide h2{color:var(--scene-teal)}.pdf-card{background:#e9edb5;border-left-color:#778d44;transform:rotate(-3deg);box-shadow:12px 15px 0 #e0e6ca;border-radius:3px 20px 20px 3px;min-height:310px} .offer{background:#073f47;border-radius:65px 65px 0 0;padding-top:100px;padding-bottom:100px}.offer h2{color:#edf3cd}.offer .sale-price{font-size:100px;color:#e0ed9c}.offer .saving{background:#dfecaa}.lead-form{border-radius:25px}.offer .group-countdown{background:#0e5057}.lead-form .button{border-radius:35px}.faq h2{color:var(--scene-teal)} .final-cta{background:var(--scene-lime);padding:85px 24px 95px}.final-cta h2{color:var(--scene-teal);font-size:clamp(43px,5vw,65px)}.final-cta .button{border-radius:35px}.whatsapp{box-shadow:0 5px 18px #123c2f20} @media(max-width:1100px){.hero{gap:22px}.hero h1{font-size:68px}.hero-media-caption{padding:35px 30px 48px}.hero-media-caption p{font-size:33px}.program-strip{gap:22px}.included{gap:35px}.day{gap:40px}.professional{gap:45px}.support{gap:45px}} @media(max-width:900px){.hero{padding:45px 24px 65px;min-height:0}.hero h1{font-size:57px}.hero-lead{font-size:18px}.hero-media-frame{border-width:5px}.hero-media-caption p{font-size:29px}.hero-media-caption{padding:25px 20px 45px}.topbar{padding:0 24px}.included{grid-template-columns:1fr}.process{border-radius:40px 40px 0 0}.phase{padding:28px}.day{padding:55px 24px;gap:35px}.day h2{font-size:39px}.habits{gap:35px}.professional{margin:0;padding:60px 24px}.professional h2{font-size:51px}.support-image{height:380px}.offer{border-radius:40px 40px 0 0;padding-top:65px}.offer .sale-price{font-size:84px}} @media(max-width:620px){.topbar{height:78px}.hero{grid-template-columns:1fr;padding:35px 22px 35px;gap:5px}.hero h1{font-size:clamp(48px,12.8vw,69px);line-height:1.01}.hero-lead{margin-top:25px}.hero-actions{gap:18px}.hero .text-link{font-size:14px}.hero .button{padding:15px 22px}.hero-media{margin:5px 22px 0;padding:30px 0 20px}.hero-media-frame{aspect-ratio:4/4.2}.hero-media-caption{padding:25px 20px 40px}.hero-media-caption p{font-size:32px}.hero-media figcaption{font-size:14px}.botanical-art{inset:-20px -35px auto;width:calc(100% + 70px)}.program-strip{font-size:13px;padding:23px 20px;gap:17px}.program-strip>span{gap:8px;text-align:left}.program-strip>span:before{width:5px;height:5px}.pause{padding:65px 22px}.pause h2{font-size:36px}.process{padding:60px 22px;border-radius:32px 32px 0 0}.process-head h2{font-size:45px}.phase{padding:28px}.phase h3{font-size:37px}.included{padding:65px 22px}.included-grid{grid-template-columns:1fr;gap:26px}.included-grid article{display:grid;grid-template-columns:58px 1fr;column-gap:18px;align-items:start;padding-top:22px}.included-grid .content-icon{grid-row:1/3;padding:13px;margin:0;width:27px;height:27px}.included-grid h3{margin:0 0 7px;font-size:20px;overflow-wrap:normal}.included-grid p{grid-column:2;font-size:17px}.day{grid-template-columns:1fr;padding:55px 22px;gap:35px}.day-image{margin:0 22px;aspect-ratio:5/4}.day-image img{border-radius:45% 45% 12px 12px;box-shadow:10px 10px 0 #e7bd85}.day h2{font-size:40px}.day-copy{padding:10px 0}.habits{padding:65px 22px}.habit-grid{grid-template-columns:1fr 1fr;gap:12px}.habit-grid article{display:block;padding:17px 13px}.habit-grid .content-icon{margin-bottom:10px}.support{padding:0 0 60px;margin:0 30px;gap:35px}.support-image{height:330px}.professional{padding:55px 25px;border-radius:40px 0 40px 0;gap:35px}.professional img{height:390px}.professional h2{font-size:49px}.guide{padding:65px 25px;gap:40px}.pdf-card{margin:0 12px;min-height:280px}.offer{padding:60px 22px;border-radius:32px 32px 0 0}.offer h2{font-size:47px}.final-cta{padding:60px 22px 65px}.whatsapp{bottom:80px}.hero-media.is-playing .hero-media-frame{aspect-ratio:4/3}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Evita que las dimensiones intrínsecas de las fotos ensanchen la columna móvil. */ .day-image,.day-copy{min-width:0} @media(max-width:620px){.day{grid-template-columns:minmax(0,1fr)}.day-image{width:calc(100% - 44px);height:auto}.day-image img{position:absolute;inset:0}} /* Video vertical: encuadre completo y espacio estable al reproducir. */ .hero-media:has(#program-video[data-src]:not([data-src=""])) .hero-media-frame{aspect-ratio:9/16;max-width:360px;margin-inline:auto} .hero-media.is-playing .hero-media-frame{aspect-ratio:9/16} /* Conserva la máscara botánica también durante la reproducción. */ .hero-media.is-playing .hero-media-frame{border-radius:48% 48% 42% 42% / 37% 38% 60% 60%;transform:none} .hero-media.is-playing .botanical-art{visibility:visible;pointer-events:none} .hero-media video:fullscreen{border-radius:0;object-fit:contain;background:#000} .video-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;position:relative;z-index:4;margin:20px auto 0;max-width:360px} .video-controls[hidden]{display:none} .video-controls button{font:inherit;font-size:15px;min-height:46px;padding:10px 15px;border:1px solid #084f56;border-radius:24px;background:#fff;color:#084f56;cursor:pointer} .video-controls input{width:100%;min-height:28px;accent-color:#084f56} .video-controls button:focus-visible,.video-controls input:focus-visible{outline:3px solid #084f56;outline-offset:4px} /* El video de YouTube ocupa exactamente el hueco del