/* ============================================================
   GRIFFIN MONTAGENS — ajustes específicos da página Contatos
   Carregado DEPOIS de pages-shared.css; só em contatos.html.
   Nenhuma regra aqui esconde conteúdo (animação é 100% data-gm).
   ============================================================ */

/* split-2 do bloco form + mapa alinhado ao topo (form é mais alto que o mapa) */
.contact-split { align-items: start; }

/* Título interno do form-card */
.form-title {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 1.4rem;
}
.contact-split .form-card { margin-top: 2.2rem; }

/* Bloco "Conecte-se conosco" abaixo dos cards de canais */
.connect-block { margin-top: 3rem; }
.connect-block h3 {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-faint);
}

/* Endereço + telefone abaixo do mapa */
.map-address {
  margin-top: 1.5rem;
  font-style: normal;
  display: grid;
  gap: 0.7rem;
  color: var(--text-dim);
  font-size: 0.95rem;
}
.map-address > div {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
}
.map-address svg {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--red);
  margin-top: 0.2rem;
}
.map-address a { transition: color var(--dur) ease; }
.map-address a:hover { color: #fff; }

/* Kicker do CTA final: fundo é vermelho, kicker precisa ser branco */
.cta-final .kicker { color: #fff; }
.cta-final .kicker::before { background: #fff; }