/* ============================================================
   ITAMAR SANTANA — página /avaliacoes/
   Complemento de lux.css. Só o que não existe lá: hero compacto,
   painel numérico do Google, aviso de transparência, passo a passo
   e a grade de depoimentos (modo B, inativa por padrão).
   Zero cor e zero fonte nova — só tokens do :root de lux.css.
   ============================================================ */

/* ---- hero compacto: a nav é vidro escuro e precisa de fundo escuro
        atrás dela; reaproveita .hero-lux só encurtando ---- */
.hero-lux.compact{min-height:auto}
.hero-lux.compact .wrap{padding:126px 28px 84px}
.hero-lux.compact .center-hero{max-width:660px;margin:0 auto;text-align:center}
.hero-lux.compact h1{font-size:clamp(32px,4vw,48px);margin:14px 0 0;color:#fff}
.hero-lux.compact .lead{color:#CFE0DF;font-size:16.5px;max-width:52ch;margin:20px auto 0}

/* ---- painel numérico do Google ---- */
.gstats{margin:26px auto 4px;padding:24px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gstats[hidden]{display:none}
.gnota{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.gnota strong{font-family:'Lora',Georgia,serif;font-size:clamp(38px,5vw,52px);line-height:1;color:var(--ink);font-weight:600}
.gnota .gtotal{font-size:14px;color:var(--soft)}
.gselo{font-size:12px;color:var(--mute);margin-top:12px;letter-spacing:.02em}

/* estrelas: 5 contornos + camada dourada recortada por --pct.
   Sem imagem externa, funciona no HTML estático e o JS só ajusta --pct. */
.stars{position:relative;display:inline-block;line-height:1;font-size:21px;letter-spacing:3px;white-space:nowrap}
.stars:before,.stars:after{content:"★★★★★"}
.stars:before{color:var(--creamedge)}
.stars:after{position:absolute;left:0;top:0;color:var(--gold);overflow:hidden;width:calc(var(--pct,0) * 1%)}

/* ---- aviso de transparência (CFM) ---- */
.aviso{max-width:760px;margin:0 auto;background:var(--glass-light-bg);border:1px solid var(--glass-light-brd);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:24px;padding:44px 46px;box-shadow:0 30px 70px -38px rgba(11,46,51,.28)}
.aviso h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:18px}
.aviso p{color:var(--soft);font-size:15.5px;margin-bottom:14px}
.aviso p strong{color:var(--ink);font-weight:600}
.aviso-lista{list-style:none;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:11px}
.aviso-lista li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--soft)}
.aviso-lista li i{color:var(--gold);font-style:normal;flex:none;margin-top:1px}
.aviso-sigilo{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;color:var(--soft)}
.aviso-sigilo strong{color:var(--ink);font-weight:600}
.aviso-sigilo a{color:var(--gold-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.aviso-sigilo a:hover{color:var(--gold-deep)}

/* ---- passo a passo ---- */
.passos{list-style:none;max-width:820px;margin:0 auto;display:grid;gap:16px;counter-reset:none}
.passos li{display:flex;gap:20px;align-items:flex-start;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--creamedge);border-radius:16px;padding:24px 26px}
.passos .n{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Lora',Georgia,serif;font-weight:600;font-size:17px;color:var(--ink);background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-deep));box-shadow:0 10px 22px -12px rgba(222,148,53,.6)}
.passos h3{font-size:17px;margin-bottom:5px}
.passos p{color:var(--soft);font-size:14.5px}
.passos em{font-style:italic;color:var(--gold-text);font-weight:500}
.passos-nota{max-width:820px;margin:22px auto 0;font-size:13.5px;color:var(--mute);text-align:center;line-height:1.7}

/* ---- depoimentos (modo B) ---- */
#depoimentos[hidden]{display:none}
.dep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto}
.dep-card{background:var(--glass-light-bg);border:1px solid var(--glass-light-brd);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);border-radius:20px;padding:28px 30px;display:flex;flex-direction:column;gap:14px}
.dep-card .stars{font-size:16px}
.dep-card blockquote{font-family:'Lora',Georgia,serif;font-style:italic;font-size:16px;color:var(--ink);line-height:1.66}
.dep-card .meta{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px}
.dep-card .meta b{color:var(--soft);font-weight:600}
.dep-card .meta a{color:var(--gold-text);font-weight:600}
.dep-card .meta a:hover{text-decoration:underline}

/* ---- responsivo ---- */
@media(max-width:980px){
  .hero-lux.compact .wrap{padding:112px 22px 66px}
  .aviso{padding:36px 26px}
}
@media(max-width:620px){
  .gnota{gap:10px}
  .passos li{flex-direction:column;gap:12px}
  .aviso{border-radius:20px}
}