/* V27: hero corporatiu amb notícia compacta; no solapar text ni retallar CTA */
.hero.tech-main{position:relative;overflow:hidden;background:#08254a}
.hero.tech-main .hero-grid{display:grid;grid-template-columns:54% 46%;min-height:560px;max-width:none;width:100%;position:relative}
.hero.tech-main .hero-copy{position:relative;z-index:2;padding:72px 30px 78px max(35px,calc((100vw - 1400px)/2));display:flex;flex-direction:column;justify-content:center;max-width:none}
.hero.tech-main .hero-copy h1{font-size:clamp(38px,3.55vw,65px);max-width:760px;line-height:1.08;letter-spacing:-.035em;margin:19px 0 16px}
.hero.tech-main .hero-copy p{max-width:690px;font-size:clamp(16px,1.2vw,19px);line-height:1.52;margin:0 0 22px}
.hero.tech-main .hero-copy .actions{display:flex;flex-wrap:wrap;gap:10px}
.hero.tech-main .hero-copy .actions .btn{padding:12px 16px;font-size:14px}
.hero.tech-main .hero-photo{position:relative;min-height:560px;overflow:hidden}
.hero.tech-main .hero-photo:after{background:linear-gradient(90deg,#08254a 0%,rgba(8,37,74,.12) 38%,transparent 72%)}
.hero.tech-main .tech-float{position:absolute;z-index:8;right:max(28px,calc((100vw - 1500px)/2));top:38px;width:340px;max-width:calc(46vw - 55px);padding:17px}
.hero.tech-main .tech-float-item{padding:9px 0}
.hero.tech-main .tech-float-item img{width:73px;height:54px}
.hero.tech-main .tech-float-item b{font-size:12px}
.hero.tech-main .tech-float-head strong{font-size:19px}
.hero.tech-main .eyebrow{letter-spacing:.08em;font-size:12px}
@media(max-width:1100px){.hero.tech-main .hero-grid{grid-template-columns:1fr 1fr;min-height:510px}.hero.tech-main .hero-copy{padding:45px 22px 60px}.hero.tech-main .hero-copy h1{font-size:clamp(35px,4.4vw,48px)}.hero.tech-main .hero-photo{min-height:510px}.hero.tech-main .tech-float{width:280px;max-width:42vw;right:16px;top:20px}.hero.tech-main .tech-float-item img{width:58px;height:46px}}
@media(max-width:780px){.hero.tech-main .hero-grid{display:flex;flex-direction:column;min-height:0}.hero.tech-main .hero-copy{padding:38px 23px 34px}.hero.tech-main .hero-copy h1{font-size:clamp(36px,8vw,51px)}.hero.tech-main .hero-photo{height:255px;min-height:255px}.hero.tech-main .tech-float{position:relative;right:auto;top:auto;width:auto;max-width:none;margin:-20px 16px 24px}.hero.tech-main .hero-copy .actions .btn{font-size:13px}}
@media(min-width:781px) and (max-width:1250px){.hero.tech-main .hero-copy h1{font-size:clamp(32px,3.8vw,46px)}.hero.tech-main .hero-copy .actions .btn{padding:10px 12px}}
/* Evitar que el footer flotant tapi la portada */
@media(min-width:781px){.hero.tech-main{padding-bottom:0}}