/* ---------- contato ----------
   Último cartão da home e das páginas de serviço, na cor de destaque: uma frase, o link grande para
   agendar a conversa de 30 minutos, um link menor para o agente e, embaixo, o rodapé (footer.css).
   Na home ele é a seção de contato, com rótulo e uma linha de texto. O link grande usa a pílula
   grande (.more__link, em base.css). */
.scene.contact { min-height: var(--contato-altura); }
.contact__inner {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: var(--space-6);
  min-height: var(--contato-altura);
  padding: calc(var(--header-altura) + var(--space-5)) calc(var(--margem-conteudo) - var(--card-inset)) var(--space-8);
}
.contact__title {
  font-family: var(--fonte-titulo);
  font-size: var(--fs-titulo-g);
  font-weight: var(--peso-titulo);
  line-height: var(--lh-titulo);
  letter-spacing: var(--tracking-titulo);
  text-wrap: balance;
}
/* a frase é o título do cartão; o link fica um degrau abaixo dela */
.contact .more__link { font-size: var(--fs-titulo-p); }
.contact .more__link { width: 100%; }
.contact__actions {
  display: grid;
  justify-items: start;
  gap: var(--space-4);
  width: 100%;
}
/* o agente, um degrau abaixo do agendamento: frase curta e link sublinhado com a seta */
.contact__alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  font-size: var(--fs-case-texto);
  line-height: 1.4;
}
.contact__agent {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  font-weight: var(--peso-corpo-forte);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}
.contact__agent .link-arrow {
  width: 0.9em;
  height: 0.9em;
  transition: transform var(--dur-fast) var(--ease-out);
}
.contact__agent:hover .link-arrow { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  .contact__agent .link-arrow { transition: none; }
}
.contact__text {
  max-width: 36ch;
  font-size: var(--fs-case-texto);
  line-height: 1.4;
  text-wrap: pretty;
}