/* ===========================================
   CONTATO.CSS — estilos exclusivos da página Contato
   =========================================== */

.contato{
  background:var(--olive);
  color:var(--cream);
  padding:90px 0;
}
.contato-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}
.contato h2{color:var(--cream); font-size:clamp(1.8rem, 3vw, 2.4rem); margin-bottom:18px;}
.contato p{color:#e4e8da; max-width:440px; margin-bottom:28px;}
.info-list{list-style:none; display:flex; flex-direction:column; gap:14px;}
.info-list li{display:flex; gap:12px; font-size:0.95rem;}
.info-list .label{
  text-transform:uppercase; font-size:0.72rem; letter-spacing:0.1em;
  color:var(--gold-light); font-weight:600; min-width:110px;
}
.contato-card{
  background:rgba(244,236,217,0.08);
  border:1px solid rgba(244,236,217,0.25);
  border-radius:8px;
  padding:36px;
}
.contato-card h3{font-family:'Fraunces', serif; font-size:1.3rem; margin-bottom:12px; color:var(--gold-light);}
.contato-card p{font-size:0.92rem; margin-bottom:24px; color:#e4e8da;}

.pagamento-formas{
  display:flex; gap:14px; margin-bottom:28px; flex-wrap:wrap;
}
.forma-pagamento{
  border:1px solid var(--gold-light);
  color:var(--gold-light);
  padding:10px 18px;
  border-radius:30px;
  font-size:0.85rem;
  font-weight:600;
  letter-spacing:0.03em;
}

/* Bloco "Onde estamos" */
.sobre{
  padding:90px 0;
}
.text-placeholder{
  border:2px dashed var(--olive);
  border-radius:6px;
  padding:18px 20px;
  background:rgba(74,90,58,0.06);
  color:var(--olive);
  font-size:0.92rem;
}

@media (max-width: 880px){
  .contato-grid{grid-template-columns:1fr;}
  .contato, .sobre{padding:64px 0;}
}