/* ==========================================================================
   365Brasil — contato.html only (contact form + sidebar)
   ========================================================================== */

.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}

.contact-form{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px}
.form-field{display:grid;gap:6px;margin-bottom:18px}
.form-field label{font-size:13.5px;font-weight:600;color:var(--ink)}
.form-field input,.form-field textarea{
  font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;
  background:#fff;color:var(--ink);min-height:44px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.form-field textarea{resize:vertical;min-height:130px;line-height:1.5}
.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}
.form-note{font-size:13px;color:var(--muted);margin-top:14px}
.form-status{font-size:13.5px;font-weight:600;margin-top:14px;display:none}
.form-status.show{display:block}
.form-status.ok{color:#15803D}
.form-status.error{color:#B91C1C}

.contact-side{display:grid;gap:16px;align-content:start}
.contact-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 24px}
.contact-card h3{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px}
.contact-card ul{display:grid;gap:12px}
.contact-card li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#334155}
.contact-card li a{color:#334155;text-decoration:none;transition:color .15s ease}
.contact-card li a:hover{color:var(--blue)}
.contact-card svg{width:17px;height:17px;color:var(--blue);flex:none}
.contact-card--whatsapp{background:#EAFBF1;border-color:#CDEFDC}
.contact-card--whatsapp h3{color:#0F5132}
.contact-card--whatsapp p{font-size:13.5px;color:#256B45;line-height:1.55;margin-bottom:14px}
.contact-card--teams{background:#EEF0FC;border-color:#D7DAF5}
.contact-card--teams h3{color:#33357A}
.contact-card--teams p{font-size:13.5px;color:#4A4D8C;line-height:1.55;margin-bottom:14px}

@media (max-width:880px){
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .contact-form{padding:24px 20px}
}