/* ============ Duas colunas ============ */
.contato{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}

/* ============ Coluna de texto ============ */
.contato-txt{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px;padding:clamp(8px,3vw,32px) 0}
.contato-tit{font-size:clamp(32px,8vw,72px)}
.contato-lead{max-width:28em}
.contato-specs{--pb:10px;gap:12px;margin-top:8px}
.contato-specs .spec{gap:16px}
.contato-specs .spec-v{font-weight:500}
.contato-cta{margin-top:8px;align-self:flex-start}

/* ============ Cartão do formulário ============ */
.contato-cartao{flex:1 1 340px;min-width:0;background:var(--surface);border-radius:var(--r-card);padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;gap:16px}
.contato-campo{display:flex;flex-direction:column;gap:8px}
.contato-campo .campo{width:100%}
.contato-campo .campo-area{width:100%}
.contato-erro{font-size:14px;line-height:1.4;padding:0 4px;color:var(--ink)}
.contato-erro[hidden]{display:none}
.contato-ok{font-size:15px;color:var(--ink-2)}
.contato-ok[hidden]{display:none}