:root{--hero-ink:#061b3a;--hero-cyan:#08aed0;--hero-blue:#0875b4;--hero-ice:#e9f8ff}

/* Portada aprobada: composición orgánica, luminosa y con movimiento de ensamblaje. */
.hero-v18{position:relative;isolation:isolate;overflow:hidden;min-height:940px;padding:152px 0 46px;background:linear-gradient(132deg,#f7fdff 0%,#e9f8ff 42%,#d9f1fc 100%);color:var(--hero-ink)}
.hero-v18:before,.hero-v18:after{content:"";position:absolute;z-index:-3;border-radius:50%;border:2px solid rgba(37,172,221,.09);pointer-events:none}.hero-v18:before{width:920px;height:360px;left:-310px;top:150px;transform:rotate(12deg)}.hero-v18:after{width:1050px;height:420px;right:-470px;bottom:-170px;transform:rotate(-14deg)}
.hero-v18-orb{position:absolute;z-index:-4;border-radius:50%;filter:blur(3px);pointer-events:none}.hero-v18-orb-one{width:700px;height:700px;right:-220px;top:-280px;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(122,213,242,.15) 55%,transparent 72%)}.hero-v18-orb-two{width:650px;height:280px;left:-220px;bottom:-100px;background:radial-gradient(ellipse,rgba(53,178,225,.16),transparent 70%)}
.hero-v18-layout{display:grid;grid-template-columns:minmax(440px,.84fr) minmax(620px,1.32fr);align-items:center;gap:18px;min-height:560px}
.hero-v18-copy{position:relative;z-index:3;padding:42px 0 30px;animation:heroCopyIn .9s cubic-bezier(.2,.8,.2,1) .24s both}.hero-v18 .eyebrow{color:#153451}.hero-v18 .eyebrow:before{content:"";width:52px;height:3px;margin-right:8px;border-radius:5px;background:linear-gradient(90deg,var(--hero-cyan),#55dce8)}.hero-v18 .eyebrow i{display:none}
.hero-v18 h1{max-width:690px;margin:24px 0 22px;color:var(--hero-ink);font-size:clamp(3.6rem,5.65vw,6rem);line-height:.92;letter-spacing:-.062em}.hero-v18 h1 em{display:block;font-style:normal;color:transparent;background:linear-gradient(105deg,#06a7c8,#067db9 72%);background-clip:text;-webkit-background-clip:text}.hero-v18 p{max-width:560px;margin-bottom:0;color:#4d6680;font-size:1.22rem;line-height:1.52}.hero-v18 .hero-actions{display:flex;gap:16px;margin:30px 0 24px}.hero-v18 .button{min-width:220px;border-radius:999px!important;padding:16px 28px;background:linear-gradient(120deg,#08bfd0,#0578b4);color:#fff;box-shadow:0 14px 34px rgba(3,139,180,.24)}.hero-v18 .button-outline{min-width:210px;background:rgba(255,255,255,.58)!important;color:var(--hero-ink)!important;border:1px solid rgba(10,89,132,.18)!important;box-shadow:none}.hero-v18 .button-outline:hover{background:#fff!important}.hero-v18 .hero-proof{display:flex;gap:20px;flex-wrap:wrap;color:#3a627c;font-size:.82rem}
.hero-v18-visual{position:relative;z-index:2;width:clamp(690px,58vw,1050px);aspect-ratio:1.7/1;margin-left:-26px;animation:heroVisualIn 1.08s cubic-bezier(.18,.8,.2,1) .08s both}.hero-v18-photo{position:absolute;inset:6.5% 1.5% 5.5% 1.5%;overflow:hidden;border-radius:50%;background:#bde8f7;box-shadow:0 25px 65px rgba(8,73,110,.22)}.hero-v18-photo img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.01)}
.hero-v18-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 201deg,#06a7df 0 17%,transparent 17% 43%,#ffec00 43% 50%,#ee2c35 50% 66%,transparent 66% 86%,#22af55 86% 94%,#04a5df 94%);filter:drop-shadow(0 8px 15px rgba(6,116,164,.22))}.hero-v18-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#e7f7fe}
.hero-v18-metrics{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);min-height:126px;margin-top:28px;padding:18px 38px;border:1px solid rgba(255,255,255,.95);border-radius:42px;background:rgba(247,253,255,.79);box-shadow:0 21px 60px rgba(22,104,145,.12);backdrop-filter:blur(15px);animation:heroMetricsIn .8s ease .75s both}.metric-v18{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;padding:8px 24px}.metric-v18:not(:last-child){border-right:1px solid rgba(21,101,143,.19)}.metric-v18 svg{width:48px;height:48px;flex:0 0 48px;fill:none;stroke:#0789c4;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.metric-v18 div{display:grid}.metric-v18 strong{color:var(--hero-ink);font-size:clamp(2.35rem,3.2vw,3.35rem);line-height:.95;letter-spacing:-.06em;white-space:nowrap}.metric-v18 span{margin-top:7px;color:#385674;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

@keyframes heroVisualIn{from{opacity:0;transform:translateX(22%) scale(.94)}to{opacity:1;transform:none}}@keyframes heroCopyIn{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:none}}@keyframes heroMetricsIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}

@media(max-width:1180px) and (min-width:981px){.hero-v18-layout{grid-template-columns:minmax(390px,.78fr) minmax(560px,1.22fr)}.hero-v18-visual{width:min(690px,calc(100vw - 394px));margin-left:-48px}.hero-v18 h1{font-size:4.5rem}.hero-v18 p{max-width:490px;font-size:1.08rem}.hero-v18 .button{min-width:190px}.hero-v18-metrics{padding-left:15px;padding-right:15px}.metric-v18{padding-left:12px;padding-right:12px;gap:11px}.metric-v18 svg{width:38px;height:38px;flex-basis:38px}}

@media(max-width:980px){
 .site-header{position:absolute!important;top:10px!important}.site-header .nav-wrap{background:rgba(247,253,255,.94)!important}
 .hero-v18{min-height:0;padding:104px 0 32px}.hero-v18-layout{display:flex;min-height:0;flex-direction:column;gap:0}.hero-v18-visual{order:1;width:100%;margin:0 0 8px;aspect-ratio:1.72/1}.hero-v18-copy{order:2;width:100%;padding:28px 10px 20px;text-align:center}.hero-v18 .eyebrow{justify-content:center}.hero-v18 h1{max-width:780px;margin-left:auto;margin-right:auto;font-size:clamp(3.2rem,9vw,5rem)}.hero-v18 p{margin-left:auto;margin-right:auto}.hero-v18 .hero-actions,.hero-v18 .hero-proof{justify-content:center}.hero-v18-metrics{grid-template-columns:repeat(2,1fr);margin-top:18px;border-radius:32px;padding:12px 20px}.metric-v18{min-height:96px}.metric-v18:nth-child(2){border-right:0}.metric-v18:nth-child(-n+2){border-bottom:1px solid rgba(21,101,143,.19)}
}

@media(max-width:600px){
 .site-header .nav-wrap{min-height:68px!important;border-radius:28px!important;padding:5px 9px!important}.brand img{width:54px!important;height:54px!important;object-fit:contain!important}.menu-toggle{border-radius:999px;padding:10px 15px}
 .hero-v18{padding-top:91px}.hero-v18 .container{width:min(100% - 24px,1180px)}.hero-v18-visual{width:calc(100% + 14px);margin:0 -7px 4px;aspect-ratio:1.18/1}.hero-v18-ring{inset:0}.hero-v18-ring:after{inset:8px}.hero-v18-photo{inset:5.5% 2%}.hero-v18-photo img{object-fit:cover;object-position:center;transform:none}.hero-v18-copy{padding:23px 4px 16px}.hero-v18 .eyebrow{font-size:.66rem;letter-spacing:.12em}.hero-v18 .eyebrow:before{width:28px}.hero-v18 h1{font-size:clamp(2.7rem,13.3vw,3.65rem);line-height:.94;margin:19px 0 18px}.hero-v18 p{max-width:390px;font-size:1rem;line-height:1.55}.hero-v18 .hero-actions{display:grid;grid-template-columns:1fr;margin:25px 0 20px}.hero-v18 .button{width:100%;min-width:0}.hero-v18 .hero-proof{gap:8px 14px;font-size:.72rem}.hero-v18-metrics{width:calc(100% - 24px);padding:7px 4px;border-radius:25px}.metric-v18{min-height:86px;gap:9px;padding:7px}.metric-v18 svg{width:31px;height:31px;flex-basis:31px}.metric-v18 strong{font-size:1.75rem}.metric-v18 span{font-size:.58rem;letter-spacing:.06em}.hero-v18:before{display:none}
}

@media(prefers-reduced-motion:reduce){.hero-v18-copy,.hero-v18-visual,.hero-v18-metrics{animation:none!important}}