/* Animaciones de pulsación */
@keyframes clickPulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.click-pulse {
    animation: clickPulse 0.2s ease;
}

/* Animaciones de aparición */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.5s ease;
}

/* Animación de flotación para recursos */
@keyframes floatUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-30px);
    }
}

.float-text {
    position: absolute;
    animation: floatUp 1s ease forwards;
    color: var(--color-secondary);
    font-weight: bold;
    pointer-events: none;
}

/* Animación de brillo para nuevos items */
@keyframes highlight {
    0% { background-color: transparent; }
    50% { background-color: rgba(255, 111, 0, 0.2); }
    100% { background-color: transparent; }
}

.highlight {
    animation: highlight 1s ease;
}