/* ========== ANIMATIONS GLOBALES ========== */

.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: 
    opacity 0.9s ease-out,
    transform 0.9s ease-out;
}

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

/* Variantes */
.reveal-scale {
  opacity: 0;
  transform: scale(0.8);
  transition:
    opacity 0.9s ease-out,
    transform 0.9s ease-out;
}

.reveal-scale.visible {
  opacity: 1;
  transform: scale(1);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: 
    opacity 0.9s ease-out,
    transform 0.9s ease-out;
}

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

.reveal-right {
  opacity: 0;
  transform: translateX(60px);
  transition: 
    opacity 0.9s ease-out,
    transform 0.9s ease-out;
}

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