/* Toda la experiencia nueva queda limitada a teléfonos. */
.mobile-copy,.mobile-fact,.story-pagination{display:none}
.desktop-copy.title-variant{color:var(--ink)}
.desktop-copy.title-variant>span{color:var(--teal)}
@media(max-width:759px){
 html.mobile-story-snap{scroll-snap-type:y mandatory;scroll-padding-top:0;scroll-behavior:auto}
 .desktop-copy{display:none!important}
 .mobile-copy{display:block}
 .site-header{position:absolute;z-index:30;top:0;left:0;right:0;background:#002736;border-bottom:1px solid #b6e1df25}
 .hero{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always}
 .hero-grid{display:flex;align-items:center;justify-content:center;min-height:100svh;padding-block:105px 130px}
 .hero-content{text-align:center;max-width:420px;padding-right:12px}
 .hero .eyebrow{font-size:.65rem;letter-spacing:.11em;color:#c5efeb;margin-bottom:22px}
 .hero h1{font-size:clamp(2.15rem,9.8vw,3.3rem);line-height:1.08;letter-spacing:-.05em}
 .hero h1 span{margin-top:14px;color:#aff1e9}
 .hero-copy,.hero-offer,.hero .button,.hero-info{display:none}
 .hero-visual:after{background:linear-gradient(180deg,#00273648 0%,#00273662 23%,#002736ba 60%,#002736d9 100%),linear-gradient(90deg,#00273666,transparent)}
 .hero-motion-toggle{bottom:78px;right:24px;min-height:44px;font-size:.7rem;padding:9px 13px;background:#002736bb}
 .story-forward{position:absolute;z-index:3;left:24px;right:24px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding-block:10px;color:#d4f3ef;text-decoration:none;font-size:.75rem;font-weight:600;line-height:1.4;border-top:1px solid #a4d3d143}
 .story-forward>span:last-child{font-size:1.35rem;color:#aff1e9}
 .mobile-fact{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:100svh;padding:78px 36px 100px 26px;color:#d3e9e7;background:#002736;scroll-snap-align:start;scroll-snap-stop:always}
 .fact-content{position:relative;z-index:2;max-width:440px;margin-inline:auto}
 .mobile-fact .eyebrow{color:#9dded7;font-size:.64rem;margin-bottom:25px;letter-spacing:.14em}
 .story-number{display:flex;flex-direction:column;margin-bottom:28px;color:#fff}
 .story-number strong{font:600 clamp(5.5rem,28vw,8rem)/.88 "Manrope",system-ui,sans-serif;letter-spacing:-.08em;color:#b9efdf}
 .story-number>span{font-size:1.02rem;margin-top:12px;color:#dbf0ed}
 .story-number strong small{font-size:.56em;letter-spacing:-.05em}
 .mobile-fact h2{margin-bottom:28px}
 .story-number{margin-bottom:0}
 .story-number>span.stat-detail{font-size:.94rem;line-height:1.6;margin-top:8px;color:#d3e9e7}
 .fact-personal .story-number>span{margin:0 0 16px;color:#c4e1dc}
 .mobile-fact h2{font-size:clamp(1.65rem,7.2vw,2.15rem);line-height:1.15;letter-spacing:-.04em;color:#fff}
 .mobile-fact h2 span{color:#b9efdf}
 .fact-explanation{font-size:.94rem;line-height:1.65;margin-top:20px;color:#d3e9e7}
 .fact-bridge{font-weight:700;color:#d8ee8b;font-size:.92rem;margin-top:18px}
 .fact-source{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:#a1c7c5;font-size:.66rem;line-height:1.5;text-underline-offset:4px}
 .fact-world{background:radial-gradient(ellipse at 95% 30%,#14616b 0,transparent 66%),#002736}
 .fact-orbit{position:absolute;z-index:0;width:620px;height:620px;border:1px solid #9ee1d524;border-radius:50%;top:-170px;right:-330px;box-shadow:0 0 0 55px #91dbd20a,0 0 0 110px #91dbd209,0 0 0 165px #91dbd207;transform:rotate(-15deg);pointer-events:none}
 .fact-personal{background:linear-gradient(145deg,#164e54,#002736 75%)}
 .fact-grid-art{position:absolute;z-index:0;inset:0;opacity:.1;background-image:linear-gradient(#b8ecdc 1px,transparent 1px),linear-gradient(90deg,#b8ecdc 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(135deg,#000,transparent 72%);pointer-events:none}
 .story-pagination{position:fixed;z-index:35;right:6px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:0}
 .story-is-active .story-pagination{display:flex}
 .story-pagination a{display:grid;place-items:center;width:30px;height:44px;text-decoration:none}
 .story-pagination a:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#d9f3ef60;transition:height .25s,background .25s}
 .story-pagination a[aria-current]:before{height:21px;border-radius:4px;background:#c8f2e6}
 .story-is-active .mobile-dock{visibility:hidden;pointer-events:none;transform:translateY(110%)}
 .story-is-active .mobile-dock .button{pointer-events:none}
 .evaluation{scroll-snap-align:start;scroll-snap-stop:always;padding-block:55px}
 .evaluation .section-intro>.eyebrow{margin-top:0}
 .evaluation .title-variant{color:var(--ink)}
 .evaluation .title-variant>span{color:var(--teal)}
 .evaluation .section-intro>p.mobile-copy:not(.eyebrow){font-size:1rem;line-height:1.75}
 .evaluation .steps h3{font-size:1.02rem}
 .evaluation .steps p{font-size:.93rem;line-height:1.65}
 .mobile-price{position:relative;overflow:hidden;padding-block:48px 44px;background:linear-gradient(135deg,#00313c,#07545b);color:#dceeea}
 .mobile-price:after{content:"";position:absolute;width:280px;height:280px;right:-170px;top:-140px;border:1px solid #96e2de40;border-radius:50%;box-shadow:0 0 0 38px #96e2de09;pointer-events:none}
 .mobile-price .eyebrow{color:#b9e6dc}
 .mobile-price h2{font-size:1.55rem;color:#fff;line-height:1.25}
 .mobile-price-value{font:600 clamp(5rem,25vw,7rem)/1 "Manrope",system-ui,sans-serif;letter-spacing:-.07em;color:#d8ee8b;margin-top:20px}
 .mobile-regular{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.77rem;margin-top:12px;color:#b7d5cf}
 .mobile-regular>span{color:#e5f1ed}
 .mobile-price-copy{font-size:.96rem;max-width:310px;margin-top:24px}
 .mobile-price .button{width:100%;margin-top:25px}
 .mobile-price-place{font-size:.74rem;text-align:center;color:#bfd9d4;margin-top:13px}
 .candidacy h2{font-size:1.65rem}
 .candidacy .mobile-copy{font-size:.98rem;line-height:1.7}
}
@media(max-width:759px) and (max-height:660px){
 .hero-grid{padding-block:88px 112px}
 .hero h1{font-size:clamp(1.95rem,8.7vw,2.65rem)}
 .hero .eyebrow{margin-bottom:14px}
 .mobile-fact{padding-top:40px;padding-bottom:80px}
 .mobile-fact .eyebrow{margin-bottom:18px}
 .story-number{margin-bottom:16px}
 .story-number strong{font-size:4.75rem}
 .fact-personal .story-number>span{font-size:.85rem;margin:0 0 8px}
 .mobile-fact h2{margin-bottom:20px}
 .story-number>span.stat-detail{font-size:.82rem;line-height:1.5;margin-top:6px}
 .fact-personal .story-number{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;margin-bottom:0}
 .fact-personal .story-number>span:first-child{grid-column:1/-1}
 .fact-personal .story-number>span:last-child{font-size:.8rem;line-height:1.4;margin:0}
 .mobile-fact h2{font-size:1.4rem;line-height:1.12}
 .fact-explanation{font-size:.82rem;line-height:1.5;margin-top:14px}
 .fact-source{margin-top:8px;font-size:.61rem}
 .fact-bridge{margin-top:12px;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.story-pagination a:before{transition:none}}
@media(max-width:759px) and (max-height:520px){
 .mobile-fact{padding-top:26px;padding-bottom:66px}
 .mobile-fact .eyebrow{margin-bottom:10px}
 .mobile-fact h2{font-size:1.25rem;line-height:1.12;margin-bottom:14px}
 .story-number{margin-bottom:10px}
 .story-number strong{font-size:3.8rem}
 .fact-explanation{font-size:.8rem;margin-top:12px}
 .fact-source{margin-top:6px}
}
@media(max-width:759px) and (max-height:500px) and (orientation:landscape){
 .hero-grid{padding-block:80px 72px}
 .hero-content{max-width:600px}
 .hero .eyebrow{margin-bottom:10px}
 .hero h1{font-size:1.9rem;line-height:1.05}
 .hero h1 span{margin-top:8px}
 .mobile-fact{padding:26px 44px 66px 26px}
 .fact-content{width:100%;max-width:640px;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}
 .mobile-fact .eyebrow{grid-column:1/-1;margin:0}
 .mobile-fact h2{grid-column:1;grid-row:2;font-size:1.3rem;margin:0;align-self:center}
 .story-number,.fact-personal .story-number{grid-column:2;grid-row:2/4;margin:0}
 .story-number>span,.fact-personal .story-number>span{font-size:.82rem}
 .story-number>span.stat-detail{font-size:.78rem}
 .fact-personal .story-number{display:flex}
 .fact-personal .story-number>span{margin:0 0 5px}
 .fact-explanation{grid-column:1;grid-row:3;margin:0;font-size:.78rem}
 .fact-source{grid-column:1;grid-row:3;margin:0;font-size:.6rem}
 .fact-personal .fact-source{grid-column:1/-1;grid-row:4}
}