/***********ANIMACIONES**********************/


/* Estado inicial */
.reveal {
  opacity: 0;
  transform: translateY(-30px);
  transition: opacity 0.6s ease,
              transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

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

/* Variantes opcionales */
.reveal.from-bottom {
  transform: translateY(30px);
}

.reveal.from-left {
  transform: translateX(-30px);
}

.reveal.from-right {
  transform: translateX(30px);
}