/* Custom animations for Trayectoria page */
.reveal-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-scale {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.is-revealed {
  opacity: 1;
  transform: translate(0) scale(1);
}

/* Modalidades Carousel Transitions */
#modalidad-active {
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

#modalidad-active .modalidad-bg {
  transition: opacity 0.4s ease;
}

#modalidad-active:hover .modalidad-bg {
  opacity: 0.65;
}

#modalidad-active .modalidad-content-wrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}

#modalidad-active:hover .modalidad-content-wrapper {
  max-height: 500px;
  opacity: 1;
  transition-delay: 0s, 0.15s;
}

#modalidad-active .modalidad-title {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

#modalidad-active:hover .modalidad-title {
  transform: translateY(-8px);
}