/* Estilos para el preloader */
.preloader {
  display: flex;
  justify-content: center;  /* Centra horizontalmente */
  align-items: center;      /* Centra verticalmente */
  height: 100vh;            /* Asegura que el contenedor ocupe toda la altura de la ventana */
  position: fixed;          /* Fija el preloader en la pantalla */
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  /*background-color: rgba(255, 255, 255, 0.7);  /* Fondo semitransparente, opcional */
  z-index: 9999;            /* Asegura que el preloader esté encima de otros elementos */
}

.animation__shake {
  animation: shake 1s infinite; /* Añade la animación */
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(10deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}