/**
 * MateAventura - Animaciones
 * Keyframes y efectos de animación
 */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes pulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }
}

@keyframes coinFlash {
    0%,
    100% {
        background: #fff9e6;
    }
    50% {
        background: #27ae60;
        color: white;
    }
}

@keyframes purchaseSuccess {
    0%,
    100% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.9) rotate(-5deg);
    }
    75% {
        transform: scale(1.1) rotate(5deg);
    }
}

/* Clases de animación */
.coin-flash {
    animation: coinFlash 0.5s;
}

.purchase-success {
    animation: purchaseSuccess 0.5s;
}