@keyframes sparkAnimation {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        transform: scale(12);
        opacity: 0;
    }
}

.click-spark {
    animation: sparkAnimation 0.6s ease-out forwards;
}

/* Opcional: Desactivar en dispositivos móviles si quieres */
@media (max-width: 768px) {
    .click-spark {
        display: none;
    }
}