:root {
  --elece-blue: #13b4e5;
  --elece-nav-height: 122px;
  --elece-tabs-height: 130px;
}

/* Barra superior siempre azul. */
.elementor-page-7 .elementor-location-header .elementor-element-ecd03b3,
.elementor-page-7 .elementor-location-header .elementor-element-ecd03b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-page-7 .elementor-location-header .uael-flyout-content,
.elementor-page-7 .elementor-location-header .uael-side {
  background-color: var(--elece-blue) !important;
}

/* El hero ocupa el alto visible restante debajo del menú. */
#research_wrapper,
#research,
#research rs-slides,
#research rs-slide,
#research rs-sbg-wrap,
#research rs-sbg,
#research .rs-parallax-wrap.rs-parallax-hidden,
#research .rs-parallax-wrap.rs-parallax-hidden > rs-loop-wrap,
#research .rs-parallax-wrap.rs-parallax-hidden > rs-loop-wrap > rs-mask-wrap {
  height: calc(100vh - var(--elece-nav-height)) !important;
  min-height: 620px !important;
}

/* Centrado vertical del bloque “Investigación de mercados”. */
#rrzt_2033 {
  top: 0 !important;
  bottom: var(--elece-tabs-height) !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

#slider-936-slide-2033-layer-21 {
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Fondo azul a ambos lados de las pestañas inferiores. */
#research_wrapper .tp-tabs,
#research_wrapper .tp-tabs-inner-wrapper,
#research_wrapper .tp-tabs-wrap,
#research_wrapper .tp-tab-mask {
  background-color: var(--elece-blue) !important;
}

@media (max-width: 767px) {
  :root {
    --elece-nav-height: 90px;
    --elece-tabs-height: 100px;
  }

  #research_wrapper,
  #research,
  #research rs-slides,
  #research rs-slide,
  #research rs-sbg-wrap,
  #research rs-sbg {
    min-height: 650px !important;
  }
}

/* Los logos agregados mantienen proporción y ocupan la misma celda visual. */
#clientes .ha-logo-grid-img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

/* Los 14 logos añadidos desde RESSOURCES deben aparecer primero en la cuadrícula. */
#clientes .ha-logo-grid-wrapper {
  display: flex !important;
  flex-wrap: wrap;
}

#clientes .ha-logo-grid-item:has(img[src*="/assets/client-logos/"]) {
  order: -1;
}