/* ============================================================
   EFECTO DE AURA DINÁMICA (Visualizer)
   ============================================================ */
   #track-cover {
    /* Valores base de seguridad */
    --aura-size: 10px;
    --aura-opacity: 0.3;
    
    /* Filtro inicial sutil */
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.1));
    
    /* Optimización de rendimiento */
    transition: box-shadow 0.1s ease-out, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow, transform;
}

/* Estado activo cuando la música suena */
.playing-glow {
    /* Combinamos una sombra profunda para dar volumen 
       con el aura dinámica que brilla al ritmo de los bajos.
       Usamos var(--primary-rgb) para que el brillo sea del color del cliente.
    */
    box-shadow: 
        0 15px 45px rgba(0, 0, 0, 0.6), 
        0 0 var(--aura-size) rgba(var(--primary-rgb), var(--aura-opacity)) !important;
    
    border-color: rgba(var(--primary-rgb), 0.8) !important;
}

/* Ajuste para que el aura no se vea recortada si el contenedor es pequeño */
.art-container {
    padding: 40px; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}