/* ==========================================================================
   /contato (§9 da spec) — página curta e sóbria.
   §5.8-5: perto de decisão o papel fica sério — card SEM rotação, sem fita,
   textura mínima. Componentes base (.field, .hp, .btn-sticker, .card-papel)
   vêm do application.css; aqui só o layout da superfície.
   ========================================================================== */

.contato {
  padding: var(--space-2xl) 0 var(--space-4xl);
}

.contato__header {
  margin-bottom: var(--space-xl);
}

.contato__sub {
  color: var(--color-text-muted);
  margin-top: var(--space-sm);
  max-width: 52ch;
}

.contato__card {
  border-radius: var(--radius-lg);
  padding: var(--space-xl) var(--space-lg);
}

.contato__acoes {
  margin-top: var(--space-lg);
}

.contato__conversar {
  margin-top: var(--space-xl);
  font-size: .9375rem;
}

.contato__link-conversa {
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: text-decoration-thickness var(--transition-fast);
}

.contato__link-conversa:hover {
  text-decoration-thickness: 2px;
}

@media (min-width: 768px) {
  .contato {
    padding-top: var(--space-3xl);
  }

  .contato__card {
    padding: var(--space-xl);
  }
}