/*CONFIGURACIÓN PARA LAS ANIMACIONES DE SECCIONES*/

section {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}

/* Estado inicial oculto */

section.hidden {
  opacity: 0;
  transform: translateX(-80px);
}

/* Estado visible */
section.show {
  opacity: 1;
  transform: translateX(0);
}

/* ANIMACIÓN DEL TÍTULO DE PROYECTOS */

.hidden_title {
  opacity: 0;
  transform: translateY(-30px);

  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}

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

/* ANIMACIÓN INDIVIDUAL DE PROYECTOS */

.project_hidden {
  opacity: 0;
  transform: translateY(60px) scale(0.95);

  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}

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

.project:nth-child(1) {
  transition-delay: 0.1s;
}

.project:nth-child(2) {
  transition-delay: 0.25s;
}

.project:nth-child(3) {
  transition-delay: 0.4s;
}