body {
  background-color: black;
}

.banner__container {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(../content/banners/pasarela-con-paredes-de-cristal.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner__container h1 {
  color: var(--blanco);
  font-size: 60px;
  font-weight: 700;
  margin: 0;
  opacity: 0.9;
  font-family: Title;
}

.banner__container p {
  color: var(--blanco);
  font-weight: 500;
}



@media (max-width: 480px) {
  .banner__container h1 {
    color: var(--blanco);
    font-size: 40px;
    font-weight: 400;
    margin: -20px 30px 0 30px;
  }

  .banner__container p {
    font-size: 12px;
  }
}





.cambiable {
  font-size: 2rem;
  transition: opacity 1s ease;
  opacity: 1;
}

.oculto {
  opacity: 0;
}


#animation-container {
  height: 200px;
}




.title__index {
  text-align: center;
  font-size: 50px;
  font-weight: 300;
  text-align: center;
  font-family: Title;
}





















.banner__a {
  height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(../content/banners/empleado-de-la-planta-de-paneles-solares-que-presenta-el-proceso-de-fabricacion-del-lider-del-equipo.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


.banner__a h1 {
  color: var(--blanco);
  font-size: 60px;
  font-weight: 700;
  margin: 0;
  opacity: 0.9;
  font-family: Title;
}

.banner__a p {
  color: var(--blanco);
  font-weight: 500;
}