/* css/animations.css */

/* --- CLASES Y ANIMACIÓN PARA EL SCROLL --- */
.hidden {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.show {
  opacity: 1;
  transform: translateY(0);
}

/* --- ANIMACIÓN DE ENTRADA PARA LA PRIMERA SECCIÓN (#profile) --- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#profile {
  animation: fadeInUp 1s ease-out 0.2s;
  animation-fill-mode: forwards;
  opacity: 0; 
}

/* --- ANIMACIÓN DE REBOTE PARA LAS FLECHAS --- */
.arrow {
  animation: bounce 1.5s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}