/* ======================
   PRELOADER PRINCIPAL
====================== */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 1.5s ease;
}

#preloader.fade-out {
  opacity: 0;
  pointer-events: none;
}

/* ======================
   CONTENIDO DEL PRELOADER
====================== */
.preloader-contenedor {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Logo */
#preloader img {
  width: 280px;
  max-width: 80vw;
  animation: preloaderFadeIn 2s ease-in-out;
}

/* Texto */
.mensaje {
  font-size: 1.2rem;
  color: #2c3e50;
  text-align: center;
  margin-top: 30px;
  opacity: 0;
  animation: textFadeIn 2s ease-in forwards;
  animation-delay: 1s;
}

/* ======================
   ANIMACIONES
====================== */
@keyframes preloaderFadeIn {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes textFadeIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Ocultar contenido mientras carga */
.hidden {
  display: none;
}