/* Estilos para la Hero Section */
.jumbotron {
  position: relative; /* Necesario para posicionar el fondo absoluto dentro de él */
  overflow: hidden; /* Oculta cualquier parte de la imagen que se desborde */
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./img/cloud.jpeg"); /* URL de tu imagen de fondo */
  background-size: cover; /* Ajusta la imagen para cubrir todo el área */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  filter: brightness(
    0.5
  ); /* Oscurece la imagen para que el texto blanco resalte */
  z-index: 0; /* Asegura que el fondo esté detrás del contenido */
}

.logo {
  width: 80px;
}