@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

:root {
  --color-primary: #FF8000;
  --color-primary-dark: #E67300;
  --color-dark: #191919;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  color: var(--color-dark);
}

h1, h2, h3, h4, .font-display {
  font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif;
}

/* Evita "flash" de conteúdo sem estilo enquanto header/footer são injetados */
[data-include] {
  min-height: 1px;
}

.btn-primary {
  background-color: var(--color-primary);
  transition: background-color .15s ease, transform .15s ease;
}
.btn-primary:hover {
  background-color: var(--color-primary-dark);
  transform: translateY(-1px);
}

.nav-link {
  position: relative;
  color: #4B5563;
  transition: color .15s ease;
}
.nav-link:hover,
.nav-link.active {
  color: var(--color-dark);
}

.card-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -12px rgba(0,0,0,0.15);
}

.faq-item[open] summary .faq-chevron {
  transform: rotate(180deg);
}

/* Barra de progresso das etapas do formulário */
.step-circle {
  transition: background-color .2s ease, color .2s ease;
}

.form-step {
  display: none;
}
.form-step.active {
  display: block;
}