/* ============================================
   Preloader - Pantalla de carga inicial
   Muestra un spinner animado sobre fondo oscuro
   mientras la página termina de cargar.
   Se oculta automáticamente con transición opacity.
   ============================================ */

#preloader {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: var(--dark); z-index: 99999;
    display: flex; align-items: center; justify-content: center;
    transition: opacity 0.5s;
}
#preloader.hidden { opacity: 0; pointer-events: none; }
.loader {
    width: 40px; height: 40px; border: 3px solid rgba(200,169,126,0.2);
    border-top-color: var(--primary); border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }