.mega360-badgeMini--azul,
.mega360-badgeMini--verde,
.mega360-badgeMini--magenta{
    box-shadow: none !important;
}

/* ativos */
.mega360-badgeMini--glow{
    transform-origin: center;
}

.mega360-badgeMini--azul.mega360-badgeMini--glow{
    box-shadow:
        0 0 0 8px rgba(96, 165, 250, .10),
        0 0 18px rgba(96, 165, 250, .18) !important;
    animation: mega360BadgePulse 2.4s ease-in-out infinite, mega360GlowBlue 2.4s ease-in-out infinite;
}

.mega360-badgeMini--verde.mega360-badgeMini--glow{
    box-shadow:
        0 0 0 8px rgba(134, 239, 172, .10),
        0 0 18px rgba(34, 197, 94, .16) !important;
    animation: mega360BadgePulse 2.4s ease-in-out infinite, mega360GlowGreen 2.4s ease-in-out infinite;
}

.mega360-badgeMini--magenta.mega360-badgeMini--glow{
    box-shadow:
        0 0 0 8px rgba(244, 114, 182, .10),
        0 0 18px rgba(217, 70, 239, .16) !important;
    animation: mega360BadgePulse 2.4s ease-in-out infinite, mega360GlowPink 2.4s ease-in-out infinite;
}

/* inativos */
.mega360-badgeMini--inactive {
    box-shadow: none !important;
    opacity: .55;
    transform: scale(.94);
}

.mega360-badgeMini--inactive img {
    opacity: .58;
    filter: grayscale(.55) saturate(.45);
}

.mega360-badgeMini--inactive.mega360-badgeMini--azul {
    background: rgba(133, 198, 242, .08);
}

.mega360-badgeMini--inactive.mega360-badgeMini--verde {
    background: rgba(158, 229, 112, .08);
}

.mega360-badgeMini--inactive.mega360-badgeMini--magenta {
    background: rgba(243, 123, 162, .08);
}

/* evita que locked lave tudo */
.mega360-step.is-locked,
.mega360-step.is-locked .mega360-badgeMini,
.mega360-step.is-locked .mega360-status{
    opacity: 1 !important;
    filter: none !important;
}

/* animações */
@keyframes mega360BadgePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.045);
    }
}

@keyframes mega360GlowBlue {
    0%, 100% {
        box-shadow:
            0 0 0 8px rgba(96, 165, 250, .10),
            0 0 18px rgba(96, 165, 250, .18);
    }
    50% {
        box-shadow:
            0 0 0 10px rgba(96, 165, 250, .14),
            0 0 24px rgba(96, 165, 250, .24);
    }
}

@keyframes mega360GlowGreen {
    0%, 100% {
        box-shadow:
            0 0 0 8px rgba(134, 239, 172, .10),
            0 0 18px rgba(34, 197, 94, .16);
    }
    50% {
        box-shadow:
            0 0 0 10px rgba(134, 239, 172, .14),
            0 0 24px rgba(34, 197, 94, .22);
    }
}

@keyframes mega360GlowPink {
    0%, 100% {
        box-shadow:
            0 0 0 8px rgba(244, 114, 182, .10),
            0 0 18px rgba(217, 70, 239, .16);
    }
    50% {
        box-shadow:
            0 0 0 10px rgba(244, 114, 182, .14),
            0 0 24px rgba(217, 70, 239, .22);
    }
}

/* acessibilidade */
@media (prefers-reduced-motion: reduce) {
    .mega360-badgeMini--glow{
        animation: none !important;
    }

    .mega360-badgeMini--inactive{
        transform: none !important;
    }
}