/* Rediseño corporativo: portada de ancho completo y movimiento opcional. */
:root{--cyan-bright:#65e7ec;--radius:16px}
.future-hero{isolation:isolate;position:relative;overflow:hidden;background:#041827;color:#fff}
.future-backdrop{position:absolute;inset:0 0 auto auto;width:78%;height:calc(100% - 140px);object-fit:cover;object-position:65% center;z-index:-3;opacity:.65}
.future-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#041827 5%,#041827ee 29%,#041827b5 50%,#04182720 83%),linear-gradient(0deg,#041827 10%,transparent 70%)}
.circuit-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.65;pointer-events:none}
.future-content{padding-top:82px;padding-bottom:75px;min-height:650px}
.future-eyebrow{display:flex;gap:12px;align-items:center;font-size:.75rem;letter-spacing:.14em;color:#a7d9de;font-weight:650;margin-bottom:30px}
.future-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--cyan-bright);box-shadow:0 0 16px #65e7ec}
.future-content h1{font-size:clamp(2.7rem,4.8vw,4.9rem);line-height:1.08;letter-spacing:-.055em;max-width:800px;margin-bottom:28px;text-wrap:balance}
.future-content h1>span{color:var(--cyan-bright)}
.future-description{max-width:520px;color:#c0d2de;font-size:1.12rem;line-height:1.7;margin-bottom:32px}
.future-content .btn-primary{background:var(--cyan-bright);color:#05212e;box-shadow:0 8px 40px #65e7ec15;border-color:var(--cyan-bright)}
.future-content .btn-primary:hover{background:#a7f7f5}
.future-content .btn-dark-outline{background:#071d3470;border-color:#abcdda80}
.future-content .btn{gap:25px}
.future-proof{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;color:#a9bdcb;font-size:.8rem}
.future-proof span::before{content:"✓";color:var(--cyan-bright);margin-right:7px}
.future-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--container);width:calc(100% - 96px);margin:0 auto 24px;font-size:.68rem;letter-spacing:.12em;color:#acc8d4}
.motion-toggle{border:1px solid #ffffff38;border-radius:6px;padding:8px 13px;min-height:44px;color:#e4f3f6;background:#041827a0;font-size:.75rem;letter-spacing:0;white-space:nowrap}
.motion-toggle:disabled{opacity:.6}
.future-bottom{background:#061f2ee8;border-top:1px solid #ffffff26;backdrop-filter:blur(12px)}
.future-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.future-routes>a{padding:27px 24px;border-right:1px solid #ffffff18;min-width:0;transition:background .2s}
.future-routes>a:first-child{padding-left:0}.future-routes>a:last-child{border:0}.future-routes>a:hover{background:#65e7ec0b}
.route-index{display:block;font-size:.68rem;letter-spacing:.1em;color:#6de0e7;margin-bottom:12px}
.future-routes strong{display:block;font-weight:600;font-size:1rem;line-height:1.4}.future-routes strong>span{color:var(--cyan-bright)}
.future-routes small{display:block;color:#a0b6c5;font-size:.77rem;margin-top:6px;line-height:1.5}
.brand-band{background:#f8fbfc;padding-block:17px;border-color:#e3eced}
.section{padding-block:82px}.section-soft{background:#f3f8fa}.section-heading h2{font-weight:700}
.btn-primary{background:#075972}.btn-primary:hover{background:#04465b}.eyebrow,.text-link{color:#075972}.reading-progress{background:#05bac7}
.service-card:hover,.article-card:hover{border-color:#5aa9b6;box-shadow:0 15px 45px #043b4912}
.cta-strip{background:linear-gradient(110deg,#063445,#075972)}
.modern-page-hero{background:#041827}.site-footer{background:#041827}
@media(min-width:1600px){.future-content{min-height:720px;padding-top:110px}.future-backdrop{object-position:center 60%}}
@media(max-width:1100px){.future-content{padding-top:66px;min-height:600px}.future-backdrop{width:90%}.future-routes>a{padding-inline:17px}.future-routes strong{font-size:.9rem}}
@media(max-width:760px){.future-content{padding-top:46px;padding-bottom:38px;min-height:0}.future-content h1{font-size:clamp(2.5rem,9vw,3.7rem);max-width:620px}.future-eyebrow{font-size:.64rem;letter-spacing:.07em;margin-bottom:24px}.future-backdrop{width:100%;height:580px;opacity:.32;object-position:70% center}.future-hero::before{background:linear-gradient(90deg,#041827e8,#04182780),linear-gradient(0deg,#041827 32%,transparent 85%)}.future-description{font-size:1rem;max-width:480px}.future-proof{font-size:.75rem}.future-controls{width:calc(100% - 40px);font-size:.6rem;margin-bottom:18px}.future-controls>span{max-width:170px;line-height:1.6}.future-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.future-routes>a{padding:21px 13px!important;border-bottom:1px solid #ffffff18}.future-routes>a:nth-child(2){border-right:0}.future-routes>a:nth-child(n+3){border-bottom:0}.future-routes strong{font-size:.88rem}.future-routes small{font-size:.73rem}.route-index{font-size:.62rem;letter-spacing:.02em}.section{padding-block:58px}}
@media(max-width:400px){.future-content .button-row{align-items:stretch;flex-direction:column}.future-content .btn{justify-content:space-between}.future-eyebrow{font-size:.59rem}.future-routes strong{font-size:.8rem}.future-routes small{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.circuit-canvas{display:none}.future-hero *{animation:none!important;transition:none!important}}
