/* ==========================================================================
   ABITA - Contato
   Fora do menu, linkada do rodapé. Uma banda só, por decisão do cliente em
   15/09/2026: o nome da página, o telefone e os dois e-mails.
   ========================================================================== */

.contato__lista {
  margin-top: clamp(var(--e-5), 3vw, var(--e-6));
  list-style: none;
}

.contato__lista li + li { margin-top: var(--e-2); }

/* O link é o conteúdo da página: corpo de bloco e alvo de 44px, como pede
   o design.md §9. O e-mail quebra em vez de vazar a coluna no celular. */
.contato__lista a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--fs-d3);
  line-height: var(--lh-titulo);
  letter-spacing: var(--ls-titulo);
  color: var(--texto-cor, var(--texto));
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-thickness: var(--fio);
  text-underline-offset: 0.3em;
  text-decoration-color: var(--meta-cor, var(--texto-meta));
  transition: text-decoration-color var(--t-rapida) var(--suave);
}

.contato__lista a:hover { text-decoration-color: currentColor; }