.contato-page #content{ background:#fff; }

.ct-hero{
  background: linear-gradient(180deg,#fff,#f7f7f8);
  border-bottom:1px solid var(--sep);
}
.ct-hero .container{ padding:56px 0; }
.ct-hero .lead{ color:#444; margin:.5rem 0 0; }

.section{ padding: clamp(32px, 6vw, 80px) 0; }

.contact-form{
  background:#fff; border:1px solid #eee; border-radius:12px; padding:16px;
  box-shadow: var(--shadow);
}
.grid{ display:grid; gap:12px; grid-template-columns:1fr; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field input, .field textarea{
  padding:12px 14px; border:1px solid #ddd; border-radius:10px; font:inherit;
}
.field input:focus, .field textarea:focus{ outline:2px solid #cfe3ff; border-color:#b8d0ff; }
.field .error{ color:#b00020; margin:2px 0 0; font-size:.95rem; }
.field--check{ margin-top:8px; }
.actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

.alert{
  border-radius:10px; padding:12px 14px; margin-bottom:12px; font-weight:600;
}
.alert--warn{ background:#fff8e1; border:1px solid #ffe0a3; color:#7a5200; }
.alert--error{ background:#ffe6e6; border:1px solid #ffc8c8; color:#7a0000; }

@media (min-width: 900px){
  .grid{ grid-template-columns: repeat(2, 1fr); }
}

.contact-form .actions .btn[type="submit"] {
  font-size: 1.2rem;        /* ~19px–20px */
  font-weight: 700;         /* mais encorpado */
  padding: 1rem 1.8rem;     /* mais alto e largo */
  border-radius: 50px;      /* cápsula mais elegante */
}