/* ==========================================================
   CONTATO (#contato): o mesmo bloco no fim das quatro páginas
   ========================================================== */
.contato-grade { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 96px); align-items: end; }
.contato-textos { display: flex; flex-direction: column; gap: var(--espaco-3); }
.contato-textos h2 { max-width: 18ch; margin-bottom: var(--espaco-2); }
.contato-textos .botao { align-self: flex-start; margin-top: var(--espaco-3); }
.contato-nota { font-size: var(--texto-apoio); }
.escritorios { display: flex; flex-direction: column; gap: var(--espaco-5); padding-left: var(--espaco-5); border-left: 1px solid var(--linha); }
.escritorios h3 { font-size: var(--texto-corpo); margin-bottom: var(--espaco-2); }
.escritorios address { font-style: normal; white-space: pre-line; font-size: var(--texto-apoio); line-height: 1.55; }
.telefone { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--texto-apoio); font-weight: 500; }

@media (max-width: 900px) {
  .contato-grade { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .contato-textos .botao { align-self: stretch; }
  .escritorios { padding-left: 0; border-left: 0; padding-top: var(--espaco-5); border-top: 1px solid var(--linha); }
}