/* =========================
   EFEITO DE BRILHO PARA ÍCONES
   ========================= */

/* Classe que será adicionada ao ícone */
.icon-brilho {
    /* Aplica a animação definida abaixo */
    animation: brilho 1.5s infinite; /* duração 1.5s, repete sempre */
}

/* Animação de brilho com aumento de tamanho e sombra */
@keyframes brilho {
    0% {
        transform: scale(1); /* tamanho normal */
        color: #ffc107; /* cor inicial (amarelo dourado) */
        text-shadow: 0 0 5px #ffc107; /* leve brilho inicial */
    }
    50% {
        transform: scale(1.2); /* aumenta levemente */
        color: #ffeb3b; /* cor mais clara no meio da animação */
        text-shadow: 0 0 15px #ffeb3b; /* brilho mais intenso */
    }
    100% {
        transform: scale(1); /* volta ao tamanho original */
        color: #ffc107; /* volta à cor inicial */
        text-shadow: 0 0 5px #ffc107; /* brilho volta ao inicial */
    }
}

/* =========================
   OUTROS EFEITOS (opcional)
   ========================= */

/* Pode adicionar efeito hover também, se quiser */
.icon-brilho:hover {
    transform: scale(1.3); /* aumenta ao passar o mouse */
    transition: transform 0.3s ease;
}