:root{--paper:#f6f6f1;--white:#fff;--ink:#191c1b;--muted:#6c706e;--lime:#d8ff69;--line:#d8dcd6;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7f9d22;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.075em;line-height:1.02}p{line-height:1.55}.container{width:min(100% - 96px,1470px);margin-inline:auto}.section-light{background:var(--paper)}.section-dark{background:var(--ink);color:var(--white)}.section-white{background:var(--white)}.section-lime{background:var(--lime);color:var(--ink)}#progress{position:fixed;z-index:40;top:0;left:0;height:3px;width:0;background:#a2cb31}.site-head{height:88px;position:absolute;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.1vw,80px);gap:20px}.brand{min-width:140px;display:flex;align-items:center}.brand img{width:156px;max-height:36px}.brand span{font-size:27px;font-weight:800;letter-spacing:-.08em}.head-info,.head-link,.micro,.section-meta,.kicker,.hero-bottom,.slot-number,.slot-name,.slot-spec,.illustration-top,.visual-caption,.steps-intro,.text-link,.site-footer{font-size:11px;font-weight:800;letter-spacing:.12em}.head-info{color:#747a72}.head-separator{padding:0 8px}.head-link{border-bottom:1px solid var(--ink);padding-bottom:9px}.head-link span{padding-left:17px}.kicker,.section-meta{display:flex;align-items:center;gap:10px;justify-content:space-between}.tiny-dot{width:8px;height:8px;border-radius:50%;background:var(--ink)}.mono{margin-left:auto;color:#818681}.hero{overflow:hidden}.hero-inner{padding-top:clamp(150px,16vw,245px);padding-bottom:38px}.hero-title{font-size:clamp(76px,12.6vw,215px);font-weight:700;margin:43px 0 30px;max-width:1280px}.marker{background:linear-gradient(transparent 50%,var(--lime) 50%,var(--lime) 88%,transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .045em}.period{color:var(--ink)}.hero-lower{display:grid;grid-template-columns:1fr .85fr;align-items:end;gap:10vw;margin-top:65px}.hero-sub{font-size:clamp(21px,2.6vw,40px);letter-spacing:-.045em;line-height:1.25;margin-bottom:20px}.hero-sub strong{font-weight:700}.image-slot{border:1.5px dashed #aaaead;background:repeating-linear-gradient(135deg,#f0f0eb,#f0f0eb 12px,#e8ebe6 12px,#e8ebe6 24px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#616765;padding:28px;min-width:0;min-height:300px;gap:15px}.slot-number{background:var(--ink);color:#fff;padding:9px 12px}.slot-name{font-size:clamp(17px,2vw,27px);color:var(--ink);letter-spacing:-.04em;margin-top:auto}.slot-desc{font-size:14px;line-height:1.5;letter-spacing:0;max-width:340px}.slot-spec{color:#747a77}.hero-image{aspect-ratio:4/3;max-width:580px;justify-self:end;width:100%}.hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:90px}.scroll-cue span{font-size:20px;margin-left:20px}.hero-ticker{background:var(--lime);overflow:hidden;padding:18px 0;white-space:nowrap}.hero-ticker div{font-family:'Space Grotesk';font-size:clamp(25px,3.4vw,55px);font-weight:700;letter-spacing:-.06em;word-spacing:24px;animation:marquee 25s linear infinite;width:max-content}.hero-ticker b{font-size:.65em}.experience{padding:110px 0 140px}.section-meta{font-size:12px;letter-spacing:.16em;gap:16px}.large-lead{max-width:1050px;font-size:clamp(29px,4.7vw,75px);letter-spacing:-.055em;font-weight:600;line-height:1.15;margin:112px 0 115px}.large-lead em{font-style:normal;color:var(--lime)}.experiment-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px);align-items:center}.experiment-left h2{font-size:clamp(55px,6.7vw,111px);max-width:850px}.lime-underline{color:var(--lime)}.experiment-left>p{max-width:560px;margin:34px 0 45px;font-size:19px;color:#c3c8c4}.search-callout{background:#292d2a;border:1px solid #4c544d;padding:clamp(25px,3vw,48px);max-width:640px}.search-callout .micro{color:var(--lime);display:flex;justify-content:space-between}.search-callout>p{margin:25px 0;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.035em;line-height:1.4}.cta-button{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;background:var(--lime);color:var(--ink);border:0;font-size:12px;font-weight:800;letter-spacing:.08em;padding:17px 20px;min-height:53px}.cta-button span{font-size:19px}#copy-feedback{display:block;min-height:18px;margin-top:10px;font-size:12px;color:var(--lime)}.experiment-visual{border:1px solid #4a4c47;padding:25px;aspect-ratio:4/5;min-height:530px;display:flex;flex-direction:column}.illustration-top{display:flex;justify-content:space-between}.live-dot{color:var(--lime)}.mock-chat{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:48px}.mock-bubble{max-width:360px;align-self:flex-end;border:1px solid #6c716a;border-radius:24px 24px 3px 24px;padding:20px 25px;font-size:19px}.mock-orbit{height:190px;width:190px;border:1px solid #59655b;border-radius:50%;display:grid;place-items:center;position:relative}.mock-orbit:before,.mock-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #78816f;border-radius:50%}.mock-orbit:after{inset:47px;border-color:var(--lime)}.orbit-core{font:700 42px 'Space Grotesk';color:var(--lime)}.mock-orbit i{width:12px;height:12px;position:absolute;border-radius:50%;background:var(--lime)}.mock-orbit i:nth-of-type(1){top:5px;left:35px}.mock-orbit i:nth-of-type(2){right:0;bottom:35px}.mock-orbit i:nth-of-type(3){bottom:0;left:38px}.mock-response{display:flex;flex-wrap:wrap;gap:7px}.mock-response span{border:1px solid #6a7169;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:700;letter-spacing:.08em}.visual-caption{font-size:11px;color:#a9b0aa}.bridge{padding:95px 0 170px}.bridge-heading{font-size:clamp(58px,8vw,140px);max-width:1200px;margin:56px 0 110px}.marker-dark{color:var(--ink)}.reasons{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #5a615b;border-bottom:1px solid #5a615b}.reason{border-right:1px solid #5a615b;padding:22px 24px 36px 0;min-height:290px;display:flex;flex-direction:column;align-items:flex-start}.reason:not(:first-child){padding-left:24px}.reason:last-child{border:0}.reason-num{font-size:12px;color:#b2b6b2}.reason-icon{font-size:52px;color:var(--lime);line-height:1;margin:30px 0 auto}.reason h3{font-size:clamp(23px,2.4vw,38px)}.reason p{margin-top:8px;font-size:14px;color:#c1c8c1}.small-disclaimer{font-size:12px;color:#b4b9b5;max-width:710px;margin-top:28px}.statement{padding:90px 0 100px;min-height:670px;display:flex;align-items:center}.statement-inner{width:min(100% - 96px,1470px)}.statement h2{font-size:clamp(69px,10vw,170px);max-width:1260px;margin:75px 0 68px}.statement h2 span{text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:12px}.statement-footer{display:flex;align-items:end;justify-content:space-between;gap:20px}.statement-footer p{font-size:20px;max-width:460px}.round-arrow{width:85px;height:85px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;font-size:36px;transition:transform .25s}.round-arrow:hover{transform:rotate(45deg)}.lesson,.guide,.communicate,.closing{padding:140px 0}.lesson-heading,.guide-header{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:65px 0 75px}.lesson-heading h2,.guide-header h2{font-size:clamp(58px,7vw,118px)}.lesson-heading p,.guide-header p{font-size:19px;max-width:370px;color:#656d67}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.profile-slot{aspect-ratio:1;min-height:450px}.lesson-facts{display:flex;flex-direction:column;justify-content:space-between}.fact{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.fact:first-child{border-top:1px solid var(--line)}.fact>span{font-size:12px;font-weight:800}.fact h3{font-size:clamp(26px,2.8vw,45px);margin-bottom:16px}.fact p{max-width:420px;color:#5e6962}.tab-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.tab{padding:25px 20px;background:#f1f2ed;border:0;border-top:1px solid var(--line);font-size:13px;font-weight:800;letter-spacing:.07em;text-align:left;display:flex;justify-content:space-between;gap:20px}.tab.active{background:var(--ink);color:#fff}.tab span{font-size:22px}.tab-panel{padding:35px 0}.steps-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.steps-intro p{font-size:14px;color:#697169;letter-spacing:0;font-weight:500}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:0 55px;list-style:none;margin:0;padding:0;counter-reset:none}.steps li{min-height:80px;display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:clamp(16px,1.6vw,24px);letter-spacing:-.035em}.steps li span{font-size:12px;font-weight:700;letter-spacing:.1em;color:#7c827d}.guide-foot{margin-top:25px;border-top:1px solid var(--ink);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:35px}.guide-foot p{font-size:12px;color:#707670;max-width:460px}.text-link{border-bottom:1px solid var(--ink);padding-bottom:8px;white-space:nowrap}.communicate-head{font-size:clamp(59px,8.3vw,145px);max-width:1300px;margin:70px 0 100px}.communicate-head span{color:var(--lime)}.communication-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.communication-image{aspect-ratio:4/5;min-height:450px}.communication-content{display:flex;flex-direction:column}.communication-item{border-top:1px solid #586057;padding:33px 0 50px}.communication-item>span{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.13em}.communication-item h3{font-size:clamp(27px,3.5vw,55px);margin:24px 0 15px}.communication-item p{color:#bdc5bd;max-width:490px}.closing h2{font-size:clamp(58px,7.9vw,134px);max-width:1350px;margin:70px 0 90px}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.closing-bottom>div:first-child{max-width:550px}.closing-bottom p{font-size:22px;letter-spacing:-.025em;margin-bottom:36px}.dark-cta{background:var(--ink);color:var(--white)}.qr-slot{min-height:230px;width:230px;aspect-ratio:1;flex-shrink:0;padding:15px}.qr-slot .slot-name{font-size:18px}.qr-slot .slot-desc{font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;background:var(--ink);color:#fff;padding:45px clamp(24px,4.1vw,80px);line-height:1.7}.site-footer b{color:var(--lime)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.in{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.container,.statement-inner{width:min(100% - 48px,1470px)}.head-info{display:none}.hero-title{font-size:clamp(70px,13vw,135px)}.experiment-layout,.lesson-grid,.communication-grid{grid-template-columns:1fr}.experiment-visual{min-height:420px;max-width:640px;width:100%;aspect-ratio:auto}.lesson-heading,.guide-header{align-items:start;flex-direction:column}.reason{min-height:250px}.communication-image{max-width:660px}.hero-lower{gap:35px}.bridge-heading{margin-bottom:75px}}@media(max-width:600px){.container,.statement-inner{width:calc(100% - 38px)}.site-head{padding:0 19px;height:70px}.brand img{width:133px}.brand{min-width:auto}.head-link{font-size:10px}.hero-inner{padding-top:135px}.hero-title{font-size:clamp(57px,15.2vw,95px);margin:30px 0}.hero-lower{display:flex;flex-direction:column;align-items:stretch;margin-top:35px}.hero-image{max-width:none;min-height:280px}.hero-bottom{margin-top:40px;line-height:1.5;font-size:9px}.hero-bottom>span{max-width:130px}.scroll-cue{text-align:right}.scroll-cue span{margin-left:8px}.experience,.lesson,.guide,.communicate,.closing{padding:80px 0}.large-lead{margin:60px 0;font-size:clamp(35px,9vw,58px)}.experiment-left h2{font-size:clamp(53px,12vw,85px)}.search-callout{padding:24px}.search-callout>p{font-size:19px}.experiment-visual{padding:18px}.bridge{padding:70px 0 95px}.bridge-heading{font-size:clamp(52px,12.5vw,83px)}.reasons{grid-template-columns:repeat(2,1fr)}.reason{min-height:220px}.reason:nth-child(2){border-right:0}.reason:nth-child(-n+2){border-bottom:1px solid #5a615b}.reason:nth-child(3){padding-left:0}.reason:nth-child(4){padding-left:20px}.reason h3{font-size:27px}.reason-icon{font-size:40px}.statement{min-height:510px;padding:65px 0}.statement h2{font-size:clamp(57px,13vw,100px);margin:65px 0}.round-arrow{width:65px;height:65px;flex:none}.statement-footer p{font-size:16px}.section-meta{font-size:10px;line-height:1.5}.lesson-heading,.guide-header{margin:55px 0}.lesson-heading h2,.guide-header h2,.communicate-head,.closing h2{font-size:clamp(52px,11.5vw,82px)}.profile-slot,.communication-image{min-height:350px}.lesson-grid{gap:38px}.tab{font-size:11px;padding:18px 10px}.steps{grid-template-columns:1fr}.steps li{min-height:73px}.steps-intro,.guide-foot{align-items:start;flex-direction:column}.guide-foot .text-link{white-space:normal}.communicate-head{margin:50px 0}.communication-grid{gap:55px}.closing h2{margin:50px 0}.closing-bottom{flex-direction:column;align-items:stretch}.qr-slot{width:220px}.site-footer{flex-direction:column;align-items:flex-start;padding:30px 20px}.image-slot{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}


/* v03 — recorrido vertical por escenas, sin fondos oscuros */
:root{font-family:'Poppins',system-ui,sans-serif;--paper:#f6f6f1;--white:#fff;--lime:#d8ff69;--ink:#191c1b;--line:#cfd5c9}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--paper)}
html{scroll-snap-type:y proximity;scroll-padding-top:0px;overscroll-behavior-y:contain}
main>section{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:normal;position:relative;display:flex;flex-direction:column;justify-content:center}
main>section>.container{width:min(100% - 96px,1470px)}
.hero{justify-content:space-between}
.hero-inner{width:min(100% - 96px,1470px)}
.section-dark{background:var(--white);color:var(--ink)}
.experience{background:var(--white)}
.bridge{background:var(--paper)}
.communicate{background:var(--white)}
.site-footer{background:var(--lime);color:var(--ink)}
.site-footer b{color:var(--ink)}
.large-lead em,.lime-underline,.communicate-head span,.communication-item>span,.live-dot,.search-callout .micro,.orbit-core{color:var(--ink)}
.large-lead em,.lime-underline,.communicate-head span{background:linear-gradient(transparent 56%,var(--lime) 56%,var(--lime) 95%,transparent 95%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.experiment-left>p,.reason p,.communication-item p,.small-disclaimer,.visual-caption{color:#59615b}
.search-callout{background:var(--paper);border:1px solid var(--line)}
#copy-feedback{color:#526e0e}
.experiment-visual{background:var(--paper);border:1px solid var(--line)}
.mock-bubble,.mock-response span{border-color:#b9c1b6}
.mock-orbit,.mock-orbit:before{border-color:#b8c5b7}
.mock-orbit:after{border-color:#779440}
.mock-orbit i{background:#9bc847}
.reasons{border-color:var(--line)}
.reason,.reason:nth-child(-n+2){border-color:var(--line)}
.reason-icon{color:#668e16}
.reason-num{color:#6b756d}
.communication-item{border-color:var(--line)}
.tab.active{background:var(--lime);color:var(--ink)}
.tab{background:var(--paper)}
.slot-number{background:var(--lime);color:var(--ink)}
.dark-cta{background:var(--lime);color:var(--ink)}
/* Las secciones se anclan a una escena por desplazamiento natural. */
.reveal{opacity:0;transform:translate3d(0,70px,0);filter:blur(5px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter .9s ease;will-change:transform,opacity}
.reveal[data-motion="left"]{transform:translate3d(-90px,15px,0)}
.reveal[data-motion="right"]{transform:translate3d(90px,15px,0)}
.reveal[data-motion="scale"]{transform:translate3d(0,36px,0) scale(.94)}
.reveal.in{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.reveal[data-delay="1"]{transition-delay:.12s}
.reveal[data-delay="2"]{transition-delay:.25s}
.reveal[data-delay="3"]{transition-delay:.38s}
.reveal[data-delay="4"]{transition-delay:.5s}
/* Hilo de continuidad entre escenas */
main>section:not(.hero):not(.closing)::before{content:"";position:absolute;top:0;left:clamp(19px,4.1vw,80px);height:48px;border-left:2px solid #8eb52e;pointer-events:none}
main>section:not(.hero):not(.closing)::after{content:"";position:absolute;bottom:0;left:clamp(19px,4.1vw,80px);height:48px;border-left:2px solid #8eb52e;pointer-events:none}
@media(min-width:1000px){.experience,.bridge,.lesson,.guide,.communicate,.closing{padding-block:110px}.statement{min-height:100svh}.hero-inner{padding-top:130px}.hero-title{font-size:clamp(76px,11vw,178px)}.hero-lower{margin-top:30px}.hero-bottom{margin-top:45px}.large-lead{margin:65px 0}.bridge-heading{margin:55px 0 70px}.communicate-head{margin:50px 0 70px}}
@media(max-width:900px){main>section>.container,.hero-inner{width:min(100% - 48px,1470px)}main>section{min-height:100svh}.reveal[data-motion="left"]{transform:translate3d(-35px,15px,0)}.reveal[data-motion="right"]{transform:translate3d(35px,15px,0)}}
@media(max-width:600px){html{scroll-snap-type:y proximity}main>section>.container,.hero-inner{width:calc(100% - 38px)}main>section{min-height:100svh}.hero-inner{padding-top:135px}.hero-title{font-size:clamp(57px,15.2vw,95px)}.bridge .reason:nth-child(-n+2){border-bottom-color:var(--line)}main>section:not(.hero):not(.closing)::before,main>section:not(.hero):not(.closing)::after{height:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}.reveal,.reveal[data-motion="left"],.reveal[data-motion="right"],.reveal[data-motion="scale"]{opacity:1;transform:none;filter:none;transition:none;will-change:auto}}

/* v04 — navegación narrativa: anclaje real de escenas y marcadores */
html {scroll-snap-type: y mandatory; scroll-padding-top:0; overscroll-behavior-y:auto;}
main>section {scroll-snap-align:start; scroll-snap-stop:always;}
.brand img{width:clamp(205px,19vw,290px);max-height:66px;height:auto;object-fit:contain;object-position:left center}
.brand span{font-size:clamp(29px,2.5vw,40px)}
.site-head{min-height:100px;height:auto;padding-block:18px}
.hero-inner{padding-top:clamp(155px,16vw,250px)}
.scene-dots{position:fixed;right:clamp(12px,2vw,34px);top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 7px;border-radius:30px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border:1px solid rgba(25,28,27,.12)}
.scene-dot{position:relative;display:grid;place-items:center;border:0;background:transparent;width:25px;height:25px;padding:0;cursor:pointer;color:var(--ink)}
.scene-dot::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#91988c;transition:width .28s,height .28s,background .28s,transform .28s}
.scene-dot[aria-current="location"]::before{width:13px;height:13px;background:#739a18;box-shadow:0 0 0 4px var(--lime)}
.scene-dot:hover::before{transform:scale(1.25)}
.scene-dot:focus-visible{outline:2px solid #739a18;outline-offset:1px;border-radius:50%}
.scene-dot-label{position:absolute;right:38px;top:50%;transform:translate(6px,-50%);opacity:0;pointer-events:none;white-space:nowrap;background:var(--ink);color:#fff;padding:8px 12px;font-size:11px;letter-spacing:.05em;border-radius:3px;transition:opacity .2s,transform .2s}
.scene-dot:hover .scene-dot-label,.scene-dot:focus-visible .scene-dot-label{opacity:1;transform:translate(0,-50%)}
@media(max-width:900px){.brand img{width:200px;max-height:55px}.scene-dots{right:8px;gap:7px;padding:8px 3px}.scene-dot{width:22px;height:22px}.scene-dot-label{display:none}}
@media(max-width:600px){html{scroll-snap-type:y proximity}.site-head{min-height:83px}.brand img{width:165px;max-height:46px}.hero-inner{padding-top:148px}.scene-dots{right:5px}.scene-dot::before{width:6px;height:6px}.scene-dot[aria-current="location"]::before{width:10px;height:10px;box-shadow:0 0 0 3px var(--lime)}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:y proximity}}

/* v05 — escenas de altura variable: nunca forzar el contenido fuera de pantalla */
html{scroll-snap-type:none!important;scroll-padding-top:0}
main>section{min-height:100svh;scroll-snap-align:none;scroll-snap-stop:normal;padding-block:clamp(42px,5vh,65px)!important}
main>section.snap-fit{scroll-snap-align:start}
html.snap-enabled{scroll-snap-type:y proximity!important}
/* Contenido accesible en escenas largas; menos escala en pantallas de proyección */
.hero-inner{padding-top:clamp(112px,12vh,145px)}
.hero-title{font-size:clamp(58px,8.3vw,130px);margin:22px 0}
.hero-lower{margin-top:10px;gap:5vw}.hero-image{max-width:400px;max-height:280px;min-height:0;aspect-ratio:4/3}.hero-bottom{margin-top:20px}.hero-ticker{padding:10px 0}
.large-lead{font-size:clamp(38px,5.5vw,82px);margin:35px 0;max-width:1000px}
.intro-scene .container{display:flex;flex-direction:column;justify-content:center}
.experiment-left h2{font-size:clamp(40px,4.4vw,72px)}.experiment-left>p{font-size:clamp(14px,1.2vw,17px);margin:17px 0}.search-callout{padding:clamp(15px,2vw,25px)}.search-callout>p{font-size:clamp(15px,1.25vw,19px);margin:14px 0}.experiment-visual{min-height:0;aspect-ratio:auto;height:clamp(310px,52vh,475px)}.mock-chat{gap:15px}.mock-orbit{width:110px;height:110px}.mock-orbit:after{inset:32px}.mock-bubble{font-size:15px}.bridge-heading{font-size:clamp(45px,6vw,88px);margin:25px 0 36px}.reason{min-height:155px;padding-block:14px}.reason-icon{font-size:34px;margin:9px 0 auto}.reason h3{font-size:clamp(20px,2vw,30px)}.small-disclaimer{margin-top:17px}.statement{min-height:100svh}.statement h2{font-size:clamp(55px,7.5vw,115px);margin:35px 0}.statement-footer p{font-size:17px}.lesson-heading,.guide-header{margin:25px 0 35px}.lesson-heading h2,.guide-header h2{font-size:clamp(43px,5vw,82px)}.lesson-heading p,.guide-header p{font-size:16px}.lesson-grid{gap:35px}.profile-slot{min-height:0;max-height:420px;aspect-ratio:1.2}.fact{padding:16px 0}.fact h3{font-size:clamp(22px,2.1vw,32px);margin-bottom:6px}.fact p{font-size:14px}.guide-header{margin-bottom:20px}.steps li{min-height:58px;font-size:clamp(15px,1.3vw,20px)}.tab-panel{padding:15px 0}.steps-intro{margin-bottom:12px}.manage-title{font-size:clamp(44px,5.5vw,85px);margin:28px 0 12px;max-width:900px}.manage-lead{font-size:16px;color:var(--muted);margin-bottom:20px}.communicate-head{font-size:clamp(45px,6vw,95px);margin:28px 0 35px}.communication-image{min-height:0;max-height:440px}.communication-grid{gap:4vw}.communication-item{padding:15px 0 20px}.communication-item h3{font-size:clamp(22px,2.5vw,38px);margin:10px 0}.communication-item p{font-size:14px}.closing h2{font-size:clamp(48px,6vw,90px);margin:30px 0}.closing-bottom{margin-top:24px}.qr-slot{min-height:190px}
@media(max-width:900px){html,html.snap-enabled{scroll-snap-type:none!important}main>section{min-height:0;padding-block:clamp(55px,8vw,85px)!important}.hero{min-height:100svh}.intro-scene{min-height:65svh!important}.experience .experiment-layout,.lesson-grid,.communication-grid{grid-template-columns:1fr;gap:25px}.experiment-visual{height:auto;min-height:310px}.profile-slot,.communication-image{max-height:none;aspect-ratio:4/3;min-height:260px}.hero-inner{padding-top:120px}.hero-image{max-height:none;max-width:350px}.scene-dots{gap:3px;right:4px;padding:5px 2px}.scene-dot{width:20px;height:23px}}
@media(max-width:600px){main>section{padding-block:52px!important}.hero{min-height:100svh}.hero-title{font-size:clamp(48px,12vw,75px)}.hero-lower{gap:20px}.hero-image{width:100%;max-width:none;min-height:200px;aspect-ratio:4/3}.hero-inner{padding-top:125px}.hero-bottom{margin-top:25px}.intro-scene{min-height:55svh!important}.large-lead{font-size:clamp(34px,8vw,52px)}.experiment-left h2{font-size:clamp(39px,10vw,62px)}.bridge-heading,.statement h2,.lesson-heading h2,.guide-header h2,.manage-title,.communicate-head,.closing h2{font-size:clamp(38px,9.5vw,60px)}.reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.reason{min-height:160px;padding:12px 9px}.reason:not(:first-child){padding-left:12px}.reason h3{font-size:21px}.lesson-heading,.guide-header{gap:15px}.lesson-grid{gap:22px}.steps{grid-template-columns:1fr}.steps li{font-size:16px;padding-block:9px;min-height:56px}.communication-image{aspect-ratio:4/5}.search-callout>p{font-size:16px}.mock-orbit{height:100px;width:100px}.statement{min-height:70svh!important}.statement h2{margin:26px 0}.scene-dots{background:rgba(255,255,255,.9)}.scene-dot{height:22px}.site-head{padding-right:30px}}
@media(max-height:750px) and (min-width:901px){main>section{padding-block:25px!important}.hero-title{font-size:clamp(56px,7vw,99px)}.hero-image{max-height:225px}.large-lead{font-size:clamp(36px,5vw,65px)}.experiment-visual{height:330px}.lesson-heading h2,.guide-header h2{font-size:clamp(39px,4.4vw,65px)}.profile-slot{max-height:310px}.communicate-head{font-size:clamp(40px,5vw,70px)}.communication-image{max-height:320px}}
@media(prefers-reduced-motion:reduce){html,html.snap-enabled{scroll-snap-type:none!important}}

/* V06: correcciones puntuales para lectura y navegación móvil. */
@media (max-width: 900px) {
  .scene-dots { display: none !important; }
  main, main > section, main > section > .container, .hero-inner,
  .experiment-layout, .experiment-left, .experiment-visual,
  .lesson-heading, .guide-header, .lesson-grid, .communication-grid,
  .communication-content, .hero-lower, .closing-bottom {
    min-width: 0;
    max-width: 100%;
  }
  main > section { scroll-snap-align: none !important; }
  /* Sin traslaciones laterales: en pantallas angostas pueden ocultar texto. */
  .reveal[data-motion="left"], .reveal[data-motion="right"] {
    transform: translate3d(0, 18px, 0);
  }
  .reveal.in[data-motion="left"], .reveal.in[data-motion="right"] {
    transform: translate3d(0, 0, 0);
  }
  h1, h2, h3, p, li, .slot-desc, .steps-intro, .section-meta {
    overflow-wrap: anywhere;
  }
  .head-info { display: none; }
}
@media (max-width: 600px) {
  html, body { max-width: 100%; overflow-x: clip; }
  main > section > .container, .hero-inner, .statement-inner {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-inline: auto;
  }
  .site-head { padding-inline: 20px; }
  .hero-title { font-size: clamp(43px, 11.2vw, 68px); letter-spacing: -.065em; }
  .bridge-heading, .statement h2, .lesson-heading h2, .guide-header h2,
  .manage-title, .communicate-head, .closing h2 {
    font-size: clamp(34px, 8.4vw, 55px);
    letter-spacing: -.055em;
  }
  .experiment-left h2 { font-size: clamp(35px, 9vw, 55px); }
  .cta-button { gap: 12px; width: 100%; }
  .mock-bubble { max-width: 100%; }
  .reason { min-width: 0; }
}

/* V07 — desplazamiento natural, sin scroll snap obligatorio o automático */
html,html.snap-enabled{scroll-snap-type:none!important;scroll-behavior:smooth}
main>section,main>section.snap-fit{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
:root{font-family:'Poppins',sans-serif}
/* Recreación clara de una conversación de IA; todos los datos son ilustrativos */
.experiment-visual{background:#fff;border:1px solid #d9dfd8;border-radius:20px;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;height:auto;min-height:0;aspect-ratio:auto;box-shadow:0 12px 40px rgba(23,35,27,.06)}
.ai-window-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid #e4e7e1;background:#fbfcf9}
.ai-window-brand,.ai-answer-identity{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.ai-star,.ai-avatar{display:grid;place-items:center;background:var(--lime);border-radius:12px;width:33px;height:33px;font-size:19px}
.ai-window-status{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.05em;color:#61705e}
.ai-window-status i{width:7px;height:7px;border-radius:50%;background:#75ac31}
.ai-conversation{display:flex;flex-direction:column;gap:24px;padding:26px 25px 20px}
.ai-user-message{margin-left:auto;max-width:88%;background:#f0f2eb;border-radius:18px 18px 4px 18px;padding:16px 19px}
.ai-message-label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;color:#657061;margin-bottom:6px}
.ai-user-message p,.ai-assistant-answer>p{font-size:14px;line-height:1.6;color:#252d28}
.ai-assistant-answer{max-width:95%}.ai-answer-identity{margin-bottom:10px}.ai-answer-identity .ai-avatar{width:28px;height:28px;border-radius:9px}
.ai-assistant-answer>p{margin:6px 0 12px}.ai-result-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0ea;padding:11px 0}
.ai-result-icon{display:grid;place-items:center;border:1px solid #e2e7db;background:#f7faef;border-radius:10px;flex:0 0 35px;height:35px;font-size:23px}
.ai-result-row strong,.ai-result-row small{display:block}.ai-result-row strong{font-size:13px}.ai-result-row small{font-size:11px;color:#666e68;margin-top:3px;line-height:1.4}
.ai-composer{margin:6px 22px 8px;padding:9px 10px 9px 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce2d8;border-radius:13px;color:#858c84;font-size:12px}
.ai-send{background:var(--lime);color:var(--ink);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:19px}
.ai-note{padding:5px 22px 18px;font-size:10px;line-height:1.5;color:#677069}
@media(max-width:600px){.ai-window-header{padding:14px}.ai-conversation{padding:18px 14px}.ai-composer{margin-inline:14px}.ai-note{padding-inline:14px}.ai-window-status{font-size:9px}.ai-user-message{max-width:94%}.ai-assistant-answer{max-width:100%}}

/* V08 · Ticker verdaderamente continuo y portada con pestañas de imagen / QR */
.hero-ticker{overflow:hidden;width:100%;padding:12px 0}
.hero-ticker .ticker-track{display:flex;width:max-content;animation:ticker-loop 30s linear infinite;will-change:transform;font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,3.4vw,55px);font-weight:700;letter-spacing:-.06em;line-height:1.16}
.hero-ticker .ticker-group{display:flex;flex:none;align-items:center;white-space:nowrap}
.hero-ticker .ticker-group span{display:block;white-space:nowrap;padding-right:1.5em}
.hero-ticker .ticker-group b{font-size:.65em;padding:0 .35em}
@keyframes ticker-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.hero-media{justify-self:end;width:100%;max-width:400px;min-width:0;align-self:end}
.hero-media-tabs{display:flex;gap:0;min-height:42px;border:1px solid #bdc5b6;border-bottom:0;background:var(--white)}
.hero-media-tab{flex:1;border:0;border-right:1px solid #bdc5b6;background:#f8f9f5;color:#313b32;text-align:left;padding:10px 14px;font-size:11px;letter-spacing:.07em;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .2s}
.hero-media-tab:last-child{border-right:0}
.hero-media-tab.active{background:var(--lime);color:var(--ink)}
.hero-media-tab:focus-visible{outline-offset:-3px}
.hero-media-content{aspect-ratio:4/3;position:relative;min-height:0}
.hero-media-panel{width:100%;height:100%;min-height:0}
.hero-media-panel[hidden]{display:none!important}
.hero-media .image-slot{padding:clamp(14px,2vw,25px)}
.hero-qr-panel{background:#fff;border:1px solid #bdc5b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center}
.hero-qr-panel .qr-intro{font-size:clamp(10px,1vw,12px);font-weight:800;letter-spacing:.09em;line-height:1.25}
.hero-qr-card{width:min(60%,225px);aspect-ratio:1;display:grid;place-items:center;background:white}
.hero-qr-card img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.hero-qr-placeholder{font-size:12px;line-height:1.4;color:#555}
.hero-qr-caption{font-size:10px;font-weight:700;letter-spacing:.04em;color:#555}
@media(max-width:900px){.hero-media{max-width:350px}}
@media(max-width:600px){.hero-media{max-width:none;width:100%}.hero-media-content{aspect-ratio:4/3}.hero-qr-card{width:min(58%,230px)}.hero-ticker .ticker-track{font-size:clamp(24px,7vw,38px)}}
@media(prefers-reduced-motion:reduce){.hero-ticker .ticker-track{animation:none}}

/* V09 · Portada vertical con cambio de vista discreto */
.hero-media{max-width:330px;position:relative}
.hero-media-content{aspect-ratio:3/4;overflow:hidden;border:1px solid #bdc5b6}
.hero-media-tabs{position:absolute;z-index:3;right:11px;top:11px;min-height:0;gap:4px;padding:4px;border:1px solid rgba(28,38,28,.13);border-radius:50px;background:rgba(255,255,255,.88);backdrop-filter:blur(9px);box-shadow:0 2px 12px rgba(20,30,20,.05)}
.hero-media-tab{flex:0 0 auto;min-width:45px;justify-content:center;padding:6px 11px;border:0;border-radius:30px;text-align:center;background:transparent;font-size:10px;letter-spacing:.04em;font-weight:600;transition:background .2s,color .2s}
.hero-media-tab.active{background:var(--lime)}
.hero-media-panel{height:100%;width:100%;animation:hero-view-fade .28s ease-out both}
@keyframes hero-view-fade{from{opacity:.6}to{opacity:1}}
.hero-media .image-slot{border:0;height:100%;padding:clamp(15px,2vw,25px)}
.hero-qr-panel{border:0;gap:12px;padding:55px 18px 22px}
.hero-qr-panel .qr-intro{font-size:clamp(10px,1vw,12px);max-width:230px}
.hero-qr-card{width:min(85%,260px);max-height:75%;display:flex;justify-content:center;align-items:center}
.hero-qr-card img#hero-qr-img{width:min(100%,244px);height:auto;aspect-ratio:1;object-fit:contain}
.hero-qr-card .hero-qr-custom:not([hidden]){width:100%;height:100%;max-height:100%;object-fit:contain;image-rendering:auto}
.hero-qr-card:has(.hero-qr-custom:not([hidden])){width:100%;height:75%;max-height:none;aspect-ratio:auto}
.hero-qr-caption{font-size:9px}
@media(max-width:900px){.hero-media{max-width:300px}}
@media(max-width:600px){.hero-media{width:min(100%,340px);max-width:340px;justify-self:center}.hero-media-content{aspect-ratio:3/4}.hero-media-tabs{top:9px;right:9px}}
@media(prefers-reduced-motion:reduce){.hero-media-panel{animation:none}}

/* V10 · Recuperar el ticker visible sin modificar el formato vertical foto/QR.
   En escritorio se compacta la portada y se eleva la imagen, no la franja. */
@media (min-width: 901px) {
  .hero { display: flex; flex-direction: column; min-height: 100svh; padding-top: 0 !important; padding-bottom: 0 !important; }
  .hero-inner { flex: 1 0 auto; padding-top: clamp(100px, 11vh, 135px); padding-bottom: 20px; }
  .hero-title { margin-top: clamp(12px, 2vh, 22px); margin-bottom: 12px; }
  .hero-lower { margin-top: 0; align-items: center; }
  .hero-media { width: min(100%, 330px, 30vh); align-self: center; }
  .hero-bottom { margin-top: 12px; }
  .hero-ticker { flex: 0 0 auto; }
}
@media (max-width: 900px) {
  /* En móvil se mantiene la composición aprobada y el ticker en flujo natural. */
  .hero { padding-bottom: 0 !important; }
}

/* V11 · Imágenes proporcionadas para Octanogram Talks */
.hero-media #hero-panel-image{display:block;background:#fff;padding:0;overflow:hidden}
.hero-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
.hero-qr-panel{padding:0;background:#fff}
.hero-qr-panel:has(.hero-qr-custom:not([hidden])) .qr-intro,
.hero-qr-panel:has(.hero-qr-custom:not([hidden])) .hero-qr-caption{display:none}
.hero-qr-panel:has(.hero-qr-custom:not([hidden])) .hero-qr-card{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:transparent}
.hero-qr-card .hero-qr-custom:not([hidden]){width:100%;height:100%;max-height:none;object-fit:contain;image-rendering:auto}
.profile-slot{border:0;background:#fff;padding:0;display:grid;place-items:center;overflow:hidden}
.profile-illustration{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

/* V12 · recursos transparentes, visual protagonista y selector sin texto */
.hero-media #hero-panel-image, .hero-media #hero-panel-qr,
.hero-media .image-slot, .hero-qr-panel, .hero-qr-card,
.profile-slot {background:transparent!important;box-shadow:none!important;border:0!important}
.hero-media-content {border:0!important;overflow:visible!important;aspect-ratio:3/4}
.hero-media-panel {overflow:visible!important}
.hero-media #hero-panel-image{overflow:visible!important}
.hero-photo,.hero-qr-custom,.profile-illustration {object-fit:contain!important;object-position:center;width:100%;height:100%;}
.hero-media .image-slot {padding:0!important;}
.hero-media-tabs {top:8px;right:8px;gap:7px;padding:6px;border:1px solid rgba(30,40,30,.12);background:rgba(255,255,255,.78)}
.hero-media-tab {width:22px;height:22px;min-width:22px;padding:0;display:grid;place-items:center;border-radius:50%;background:transparent;}
.hero-media-tab .switch-indicator{display:block;width:9px;height:9px;background:#aeb6a4;border-radius:50%;transition:transform .25s,background .25s}
.hero-media-tab.active{background:var(--lime)}
.hero-media-tab.active .switch-indicator{background:var(--ink);transform:scale(1.12)}
.hero-qr-panel .qr-intro,.hero-qr-panel .hero-qr-caption{display:none}
.hero-qr-panel .hero-qr-card{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important}
.profile-slot{padding:0!important;overflow:visible!important;aspect-ratio:auto!important;max-height:none!important;min-height:0!important}
.profile-illustration {height:auto;max-height:560px;object-fit:contain}
.lesson-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(20px,3vw,55px);align-items:center}
@media(min-width:901px){
 .hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto auto auto auto;column-gap:clamp(20px,4vw,80px);align-items:center; padding-top:clamp(95px,10vh,125px);padding-bottom:10px}
 .hero-inner>.kicker{grid-column:1/-1;grid-row:1}
 .hero-title{grid-column:1;grid-row:2;align-self:end;font-size:clamp(62px,7.4vw,118px);margin:clamp(22px,4vh,50px) 0 0;max-width:100%}
 .hero-lower{display:contents}
 .hero-sub{grid-column:1;grid-row:3;align-self:start;font-size:clamp(20px,2.25vw,35px);margin:12px 0 8px}
 .hero-media{grid-column:2;grid-row:2 / 4;justify-self:stretch;align-self:center;width:100%;max-width:none!important;min-width:0}
 .hero-media-content{width:100%;height:min(56vh,590px);aspect-ratio:auto!important}
 .hero-bottom{grid-column:1/-1;grid-row:4;margin-top:clamp(10px,2vh,25px)}
 .hero-ticker{margin-top:0}
}
@media(max-width:900px){
 .hero-media{max-width:min(100%,410px)!important;width:100%;margin-inline:auto}
 .hero-media-content{width:100%;aspect-ratio:3/4!important}
 .lesson-grid{grid-template-columns:1fr;gap:25px}
 .profile-illustration{max-height:540px;width:100%}
}
@media(max-width:600px){
 .hero-media{width:min(100%,390px)!important;max-width:390px!important}
 .hero-media-content{aspect-ratio:3/4!important}
 .profile-illustration{max-height:460px}
}

/* V13: un solo recurso QR. Las imágenes transparentes conservan su diseño,
   sin fondos ni elementos adicionales. */
.hero-media-panel[hidden], .hero-qr-custom[hidden]{display:none!important}
.hero-qr-panel .hero-qr-card{display:flex;align-items:center;justify-content:center;background:transparent!important;padding:0!important}
.hero-qr-panel .hero-qr-custom{display:block;width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:auto!important}
.closing-bottom{display:block;max-width:900px}

/* V14 — Imágenes revisadas: PNG/SVG con transparencias, proporciones nativas. */
.hero-media-content, .hero-media-panel, .hero-media .image-slot, .hero-qr-panel, .hero-qr-card, .profile-slot, .communication-image { background:transparent!important;border:0!important;box-shadow:none!important; }
.hero-media-content { overflow:visible!important; }
.hero-photo,.hero-qr-custom {object-fit:contain!important;object-position:center!important;display:block;}
.hero-media .image-slot{padding:0!important;}
/* img-01: ilustración 440 × 400, más horizontal que el antiguo 3:4. */
@media(min-width:901px){
 .hero-media {align-self:center!important;}
 .hero-media-content {height:auto!important;aspect-ratio:11/10!important;max-height:560px;}
 .hero-photo,.hero-qr-custom{width:100%!important;height:100%!important;}
}
/* QR es un SVG transparente que reemplaza la imagen, no se superpone a ella. */
.hero-qr-panel{padding:0!important;}
.hero-qr-panel .hero-qr-card{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;}
.hero-qr-panel .hero-qr-custom{object-fit:contain!important;width:100%!important;height:100%!important;}
/* img-02: captura panorámica, sin cuadrado ni recorte. */
.lesson-grid {grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(25px,4vw,65px);align-items:center;}
.profile-slot {min-height:0!important;aspect-ratio:880/426!important;display:block!important;overflow:visible!important;padding:0!important;}
.profile-illustration{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
/* img-03: fotografía horizontal 1000 × 563, sin placa ni textura. */
.communication-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(25px,4vw,65px);align-items:center;}
.communication-image {width:100%;aspect-ratio:1000/563!important;min-height:0!important;display:block!important;padding:0!important;overflow:visible!important;}
.communication-illustration{display:block;width:100%;height:auto;object-fit:contain;}
@media(max-width:900px){
 .hero-media-content {height:auto!important;aspect-ratio:11/10!important;}
 .lesson-grid,.communication-grid{grid-template-columns:minmax(0,1fr)!important;}
 .profile-slot,.communication-image{max-width:100%;width:100%;}
}
@media(max-width:600px){
 .hero-media{width:min(100%,420px)!important;max-width:420px!important;}
 .hero-media-content{aspect-ratio:11/10!important;}
 .hero-qr-custom,.hero-photo{max-width:100%;}
 .communication-image{aspect-ratio:1000/563!important;}
}


/* V15 — Escala equilibrada y presentación sin recortes */
/* Reducción visual aproximada del 20 % sin alterar la geometría de las ilustraciones. */
.hero-media{max-width:80%!important;justify-self:center!important;margin-inline:auto!important}
.hero-media-content{width:100%;height:auto!important;aspect-ratio:11/10!important}
.hero-photo,.hero-qr-custom{display:block;width:100%!important;height:100%!important;object-fit:contain!important}
.hero-media-tabs{right:6px;top:6px}
/* La imagen panorámica mantiene su espacio visual y respira junto al texto. */
.lesson-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:clamp(32px,5vw,90px)!important;align-items:center}
.profile-slot{width:80%!important;max-width:100%;justify-self:center;aspect-ratio:880/426!important}
.profile-illustration{display:block;max-height:none!important}
/* Recupera el equilibrio del bloque COMUNICAR previo a V14. */
.communication-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(36px,6vw,100px)!important;align-items:center}
.communication-image{width:80%!important;max-width:100%;justify-self:center;aspect-ratio:1000/563!important;min-height:0!important}
.communication-illustration{display:block;width:100%;height:auto}
/* Demostración: nada de textos ocultos por efectos de entrada ni recortes verticales. */
#guia .guide-header, #guia .section-meta, #administrar .section-meta,
#administrar .manage-title, #administrar .manage-lead{opacity:1!important;transform:none!important;transition:none!important}
#guia .steps li,#administrar .steps li{overflow:visible;align-items:center;min-width:0}
#guia .tab-panel,#administrar .tab-panel{height:auto;max-height:none;overflow:visible}
@media(max-width:900px){
 .hero-media{width:min(80%,350px)!important;max-width:350px!important}
 .lesson-grid,.communication-grid{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
 .profile-slot,.communication-image{width:min(80%,650px)!important;margin-inline:auto}
}
@media(max-width:600px){
 .hero-media{width:min(82%,320px)!important;max-width:320px!important}
 .profile-slot,.communication-image{width:min(90%,440px)!important}
 #guia .steps li,#administrar .steps li{font-size:clamp(15px,4.2vw,19px);gap:15px}
}

/* V16 — Ajustes puntuales: transición estable, comunicación, CTA. */
.communication-image { width:88%!important; border-radius:20px; overflow:hidden!important; }
.communication-illustration { border-radius:20px; }
/* El bloque de demostración permanece legible incluso sin JavaScript. */
#guia .demo-enter, #administrar .demo-enter { opacity:1; transform:none; filter:none; }
html.demo-motion #guia .demo-enter:not(.demo-visible),
html.demo-motion #administrar .demo-enter:not(.demo-visible) { opacity:0; transform:translate3d(0,22px,0); }
html.demo-motion #guia .demo-enter,
html.demo-motion #administrar .demo-enter { transition:opacity .55s ease-out, transform .65s cubic-bezier(.2,.7,.25,1); will-change:auto; }
html.demo-motion #guia .demo-enter.demo-visible,
html.demo-motion #administrar .demo-enter.demo-visible { opacity:1; transform:translate3d(0,0,0); }
#administrar .demo-primary-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:54px; padding:16px 24px; border-radius:5px; background:var(--lime); border:1px solid #a4c83b; color:var(--ink); font:800 12px/1.35 'Poppins',sans-serif; letter-spacing:.045em; text-align:center; transition:background-color .2s,transform .2s; }
#administrar .demo-primary-link:hover { background:#c7f34a; transform:translateY(-2px); }
#administrar .demo-primary-link:focus-visible {outline:3px solid #638a13;outline-offset:3px;}
@media(max-width:900px) { .communication-image { width:min(88%,650px)!important; } }
@media(max-width:600px) { .communication-image { width:min(99%,440px)!important; border-radius:14px; } #administrar .demo-primary-link { width:100%; max-width:420px; min-height:58px; padding:14px 16px; } }
@media(prefers-reduced-motion:reduce) { html.demo-motion #guia .demo-enter,html.demo-motion #administrar .demo-enter {opacity:1!important;transform:none!important;transition:none!important;} }