  .hero-section {
    height: 90vh;
    background-image: url('/assets/img/importancia-sala-juntas.png'); /* Cambia a tu imagen */
    background-size: cover;
    background-position: center;
  }

  .texto-principal {
  background-color: #040C37cc; /* Azul oscuro con transparencia */
  padding: 2rem;
  border-radius: 1rem;
  color: white;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
}

footer {
  border-top: 2px solid #007bff; /* azulito */
}