/* ============================================================
   CONTATO
   ============================================================ */

.contact-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 72px;
}
.contact-info{ flex: 1 1 360px; }
.contact-form-col{ flex: 1.3 1 460px; }

.contact-channels{
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.contact-channel{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px 0;
  border-top: 1px solid rgba(9,31,91,.1);
}
.contact-channel:last-child{ border-bottom: 1px solid rgba(9,31,91,.1); }
.contact-channel-label{
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--taupe);
}
.contact-channel-value{
  font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--navy);
}
.contact-channel a.contact-channel-value:hover{ color: var(--taupe); }

.contact-form{
  display: flex;
  flex-direction: column;
}
.contact-form > .field,
.contact-form > .field-row,
.contact-form > button{
  margin-bottom: 22px;
}
.contact-form > .form-note{ margin-bottom: 0; }
.field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.field label{
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--navy);
}
.field input,
.field select,
.field textarea{
  font-family: var(--font-body);
  font-size: 1rem;
  padding: 14px 0;
  border: none;
  border-bottom: 1px solid rgba(9,31,91,.25);
  background: transparent;
  color: var(--ink);
  resize: vertical;
  border-radius: 0;
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  outline: none;
  border-bottom-color: var(--taupe);
}
.field-row{
  display: flex;
}
.field-row .field{ flex: 1; margin-right: 24px; }
.field-row .field:last-child{ margin-right: 0; }

.form-note{
  font-size: .8rem;
  color: var(--ink-soft);
}

/* ---- FAQ ---- */
.faq-list{
  margin-top: 48px;
  display: flex;
  flex-direction: column;
}
.faq-item{
  border-top: 1px solid rgba(255,255,255,.12);
  padding: 28px 0;
}
.faq-list .faq-item:last-child{ border-bottom: 1px solid rgba(255,255,255,.12); }
.faq-item h3{ color: var(--white); margin-bottom: 10px; font-size: 1.1rem; }
.faq-item p{ margin: 0; max-width: 640px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px){
  .field-row{ flex-direction: column; }
  .field-row .field{ margin-right: 0; margin-bottom: 22px; }
  .field-row .field:last-child{ margin-bottom: 0; }
}