/* styles.css */

body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* Para evitar el scroll mientras se muestra el preloader */
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF; /* Fondo blanco o el que prefieras */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Asegúrate de que esté por encima de todo el contenido */
}

#preloader img {
  max-width: 350px; /* Ajusta el tamaño del logotipo según tu necesidad */
  animation: jump 1s ease-in-out infinite;
}
@media screen and (max-width:800px){
  #preloader img {
    width: 150px;
  }
}

@keyframes jump {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

#contenido {width: 100%; overflow: hidden;}
#contenido {
  display: none; /* Oculta el contenido inicialmente */
}