/* Logo base + animación continua sutil */
.logo {
    display: inline-block;
    filter:
        drop-shadow(0 6px 10px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 8px rgba(212, 175, 55, 0.35))
        drop-shadow(0 0 18px rgba(212, 175, 55, 0.15));
    
    animation: glowPulse 3.5s ease-in-out infinite;
    transition: transform 0.3s ease;
}

/* a hover (más volumen y luz) */
.logo:hover {
    filter:
        drop-shadow(0 10px 18px rgba(0, 0, 0, 0.75))
        drop-shadow(0 0 14px rgba(212, 175, 55, 0.55))
        drop-shadow(0 0 26px rgba(212, 175, 55, 0.25));
    
    transform: translateY(-2px) scale(1.05);
}

/* Versión más intensa (opcional si quieres más impacto) */
.logo--strong {
    filter:
        drop-shadow(0 12px 22px rgba(0, 0, 0, 0.85))
        drop-shadow(0 0 18px rgba(255, 215, 100, 0.7))
        drop-shadow(0 0 35px rgba(255, 215, 100, 0.4));
}

/* Animación de brillo y volumen */
@keyframes glowPulse {
    0% {
        filter:
            drop-shadow(0 6px 10px rgba(0, 0, 0, 0.6))
            drop-shadow(0 0 8px rgba(212, 175, 55, 0.35))
            drop-shadow(0 0 18px rgba(212, 175, 55, 0.15));
    }

    50% {
        filter:
            drop-shadow(0 10px 18px rgba(0, 0, 0, 0.8))
            drop-shadow(0 0 16px rgba(255, 215, 120, 0.7))
            drop-shadow(0 0 30px rgba(255, 215, 120, 0.35));
    }

    100% {
        filter:
            drop-shadow(0 6px 10px rgba(0, 0, 0, 0.6))
            drop-shadow(0 0 8px rgba(212, 175, 55, 0.35))
            drop-shadow(0 0 18px rgba(212, 175, 55, 0.15));
    }
}