/* ===================================================
   ANIMAÇÕES GLOBAIS
=================================================== */

/* ===== PULSE LATERAL ===== */

@keyframes pulseSide {
  0% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.3);
  }
  50% {
    opacity: 0.4;
    box-shadow: 0 0 12px 4px rgba(255,255,255,0.2);
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.3);
  }
}

/* ===== FADE IN ===== */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.4s ease;
}

/* ===== HOVER CARD ===== */

.card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}