/* animations.css - Versión limpia y optimizada */

/* Animaciones base */
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    from { transform: scale(0.95); opacity: 0.8; }
    to { transform: scale(1.05); opacity: 1; }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes pulseAura {
    0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }
}

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

/* Animaciones aplicadas */
.dragon-ball {
    animation: rotate 2s linear infinite;
}

.stars {
    animation: pulse 1.5s ease-in-out infinite alternate;
}

.silhouette {
    animation: float 3s ease-in-out infinite;
}

.aura {
    animation: pulseAura 2s ease-in-out infinite;
}

/* Efectos hover */
.saiyan-hover:hover {
    animation: saiyanGlow 0.5s ease infinite alternate;
}

/* Animaciones por scroll */
.animated {
    animation: fadeIn 1s ease both;
}

#about.animated { animation-delay: 0.1s; }
#skills.animated { animation-delay: 0.2s; }
#projects.animated { animation-delay: 0.3s; }
#contact.animated { animation-delay: 0.4s; }