/* Estilos mejorados para el preloader */
#preloader {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999 !important;
  transition: opacity 300ms ease, visibility 300ms ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#preloader.preloader-hide {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Animación del spinner mejorada */
#preloader .spinner-border {
  width: 3rem !important;
  height: 3rem !important;
  position: relative !important;
  margin: 0 !important;
}

/* Asegurar que el preloader se oculte completamente */
.preloader-hidden {
  display: none !important;
}

/* Mejorar la transición para diferentes temas */
.theme-light #preloader {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.theme-dark #preloader {
  background-color: rgba(15, 17, 23, 0.95) !important;
}

/* Backdrop blur para mejor apariencia */
@supports (backdrop-filter: blur(10px)) {
  #preloader {
    backdrop-filter: blur(10px) !important;
  }
}

/* Animación suave para cuando aparece el preloader */
#preloader.preloader-show {
  opacity: 1 !important;
  visibility: visible !important;
}