/* V16.4 — Servicios: hero con imagen de fondo + filtro parcial Aicrea */
.page-services-v14 .services-hero{
  position:relative!important;
  min-height:720px!important;
  padding:170px 0 90px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#000 url('assets/img/branding-pantalla.png') center center/cover no-repeat!important;
  color:#fff!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.page-services-v14 .services-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,42,44,.88) 28%,rgba(0,118,112,.42) 48%,rgba(0,0,0,.12) 67%,rgba(0,0,0,.18) 100%)!important;
  pointer-events:none!important;
}
.page-services-v14 .services-hero::after{display:none!important;content:none!important}
.page-services-v14 .services-hero-grid{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr)!important;
  gap:clamp(36px,6vw,92px)!important;
  align-items:end!important;
}
.page-services-v14 .services-hero-grid>div{min-width:0!important}
.page-services-v14 .services-hero .eyebrow{color:#45c7bb!important;margin-bottom:22px!important}
.page-services-v14 .services-hero h1{
  margin:0!important;
  max-width:760px!important;
  font-size:clamp(52px,6.2vw,92px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.page-services-v14 .services-hero h1 span{display:block!important;color:#45c7bb!important;font-size:.72em!important;line-height:1.02!important;margin-top:.12em!important}
.page-services-v14 .services-hero-side{
  max-width:430px!important;
  margin:0 0 4px auto!important;
  padding:28px!important;
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(69,199,187,.55)!important;
  border-radius:18px!important;
}
.page-services-v14 .services-hero-side>span{color:#45c7bb!important;margin-bottom:16px!important}
.page-services-v14 .services-hero-side .lead{color:#fff!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.55!important;margin:0 0 24px!important}
.page-services-v14 .services-hero-side .btn{white-space:normal!important;text-align:center!important}

@media(max-width:980px){
  .page-services-v14 .services-hero{min-height:auto!important;padding:145px 0 72px!important;background-position:62% center!important}
  .page-services-v14 .services-hero::before{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,49,50,.86) 55%,rgba(0,0,0,.35) 100%)!important}
  .page-services-v14 .services-hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  .page-services-v14 .services-hero-side{margin:0!important;max-width:560px!important}
  .page-services-v14 .services-hero h1{font-size:clamp(46px,9vw,72px)!important;max-width:680px!important}
}
@media(max-width:620px){
  .page-services-v14 .services-hero{padding:125px 0 54px!important;background-position:58% center!important}
  .page-services-v14 .services-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,57,57,.82) 48%,rgba(0,0,0,.88) 100%)!important}
  .page-services-v14 .services-hero h1{font-size:clamp(38px,12vw,52px)!important;line-height:.98!important;letter-spacing:-.04em!important}
  .page-services-v14 .services-hero h1 br{display:none!important}
  .page-services-v14 .services-hero-side{padding:22px!important;border-radius:14px!important;background:rgba(0,0,0,.7)!important}
}
