/* ============================================================
   Centro Oftalmológico de Divinópolis · avaliacoes.css
   CSS específico da página Avaliações. Extraído de _original/index_1.html
   (seção .reviews) SEM alterações visuais + bloco de CTA final próprio.
   NÃO duplica tokens/reset/nav/footer/botões — isso está em css/base.css.
   ============================================================ */

/* ===== AVALIAÇÕES (GOOGLE) ===== */
.reviews{background:var(--paper)}
.rev-agg{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:1.4rem}
.rev-score{font-family:'Fraunces',serif;font-size:3rem;color:var(--accent-deep);line-height:1}
.rev-stars{display:flex;gap:.15rem;color:var(--accent)}
.rev-stars svg{width:19px;height:19px}
.rev-meta{color:var(--muted);font-size:.92rem}
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:3rem}
.rev-card{background:var(--cream);border-radius:12px;padding:1.9rem;display:flex;flex-direction:column;gap:1.1rem;
  border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s}
.rev-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.rev-card .stars{display:flex;gap:.15rem;color:var(--accent)}
.rev-card .stars svg{width:14px;height:14px}
.rev-card p{color:var(--ink);font-size:.96rem;line-height:1.6}
.rev-foot{display:flex;align-items:center;gap:.7rem;margin-top:auto;padding-top:.4rem}
.rev-avatar{width:38px;height:38px;border-radius:50%;background:var(--ink-2);color:var(--paper);
  display:grid;place-items:center;font-family:'Fraunces',serif;font-size:.95rem;flex:none}
.rev-who{display:flex;flex-direction:column;gap:.15rem}
.rev-name{font-size:.88rem;font-weight:500}
.rev-badge{font-size:.74rem;color:var(--muted);display:flex;align-items:center;gap:.3rem}
.rev-badge svg{width:13px;height:13px;color:var(--teal)}
.rev-cta{margin-top:2.6rem;text-align:center}

/* ===== CTA FINAL (agendar consulta) ===== */
.rev-final{background:var(--cream)}
.rev-final-box{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.rev-final-box .sec-title{margin-bottom:.6rem}
.rev-final-box .sec-sub{text-align:center}

/* ===== RESPONSIVO ===== */
@media(max-width:980px){
  .rev-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .rev-grid{grid-template-columns:1fr}
}