/* 
 * EFECTO DE SHIMMER AMARILLO EN TÍTULOS PRINCIPALES
 * Aplica directamente a los selectores existentes sin modificar HTML
 */

/* Títulos principales de cada página */
/* Títulos principales de cada página handles individually in page css */
.section-title,
.testimonials-section h2,
.shimmer-title {
  background: linear-gradient(
    120deg,
    #ffffff 0%,
    #ffffff 40%,
    #f3d136 50%,
    #ffffff 60%,
    #ffffff 100%
  ) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: shimmer-effect 3s linear infinite !important;
}

@keyframes shimmer-effect {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}

/* Estilo para títulos en fondos claros (como Servicios Destacados) */
.services-section .section-title {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: var(--primary-blue) !important;
  animation: none !important;
}