/* Estilos personalizados para pruebas del preloader */

.preloader {
  background-color: rgba(0, 0, 0, 1 ); /* Fondo oscuro semi-transparente */
}

.preloader .preloader__image {
  /* Mantener la animación flipInY pero añadir una rotación adicional */
  animation: flipInY 3s ease-in-out infinite, pulse 2s ease-in-out infinite;
  -webkit-animation: flipInY 3s ease-in-out infinite, pulse 2s ease-in-out infinite;
}

/* Animación de pulso para hacer el logo más visible */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.8;
  }
}