/* Salud preventiva */
#tab-salud-preventiva:hover {
    border-bottom: 1px solid #FF6632;
}

/* Salud digestiva */
#tab-salud-digestiva:hover {
    border-bottom: 1px solid #00D996;
}

/* Salud funcional */
#tab-salud-funcional:hover {
    border-bottom: 1px solid #00ABEA;
}

/* Salud sexual */
#tab-salud-sexual:hover {
    border-bottom: 1px solid #FFDD7D;
}

/* Salud hormonal */
#tab-salud-hormonal:hover {
    border-bottom: 1px solid #FFAAB1;
}

@media (max-width: 767px) {
  .e-n-tabs-heading {
    scrollbar-width: none;
    padding-bottom: 4px;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: auto hidden !important;
  }
  .e-n-tabs-heading::-webkit-scrollbar { display: none; }
  .e-n-tab-title {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 767px) {
  .e-n-tabs-heading {
    position: relative;
    z-index: 1;
  }
}

/* peek carruseles */

/* ─── Peek de siguiente diapositiva en móvil ─── */
@media (max-width: 767px) {
	
	/* Pastillas colores salud */
  .pastillas-colores .e-n-carousel.swiper {
	overflow: visible !important;
	padding-right: 5% !important;
	box-sizing: border-box;
  }
  .pastillas-colores {
	  overflow: visible !important;
  }
  
	/* Testimonios */
  .testimonios .e-n-carousel.swiper {
    overflow: visible !important;
    padding-right: 5% !important;
    box-sizing: border-box;
  }

  .testimonios {
    overflow: visible !important;
  }

  /* Qué dicen de nosotros */
  
  .referencias .e-n-carousel.swiper {
    overflow: visible !important;
    padding-right: 15% !important;
    box-sizing: border-box;
  }

  .referencias {
    overflow: visible !important;
  }
  
	/* Blog */
  .swiper-blog .elementor-loop-container.swiper {
    overflow: visible !important;
    padding-right: 20% !important;
    box-sizing: border-box;
  }

  .swiper-blog {
    overflow: visible !important;
  }


  /* 1. Todos los slides adoptan la altura del más alto */
  .swiper-blog .swiper-wrapper {
    align-items: stretch;
  }

  /* 2. El slide no fija su propia altura: se estira por el wrapper */
  .swiper-blog .swiper-slide {
    height: auto;
  }

  /* 3. La cadena de contenedores hasta la tarjeta ocupa el 100% del slide */
  .swiper-blog .swiper-slide > .elementor,
  .swiper-blog .swiper-slide .e-con-boxed,
  .swiper-blog .swiper-slide .e-con-inner {
    height: 100% !important;
  }

  /* 4. La columna de texto crece para rellenar el espacio sobrante
        (la de imagen ya tiene altura fija por el spacer interno) */
  .swiper-blog .swiper-slide .elementor-element-ec5fed0 {
    flex-grow: 1 !important;
  }

}