/* 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;
}

.btn-custom-size {
  min-width: 280px; 
  max-width: 100%; 
  text-align: center;
}

/* Estilo unificado para títulos de sección */
.section-title {
  font-weight: 700 !important;       /* Negrita para mayor impacto */
  margin-bottom: 2rem;    /* Espacio inferior constante */
  text-transform: uppercase !important; /* Opcional: para dar un toque más profesional */
  letter-spacing: 1px;    /* Espaciado entre letras */
  display: inline-block;  /* Ajusta el borde al tamaño del texto */
  padding-bottom: 0.5rem; /* Espacio entre el texto y la línea */
}