/* Solo estilos específicos para el loader */
#loader { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    background: #111111;
    display: flex; 
    justify-content: center; 
    align-items: center;
    transition: opacity 0.5s ease;
    color: #ff6a00;
}

/* Ocultamos el texto por defecto */
#loading-text {
    display: none;
}

/* Solo mostramos el texto si el loader tiene la clase 'con-texto' */
#loader.con-texto #loading-text {
    display: block;
    animation: pulso 1.5s infinite ease-in-out;
}

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

/* Animación suave de aparición/desaparición */
@keyframes pulso {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    100% { opacity: 0.3; }
}