/* Página de contato (/contato). Usa as variáveis e classes do style.css (card, field, input, btn-go). */
.ct-main { padding-top: 22px; }
.ct-card { max-width: 760px; margin: 0 auto; padding: 26px 28px 30px; }
.ct-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ct-form .field { margin-bottom: 14px; }
.ct-form label { display: block; font-weight: 700; margin-bottom: 6px; }
.ct-form textarea.input { resize: vertical; min-height: 150px; }
.ct-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cf-turnstile { margin: 6px 0 14px; }
.ct-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ct-note { color: var(--muted, #6b6b80); font-size: .9rem; }
.ct-ok, .ct-erro { border-radius: 12px; padding: 14px 16px; margin-bottom: 18px; }
.ct-ok { background: #e6f7ec; color: #14532d; border: 1px solid #bfe9cc; }
.ct-erro { background: #fdecec; color: #7f1d1d; border: 1px solid #f5c2c2; }
@media (max-width: 640px) { .ct-grid { grid-template-columns: 1fr; } .ct-card { padding: 20px 16px 24px; } }