/* =========================================
   ANIMATIONS
   Keyframes, transições, efeitos visuais
   ========================================= */

/* ---- PULSE (eyebrow dot) ---- */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .3; }
}

.eyebrow .dot {
  animation: pulse 1.8s infinite;
}

/* ---- REVEAL ON SCROLL ---- */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}

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

/* ---- PAGE FADE IN ---- */
.page-wrapper {
  animation: pageFadeIn .5s ease forwards;
}

@keyframes pageFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}