/* Estilos para la sección de bienvenida con imagen de fondo */
.hero-section {
  padding: 10rem 0; /* Aumentamos el padding para que la imagen se vea mejor */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/fondo.webp');
  background-size: cover;
  background-position: center;
}
/* Transición suave para el cambio de color */
#cta-section {
  transition: background-color 0.4s ease-in-out;
}