/* Fondo del preloader */
#preloader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #000; /* cambia según tu fondo */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.6s ease, visibility 0.6s;
}

/* Logo animado */
.preloader-logo {
  width: 400px; /* ajusta tamaño */
  opacity: 0;
  animation: fadePulse 2s infinite;
}

/* Animación: aparece y hace pulso */
@keyframes fadePulse {
  0%   { opacity: 0; transform: scale(0.9); }
  50%  { opacity: 1; transform: scale(1.05); }
  100% { opacity: 0; transform: scale(0.9); }
}

/* Ocultar al cargar */
body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
}