/* ============================================================
   ZARTTE BRASÍLIA — contato.css
   ============================================================ */

.contato-sec { padding:80px 0 120px; }

.contato-grid {
  display:grid; grid-template-columns:1fr 1.4fr;
  gap:0; border:1px solid var(--linha);
}

/* Coluna de info */
.contato-info {
  border-right:1px solid var(--linha);
  padding:56px 48px;
  display:flex; flex-direction:column; gap:0;
}
.contato-info h2 {
  font-size:clamp(2rem,4vw,4rem);
  line-height:0.9; margin-bottom:48px;
}

.contato-item {
  display:flex; align-items:flex-start; gap:18px;
  padding:24px 0; border-bottom:1px solid var(--linha);
}
.contato-item:last-of-type { border-bottom:none; }
.contato-item__icone {
  width:40px; height:40px; flex-shrink:0;
  border:1px solid var(--linha);
  display:flex; align-items:center; justify-content:center;
  color:var(--cinza); transition:all 0.3s;
}
.contato-item:hover .contato-item__icone {
  border-color:rgba(255,255,255,0.3); color:var(--branco);
}
.contato-item__label {
  display:block; font-size:0.58rem; letter-spacing:3px;
  text-transform:uppercase; color:var(--cinza); margin-bottom:6px;
}
.contato-item__val {
  display:block; font-size:0.95rem; color:var(--branco);
  transition:color 0.2s; line-height:1.5;
}
.contato-item__val small { font-size:0.78rem; color:var(--cinza); display:block; }
a.contato-item__val:hover { color:rgba(255,255,255,0.65); }

.contato-redes {
  display:flex; gap:10px; padding-top:32px; margin-top:auto;
}
.contato-redes a {
  width:42px; height:42px; border:1px solid var(--linha);
  display:flex; align-items:center; justify-content:center;
  color:var(--cinza); transition:all 0.3s;
}
.contato-redes a:hover { color:var(--branco); border-color:rgba(255,255,255,0.3); }

/* Coluna de formulário */
.contato-form-wrap { padding:56px 56px; }

.contato-form { display:flex; flex-direction:column; gap:0; }

.form-g {
  display:flex; flex-direction:column; gap:0;
  border-bottom:1px solid var(--linha);
  padding:20px 0;
}
.form-g:first-child { border-top:1px solid var(--linha); }

.form-g label {
  font-size:0.55rem; letter-spacing:3px;
  text-transform:uppercase; color:var(--cinza);
  margin-bottom:8px; display:block;
}
.form-g input, .form-g select, .form-g textarea {
  background:transparent; border:none;
  color:var(--branco); padding:0;
  font-family:'DM Sans',sans-serif; font-size:1rem;
  outline:none; width:100%;
}
.form-g input::placeholder,
.form-g textarea::placeholder { color:rgba(255,255,255,0.2); font-size:0.9rem; }
.form-g select option { background:var(--preto3); }
.form-g textarea { min-height:100px; resize:none; }

.form-submit {
  display:flex; align-items:center; justify-content:space-between;
  width:100%; background:var(--branco); color:var(--preto);
  border:none; padding:22px 28px; margin-top:32px;
  font-family:'DM Sans',sans-serif; font-size:0.7rem;
  font-weight:600; letter-spacing:3px; text-transform:uppercase;
  cursor:pointer; transition:background 0.3s;
}
.form-submit:hover { background:rgba(255,255,255,0.88); }

@media (max-width:960px) {
  .contato-grid { grid-template-columns:1fr; }
  .contato-info { border-right:none; border-bottom:1px solid var(--linha); padding:40px 32px; }
  .contato-form-wrap { padding:40px 32px; }
}