/* Animations of elements on scroll using Intersection Observer */




/* Animación de entrada desde abajo */
.reveal {
  opacity: 0;
  transform: translateY(120px); /* Aumentado */
  transition: all 0.9s ease-out;
}

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

/* Izquierda */
.reveal-left {
  opacity: 0;
  transform: translateX(-120px); /* Aumentado */
  transition: all 0.9s ease-out;
}

.reveal-left.show {
  opacity: 1;
  transform: translateX(0);
}

/* Derecha */
.reveal-right {
  opacity: 0;
  transform: translateX(120px); /* Aumentado */
  transition: all 0.9s ease-out;
}

.reveal-right.show {
  opacity: 1;
  transform: translateX(0);
}

/* Arriba */
.reveal-top {
  opacity: 0;
  transform: translateY(-120px); /* Aumentado */
  transition: all 0.9s ease-out;
}

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

/* Abajo */
.reveal-bottom {
  opacity: 0;
  transform: translateY(120px); /* Aumentado */
  transition: all 0.9s ease-out;
}

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