/* Transicoes e Animacoes */

/* Links */
a {
  transition: color 0.3s ease;
}

/* Fade in ao scrollar */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Hover nos cards */
.motivo-card {
  transition: transform 0.3s ease;
}

.motivo-card:hover {
  transform: translateY(-5px);
}

.bonus-card {
  transition: transform 0.3s ease;
}

.bonus-card:hover {
  transform: translateY(-3px);
}

.depoimento-item {
  transition: transform 0.3s ease;
}

.depoimento-item:hover {
  transform: translateY(-3px);
}

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

.step-card:hover {
  transform: translateY(-3px);
}

/* Botoes */
.btn-cta,
.btn-cta-red {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* FAQ accordion */
.faq-answer {
  transition: max-height 0.3s ease, padding-bottom 0.3s ease;
}

.faq-icon {
  transition: transform 0.3s ease;
}

/* Step items */
.step-item {
  transition: background 0.3s ease;
}

.step-item:hover {
  background: rgba(255, 255, 255, 0.1);
}