/* ==========================================================
   CONTATO (#contato)
   ========================================================== */
.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: 20ch; margin-bottom: var(--espaco-2); }
.contato-textos .botao { align-self: flex-start; margin-top: var(--espaco-4); }
.contato-marca { margin-top: var(--espaco-5); font-size: var(--texto-apoio); }
.contato-marca strong { letter-spacing: 0.14em; }
.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); }
.escritorios p { font-size: var(--texto-apoio); }

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