.elementor-18777 .elementor-element.elementor-element-96a2685{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:100px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18777 .elementor-element.elementor-element-e92c725{--display:flex;--width:30%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18777 .elementor-element.elementor-element-b84c2b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-18777 .elementor-element.elementor-element-b84c2b5 .elementor-heading-title{font-size:16px;font-weight:700;color:var( --e-global-color-130655b );}.elementor-18777 .elementor-element.elementor-element-6325f64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-18777 .elementor-element.elementor-element-6325f64 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;color:var( --e-global-color-el_c_1_text );}.elementor-18777 .elementor-element.elementor-element-c27d67b{--divider-border-style:solid;--divider-color:var( --e-global-color-130655b );--divider-border-width:3px;}.elementor-18777 .elementor-element.elementor-element-c27d67b .elementor-divider-separator{width:20%;}.elementor-18777 .elementor-element.elementor-element-c27d67b .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-18777 .elementor-element.elementor-element-342253a{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18777 .elementor-element.elementor-element-ed12a60{--display:flex;--width:70%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18777 .elementor-element.elementor-element-32f7b4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li{font-size:18px;background-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:120px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li img{width:120px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:120px;height:120px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-tab-inline-icon li .title-before-icon{margin-right:0px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-tab-inline-icon li .title-after-icon{margin-left:0px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-tab-top-icon li i, .elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-tab-top-icon li img, .elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-tab-top-icon li svg{margin-bottom:0px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 10px 0px 0px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 10px 0px 0px;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#fff;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li:hover > i{color:#fff;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li:hover > svg{fill:#fff;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#FFFFFF;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li.active{color:#fff;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li.active > i{color:#fff;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-nav > ul li.active > svg{fill:#fff;}.elementor-18777 .elementor-element.elementor-element-0ae1940 .eael-advance-tabs .eael-tabs-content > div{margin:0px 0px 0px 0px;}@media(max-width:1400px){.elementor-18777 .elementor-element.elementor-element-96a2685{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-18777 .elementor-element.elementor-element-32f7b4a{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}}@media(max-width:900px){.elementor-18777 .elementor-element.elementor-element-6325f64{width:100%;max-width:100%;}.elementor-18777 .elementor-element.elementor-element-6325f64 .elementor-heading-title{font-size:30px;}}@media(max-width:600px){.elementor-18777 .elementor-element.elementor-element-96a2685{--flex-wrap:wrap;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-18777 .elementor-element.elementor-element-e92c725{--width:100%;}.elementor-18777 .elementor-element.elementor-element-b84c2b5 .elementor-heading-title{font-size:12px;}.elementor-18777 .elementor-element.elementor-element-6325f64 .elementor-heading-title{font-size:24px;}.elementor-18777 .elementor-element.elementor-element-342253a{font-size:14px;}.elementor-18777 .elementor-element.elementor-element-ed12a60{--width:100%;}.elementor-18777 .elementor-element.elementor-element-32f7b4a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for eael-adv-tabs, class: .elementor-element-0ae1940 *//* =========================================================
   BIH4C - EAEL ADVANCED TABS / SOCIOS
   Widget ID: #eael-advance-tabs-0ae1940
   ========================================================= */


/* =========================================================
   01. ANIMACIÓN DE CONTENIDO
   ========================================================= */

#eael-advance-tabs-0ae1940 .eael-tabs-content > div {
  animation: tabFadeUp 0.45s ease both;
}

@keyframes tabFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =========================================================
   02. NAVEGACIÓN DE TABS / LOGOS
   ========================================================= */

#eael-advance-tabs-0ae1940 .eael-tabs-nav > ul {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 auto 40px auto !important;
  padding: 0 !important;
}


/* =========================================================
   03. TARJETAS DE LOGOS
   Desktop: 5 por fila
   ========================================================= */

#eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;

  min-height: 95px;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px;
  box-shadow: none;

  position: relative;
  overflow: visible;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

#eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li img {
  max-width: 130px;
  max-height: 52px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* =========================================================
   04. HOVER EN LOGOS
   ========================================================= */

@media (hover:hover) {
  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li:hover {
    transform: translateY(-3px);
    border-color: rgba(53, 207, 160, .35) !important;
    box-shadow:
      0 4px 12px rgba(0, 0, 0, .05),
      0 12px 24px rgba(0, 0, 0, .08);
  }
}


/* =========================================================
   05. TAB ACTIVA
   ========================================================= */

#eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li.active {
  transform: translateY(-4px);
  border-color: #35cfa0 !important;
  box-shadow:
    0 6px 18px rgba(0, 0, 0, .08),
    0 16px 34px rgba(0, 0, 0, .12);
  z-index: 2;
}

#eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -14px;
  width: 46px;
  height: 4px;
  border-radius: 20px;
  background: #35cfa0;
  transform: translateX(-50%);
}


/* =========================================================
   06. CONTENIDO DE LAS TABS
   ========================================================= */

#eael-advance-tabs-0ae1940 .eael-tabs-content {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
}


/* =========================================================
   07. RESPONSIVE TABS - TABLETA VERTICAL + MÓVIL
   2 logos por fila
   ========================================================= */

@media (max-width: 900px) {

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
  }

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav > li,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul > li {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0 !important;
    min-height: 80px;
    transform: none !important;
  }

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li.active,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav > li.active,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul > li.active {
    transform: none !important;
  }

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li img,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav > li img,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul > li img {
    max-width: 105px;
    max-height: 38px;
  }

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li.active::after,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav > li.active::after,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul > li.active::after {
    bottom: -10px;
    width: 34px;
    height: 3px;
  }

}


/* =========================================================
   08. RESPONSIVE TABS - MÓVILES PEQUEÑOS
   Mantiene 2 logos por fila
   ========================================================= */

@media (max-width: 480px) {

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav > li,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul > li {
    min-height: 74px;
  }

  #eael-advance-tabs-0ae1940 .eael-tabs-nav > ul > li img,
  #eael-advance-tabs-0ae1940 ul.eael-tabs-nav > li img,
  #eael-advance-tabs-0ae1940 .eael-tabs-nav ul > li img {
    max-width: 96px;
    max-height: 36px;
  }

}


/* =========================================================
   09. PLANTILLAS CARGADAS DENTRO DE LAS TABS
   Corrección de anchos y desbordes en responsive
   ========================================================= */

@media (max-width: 1100px) {

  .partners-tabs-mobile,
  .partners-tabs-mobile .eael-tabs-content,
  .partners-tabs-mobile .eael-tab-content-item {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .partners-tabs-mobile .elementor,
  .partners-tabs-mobile .elementor-section,
  .partners-tabs-mobile .elementor-container,
  .partners-tabs-mobile .e-con,
  .partners-tabs-mobile .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  .partners-tabs-mobile .elementor-column,
  .partners-tabs-mobile .elementor-widget-wrap {
    max-width: 100% !important;
  }

  .partners-tabs-mobile * {
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .partners-tabs-mobile img {
    max-width: 100% !important;
    height: auto !important;
  }

}


/* =========================================================
   10. LOGO PRINCIPAL DEL SOCIO
   ========================================================= */

@media (max-width: 1100px) {

  .partners-tabs-mobile .elementor-widget-image img {
    width: 64% !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

}

@media (max-width: 767px) {

  .partners-tabs-mobile .elementor-widget-image img {
    width: 58% !important;
    max-width: 210px !important;
  }

}


/* =========================================================
   11. ICON BOX SUPERIOR
   ROL EN EL HUB / WEB
   Icono arriba + texto centrado
   ========================================================= */

@media (max-width: 1100px) {

  .partners-tabs-mobile .elementor-widget-icon-box {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .partners-tabs-mobile .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .partners-tabs-mobile .elementor-icon-box-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }

  .partners-tabs-mobile .elementor-icon-box-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .partners-tabs-mobile .elementor-icon-box-title,
  .partners-tabs-mobile .elementor-icon-box-title span,
  .partners-tabs-mobile .elementor-icon-box-description {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .partners-tabs-mobile .elementor-icon-box-title {
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
  }

  .partners-tabs-mobile .elementor-icon-box-description {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .partners-tabs-mobile .elementor-icon-box-icon .elementor-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important;
    margin: 0 auto !important;
  }

  .partners-tabs-mobile .elementor-icon-box-icon .elementor-icon i,
  .partners-tabs-mobile .elementor-icon-box-icon .elementor-icon svg {
    width: 26px !important;
    height: 26px !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

}

@media (max-width: 767px) {

  .partners-tabs-mobile .elementor-icon-box-title {
    font-size: 14px !important;
  }

  .partners-tabs-mobile .elementor-icon-box-description {
    font-size: 13px !important;
  }

  .partners-tabs-mobile .elementor-icon-box-icon .elementor-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }

  .partners-tabs-mobile .elementor-icon-box-icon .elementor-icon i,
  .partners-tabs-mobile .elementor-icon-box-icon .elementor-icon svg {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
  }

}


/* =========================================================
   12. BLOQUES ROL EN EL HUB / WEB
   Centrado de títulos y textos en responsive
   IDs concretos de Elementor
   ========================================================= */

@media (max-width: 1100px) {

  .elementor-element-1cd5531,
  .elementor-element-83e9a2c {
    align-items: center !important;
    text-align: center !important;
  }

  .elementor-element-656e294,
  .elementor-element-2230782,
  .elementor-element-d32faab,
  .elementor-element-55f8262 {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .elementor-element-656e294 .elementor-heading-title,
  .elementor-element-d32faab .elementor-heading-title,
  .elementor-element-2230782 p,
  .elementor-element-55f8262 p {
    text-align: center !important;
  }

}


/* =========================================================
   13. ICONOS NUMERADOS INFERIORES - THE7 ICON BOX
   Carbonatación / H2 / Sinergias
   Igualar tamaño visual de iconos
   ========================================================= */

@media (max-width: 1100px) {

  /* Caja exterior del icono */
  .partners-tabs-mobile .the7-box-wrapper .box-icon-wrapper,
  .partners-tabs-mobile .the7-box-wrapper .elementor-icon-div,
  .partners-tabs-mobile .the7-box-wrapper .elementor-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
  }

  /* SVG interno */
  .partners-tabs-mobile .the7-box-wrapper .elementor-icon svg,
  .partners-tabs-mobile .the7-box-wrapper svg.cf-icon-svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    display: block !important;
  }

  /* Evita escalados raros del tema */
  .partners-tabs-mobile .the7-box-wrapper svg,
  .partners-tabs-mobile .the7-box-wrapper svg * {
    transform: none !important;
  }

  /* Alineación de icono + contenido */
  .partners-tabs-mobile .the7-box-wrapper .box-content-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  .partners-tabs-mobile .the7-box-wrapper .box-content {
    flex: 1 1 auto !important;
  }

}


/* =========================================================
   14. ICON LIST INFERIOR - ELEMENTOR
   Si alguna plantilla usa icon-list en lugar de The7 icon box
   ========================================================= */

@media (max-width: 1100px) {

  .partners-tabs-mobile .elementor-icon-list-items {
    width: 100% !important;
  }

  .partners-tabs-mobile .elementor-icon-list-item {
    display: flex !important;
    align-items: flex-start !important;
  }

  .partners-tabs-mobile .elementor-icon-list-icon {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 4px !important;
  }

  .partners-tabs-mobile .elementor-icon-list-icon i,
  .partners-tabs-mobile .elementor-icon-list-icon svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    font-size: 22px !important;
    line-height: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

}/* End custom CSS */