/* Ajuste general H1 (SEO + legibilidad) */
h1{
  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;
  margin: 0 0 12px 0;
}

/* Tu plantilla usa .page-title h1, lo sobreescribimos también */
.page-title h1{
  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;
}

/* H1 solo para SEO (oculto pero accesible) */
.sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

/* =========================================================
   FIX: animación + color para H3 dentro del carrusel (Owl Carousel)
   ========================================================= */

/* Estado inicial del h3 (oculto y desplazado) */
.banner-section .content-box h3{
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: all 700ms ease;
  transition-delay: 450ms;
  color: #79c94b;
}

/* Cuando la diapositiva está activa */
.banner-section .owl-item.active .content-box h3{
  opacity: 1;
  transform: translateY(0);
}