p{
  font-family: 'Arial', sans-serif;
  font-size: 1rem;
}
.fondo {
  background: 
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),  /* capa oscura semitransparente */
    url('./img/background-principal.png') center/cover no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100vh; /* 👈 clave */

}
.fondo-linajes{
  background: 
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),  /* capa oscura semitransparente */
    url('./img/background-linaje.png') center/cover no-repeat;
      background-size: cover;
  background-position: center;
  min-height: 100vh; /* 👈 clave */
  
}
.fondo-musica{
  background: 
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),  /* capa oscura semitransparente */
    url('./img/music.png') center/cover no-repeat;
      background-size: cover;
  background-position: center;
  min-height: 100vh; /* 👈 clave */
}
.fondo-arte{
  background: 
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),  /* capa oscura semitransparente */
    url('./img/arte-back.png') center/cover no-repeat;
      background-size: cover;
  background-position: center;
  min-height: 100vh; /* 👈 clave */
}
.fondo-casas{
  background: 
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),  /* capa oscura semitransparente */
    url('./img/background-houses.png') center/cover no-repeat;
      background-size: cover;
  background-position: center;
  min-height: 100vh; /* 👈 clave */
}
.fondo-rituales{
  background: 
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),  /* capa oscura semitransparente */
    url('./img/background-rituales.png') center/cover no-repeat;
      background-size: cover;
  background-position: center;
  min-height: 100vh; /* 👈 clave */
}
/* .parrafos{
    color: white;
    font-size: 1.2rem;
} */
.nube {
  background-image: url("./img/burbuja.png");
  background-size: cover;
  width: 250px;
  height: 250px;
  animation: subir-bajar 2s ease-in-out infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.nube a {
  color: black;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 0.5rem;
}
.nube6 {
  animation-delay: 1s;
}
.nube3 {
  animation-delay: 1s;
}
.nube2 {
  animation-delay: 1s;
}



@keyframes subir-bajar {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(10px); }
}
@media (max-width: 768px) {
  .nube {
    width: 180px;
    height: 180px;
    font-size: 0.9rem;
  }

}