/* Estilo para as partículas do efeito de mouse */
.mouse-sparkle {
    position: fixed;
    pointer-events: none; /* Permite que cliques e interações passem através das partículas */
    z-index: 99998; /* Fica acima da maioria dos elementos, mas abaixo do aviso de cookies */
    border-radius: 50%;
    opacity: 0; /* Começa invisível */
    transform: scale(0); /* Começa pequeno */
    animation: sparkle-fade-out 1s forwards ease-out; /* Animação de fade e escala */
}

/* Animação para as partículas */
@keyframes sparkle-fade-out {
    0% {
        opacity: 1;
        transform: scale(0.5);
    }
    50% {
        opacity: 0.8;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Cores padrão para as partículas (serão sobrescritas por JS, mas bom ter um fallback) */
.mouse-sparkle.color-1 { background-color: #FFC900; } /* Amarelo */
.mouse-sparkle.color-2 { background-color: #007600; } /* Verde */
.mouse-sparkle.color-3 { background-color: #ffffff; } /* Branco */
.mouse-sparkle.color-4 { background-color: #005a00; } /* Verde Escuro */

/* Para garantir que o efeito não seja visível em dispositivos de toque */
@media (pointer: coarse) {
    .mouse-sparkle { display: none !important; }
}