:root{--invest-max:1410px;--invest-header:104px}
.investing-page{min-height:100svh;background:#020812;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.investing-page::before{opacity:.06}
.invest-container{width:min(calc(100% - 10.5vw),var(--invest-max));margin-inline:auto}
.invest-header{height:var(--invest-header);position:relative;background:rgba(2,11,21,.72);backdrop-filter:blur(14px)}
.invest-header .nav-wrap{height:100%;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem}
.invest-brand{justify-self:start;gap:.35rem;font-size:1.38rem;letter-spacing:.055em}

.invest-header .nav-links{justify-self:center;gap:clamp(2.6rem,4.2vw,5rem);color:#d8e3f1;font-size:1rem}
.invest-header .nav-links a.active::after{transform:scaleX(1);transform-origin:left}
.invest-header .nav-actions{justify-self:end}
.login-button{min-width:188px;min-height:54px;border-radius:999px;font-size:1rem;background:linear-gradient(110deg,#087eea,#0baaff)}
.invest-stage{min-height:calc(100svh - var(--invest-header));position:relative;overflow:hidden;isolation:isolate;background:#020812}
.invest-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020812 0%,rgba(2,8,18,.94) 27%,rgba(2,8,18,.14) 63%,rgba(2,8,18,.22) 100%),linear-gradient(0deg,rgba(2,8,18,.62),transparent 42%)}
.invest-visual{position:absolute;z-index:-2;inset:0;overflow:hidden;transform-origin:68% 48%;animation:investDrift 18s cubic-bezier(.42,0,.28,1) infinite alternate}
.invest-visual::after{content:"";position:absolute;width:48vw;aspect-ratio:1.1;left:47%;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(38,143,255,.17),transparent 66%);filter:blur(24px);animation:investGlow 8s ease-in-out infinite}
.invest-visual img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;filter:saturate(1.04) contrast(1.03)}
.invest-layout{min-height:calc(100svh - var(--invest-header));position:relative;display:flex;align-items:center;padding-block:5rem}
.invest-copy{width:min(42vw,570px);margin-top:1.5rem;position:relative;z-index:2}
.invest-copy h1{margin:0;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(4.5rem,5.25vw,5.4rem);font-weight:710;line-height:.96;letter-spacing:-.055em;text-wrap:initial}
.invest-copy h1 span{color:#7aaeee}
.invest-copy p{max-width:560px;margin:2.05rem 0 0;color:#c5d9ed;font-size:clamp(1.04rem,1.35vw,1.28rem);line-height:1.58;letter-spacing:-.012em}
.invest-cta{min-width:258px;min-height:64px;margin-top:2.35rem;padding-inline:2.2rem;border-radius:999px;font-size:1.18rem;background:linear-gradient(110deg,#08a7f5,#087df3);box-shadow:0 18px 50px rgba(0,139,255,.24)}
.invest-cta span{font-size:1.8rem;font-weight:320;line-height:1}
.monitor-card{position:absolute;right:0;bottom:10.5%;width:382px;min-height:170px;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:1.15rem;padding:1.35rem 1.55rem;border:1px solid rgba(126,190,255,.68);border-radius:24px;background:linear-gradient(145deg,rgba(8,31,57,.8),rgba(2,12,24,.82));box-shadow:inset 0 1px rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.34),0 0 34px rgba(0,115,255,.1);backdrop-filter:blur(18px);animation:cardFloat 8s ease-in-out infinite}
.orbit-icon{width:88px;height:88px;filter:drop-shadow(0 0 13px rgba(13,132,255,.6))}
.monitor-card div{display:flex;flex-direction:column}.monitor-card strong{color:#fff;font-size:2rem;line-height:1;font-weight:720}.monitor-card span{margin-top:.65rem;color:#f2f7fd;font-size:1.18rem;font-weight:520}.monitor-card small{margin-top:.28rem;color:#9db4ca;font-size:.93rem}
@keyframes investDrift{from{transform:scale(1.01) translate3d(-.25%,0,0)}to{transform:scale(1.035) translate3d(.7%,-.45%,0)}}
@keyframes investGlow{50%{opacity:.62;transform:scale(1.12)}}
@keyframes cardFloat{50%{transform:translateY(-8px);box-shadow:inset 0 1px rgba(255,255,255,.07),0 30px 78px rgba(0,0,0,.38),0 0 46px rgba(0,115,255,.16)}}
@media(max-width:1120px){.invest-container{width:min(calc(100% - 48px),var(--invest-max))}.invest-header .nav-links{gap:2rem}.invest-copy{width:48vw}.invest-copy h1{font-size:clamp(4rem,6.4vw,5rem)}.monitor-card{width:340px;right:0}.invest-visual img{object-position:58% top}}
@media(max-width:920px){:root{--invest-header:82px}.invest-header .nav-wrap{display:flex;justify-content:space-between}.invest-header .nav-links{top:var(--invest-header);inset-inline:0;z-index:20;gap:0}.invest-header .nav-links.open{transform:translateY(0)}.invest-brand{font-size:1.2rem}.invest-stage::before{background:linear-gradient(180deg,#020812 0%,rgba(2,8,18,.97) 38%,rgba(2,8,18,.2) 62%,rgba(2,8,18,.5) 100%)}.invest-layout{align-items:flex-start;padding-top:5rem}.invest-copy{width:min(78vw,650px);margin:0}.invest-visual{inset:28% -18% 8% -18%}.invest-visual img{object-position:60% top}.monitor-card{right:0;bottom:5%;width:350px}}
@media(max-width:640px){:root{--invest-header:88px}.invest-container{width:calc(100% - 42px)}.invest-header{background:rgba(2,11,21,.4)}.invest-brand{gap:.25rem;font-size:1.02rem;letter-spacing:.08em}.invest-header .menu-toggle{width:50px;height:50px;border-color:rgba(0,149,255,.55)}.invest-stage{min-height:max(calc(100svh - var(--invest-header)),830px)}.invest-layout{min-height:max(calc(100svh - var(--invest-header)),830px);align-items:flex-start;padding-block:3.6rem 2rem}.invest-copy{width:100%}.invest-copy h1{font-size:clamp(3.25rem,13.5vw,4rem);line-height:.98}.invest-copy p{margin-top:1.8rem;font-size:1rem;line-height:1.55}.invest-cta{width:100%;min-width:0;min-height:58px;margin-top:1.9rem;font-size:1.03rem}.invest-visual{inset:46% 0 4% 0}.invest-visual::after{width:100vw;left:17%;top:15%}.invest-visual img{object-fit:contain;object-position:center bottom}.monitor-card{right:0;bottom:2.1rem;width:100%;min-height:128px;grid-template-columns:72px 1fr;gap:1rem;padding:1rem 1.2rem;border-radius:20px}.orbit-icon{width:68px;height:68px}.monitor-card strong{font-size:1.65rem}.monitor-card span{font-size:1.02rem}.monitor-card small{font-size:.83rem}}
@media(max-width:380px){.invest-layout{padding-top:2.8rem}.invest-copy h1{font-size:3rem}.invest-copy p{font-size:.94rem}.invest-visual{inset:48% 0 4% 0}}
@media(prefers-reduced-motion:reduce){.invest-visual,.invest-visual::after,.monitor-card{animation:none!important}}

/* CTA final "Comienza hoy" (Angel 20 Sep 2026) — espejo del embudo /diagnostico de la landing */
.invest-cta-final{padding:clamp(70px,9vw,120px) 0;text-align:center}
.ctafin-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.38em;text-transform:uppercase;color:#5fa8dc;margin-bottom:14px}
.invest-cta-final h2{font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(26px,3.6vw,42px);letter-spacing:-.02em;color:#fff;margin:0 0 12px}
.invest-cta-final h2 span{color:#8db9e8}
.ctafin-sub{color:#7f95ad;font-size:clamp(14px,1.5vw,16px);margin:0 0 28px}
.ctafin-form{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
.ctafin-form input{background:#0a1626;border:1px solid rgba(122,174,238,.28);border-radius:12px;padding:0 16px;height:52px;min-width:min(320px,86vw);color:#e6eef7;font-family:inherit;font-size:14.5px;outline:none}
.ctafin-form input:focus{border-color:rgba(122,174,238,.6)}
.ctafin-form input::placeholder{color:#55708c}
.ctafin-form .btn{height:52px}
.ctafin-hint{margin:12px 0 0;font-size:12px;color:#587390}
