/* ========================================
   Simulador de fluxo de caixa da locadora
   Usa apenas os tokens canônicos definidos em style.css
   (--primary, --card, --border, --radius, --text-*, ...)
   O restante (grid do formulário, cards de resultado, gráfico, tabela)
   já usa as classes .sim-* compartilhadas em style.css.
   ======================================== */

/* Hero no mesmo padrão das demais ferramentas gratuitas (ver
   contrato-locacao.css / checklist-vistoria.css): badge + heading
   centralizado, sem o fundo animado de orbs da LP de produto (.hero). */
.simulador-hero {
  padding: 88px 0 56px;
  text-align: center;
}

.simulador-hero h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.03em;
  margin-bottom: 18px;
  max-width: 22ch;
  margin-left: auto;
  margin-right: auto;
}

.simulador-hero p {
  font-size: 17px;
  color: var(--text-secondary);
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.7;
}

@media (max-width: 600px) {
  .simulador-hero { padding: 64px 0 40px; }
  .simulador-hero h1 { font-size: 30px; }
}