/* Espuni Marketing — Alturas unificadas de los banners de cabecera
   Un solo alto para los heroes visuales a igual ancho de pantalla.
   Esta hoja se carga al final para resolver los estilos locales heredados.
*/
:root{--espuni-banner-height-desktop:620px;--espuni-banner-height-mobile:600px}
html body :is(section.hero,header.hero,section.detail-hero,section.services-video-banner,section.sector-hero,section.hero-video-banner,section.espuni-blog-hero):has(h1){
  box-sizing:border-box!important;
  height:var(--espuni-banner-height-desktop)!important;
  min-height:var(--espuni-banner-height-desktop)!important;
  max-height:var(--espuni-banner-height-desktop)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:flex!important;
  align-items:center!important;
}
/* Reducir la suma de padding de las distintas plantillas, sin modificar fotos ni vídeo. */
html body :is(section.hero,header.hero,section.detail-hero,section.services-video-banner,section.sector-hero,section.hero-video-banner,section.espuni-blog-hero):has(h1) > :is(.wrap,.container,.hero-inner,.hero-content,.detail-hero-content,.hero-video-content,.services-video-content,.espuni-blog-container){
  box-sizing:border-box!important;
  padding-top:38px!important;
  padding-bottom:38px!important;
}
html body header.hero:has(h1) .hero-copy{padding-block:0!important}
html body section.sector-hero:has(h1) > .wrap{width:min(1140px,calc(100% - 48px))}
@media(max-width:800px){
  html body :is(section.hero,header.hero,section.detail-hero,section.services-video-banner,section.sector-hero,section.hero-video-banner,section.espuni-blog-hero):has(h1){
    height:var(--espuni-banner-height-mobile)!important;
    min-height:var(--espuni-banner-height-mobile)!important;
    max-height:var(--espuni-banner-height-mobile)!important;
  }
  html body :is(section.hero,header.hero,section.detail-hero,section.services-video-banner,section.sector-hero,section.hero-video-banner,section.espuni-blog-hero):has(h1) > :is(.wrap,.container,.hero-inner,.hero-content,.detail-hero-content,.hero-video-content,.services-video-content,.espuni-blog-container){
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
}
@media(max-width:359px){
  /* Accesibilidad: en pantallas especialmente estrechas, evitar cortar titulares. */
  html body :is(section.hero,header.hero,section.detail-hero,section.services-video-banner,section.sector-hero,section.hero-video-banner,section.espuni-blog-hero):has(h1){
    height:auto!important; min-height:600px!important; max-height:none!important;
  }
}