/**
 * Estilos para animação de contadores de associados
 */

/* Animação suave de fade-in quando o contador aparece */
#norte-e-nordeste,
#minas-gerais-e-espirito-santo,
#interior-de-sp,
#centro-oeste,
#sul,
#rio-de-janeiro,
#grande-sao-paulo {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Quando o elemento for animado */
#norte-e-nordeste.mfs-animated,
#minas-gerais-e-espirito-santo.mfs-animated,
#interior-de-sp.mfs-animated,
#centro-oeste.mfs-animated,
#sul.mfs-animated,
#rio-de-janeiro.mfs-animated,
#grande-sao-paulo.mfs-animated {
    opacity: 1;
    transform: translateY(0);
}

/* Destaque no número durante a animação */
.mfs-animated p {
    font-weight: bold;
    color: inherit;
}