/* ============================================================
   Centro Oftalmológico de Divinópolis · contato.css
   CSS específico da página Contato. Extraído/adaptado de
   _original/index_1.html (seção .contact) — sem formulário:
   o antigo .form-card virou o card de agendamento via WhatsApp
   (.wa-card), reaproveitando o mesmo estilo visual do card.
   NÃO duplica nada de css/base.css.
   ============================================================ */

/* ===== CONTATO ===== */
.contact{background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}
.contact-info p{color:var(--muted);margin:1.2rem 0 2.4rem;max-width:42ch}

.info-item{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem 0;border-top:1px solid var(--line)}
.info-item:last-child{border-bottom:1px solid var(--line)}
.info-item svg{width:24px;height:24px;color:var(--accent-deep);flex:none;margin-top:3px}
.info-item .lbl{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.info-item .val{font-size:1.12rem;font-family:'Fraunces',serif}
.info-item a:hover{color:var(--accent-deep)}

/* ===== CARD "AGENDE PELO WHATSAPP" =====
   Estilo de superfície reaproveitado do antigo .form-card do original
   (fundo, padding, radius, sombra, borda) — sem nenhuma regra de
   form/field/input/err, que foram removidas junto com o formulário. */
.wa-card{background:var(--paper);padding:2.6rem;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--line)}
.wa-card-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(37,211,102,.12);color:#25D366;margin-bottom:1.2rem}
.wa-card-ic svg{width:26px;height:26px}
.wa-card h3{font-size:1.6rem;margin-bottom:.4rem}
.wa-card>p{color:var(--muted);font-size:.94rem;margin-bottom:1.8rem;max-width:40ch}
.btn-wa{width:100%;justify-content:center;font-size:1.02rem;padding:1.1rem 1.9rem}

.wa-hours{display:flex;gap:1.4rem;margin-top:1.8rem;padding-top:1.6rem;border-top:1px solid var(--line);flex-wrap:wrap}
.wa-hours-item{display:flex;flex-direction:column;gap:.3rem}
.wa-hours-item .lbl{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wa-hours-item .val{font-size:1rem;font-family:'Fraunces',serif}

/* ===== LOCALIZAÇÃO ===== */
.location{background:var(--paper)}
.location .sec-sub{margin-bottom:2.6rem}
.map-frame{position:relative;width:100%;aspect-ratio:16/7;border-radius:10px;overflow:hidden;background:var(--ink-2);border:1px solid var(--line)}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.map-link{margin-top:1rem;text-align:center}
.map-link a{font-size:.92rem;color:var(--accent-deep);letter-spacing:.04em}
.map-link a:hover{text-decoration:underline}

/* ===== RESPONSIVO ===== */
@media(max-width:980px){
  .contact-grid{grid-template-columns:1fr;gap:3rem}
}
@media(max-width:680px){
  .wa-card{padding:2rem}
  .map-frame{aspect-ratio:4/5}
}