/* páginas internas do site (ajuda · privacidade · termos) — mesma família visual da landing */
:root{
  --paper:#FAFAF8; --ink:#1C2430; --mut:#5B6472; --soft:#8A93A2;
  --blue:#1D4ED8; --elec:#0A7CFF; --green:#15803D; --line:#E7E8E0; --card:#FFFFFF;
}
*{ box-sizing:border-box; }
body{ margin:0; background:#E9EDF3; color:var(--ink);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif; line-height:1.65; }
a{ color:var(--blue); }
:focus-visible{ outline:2.5px solid var(--blue); outline-offset:3px; border-radius:6px; }

/* ═══ o cartão flutuante (mesma família visual da landing: site/index.html) ═══
   overflow:CLIP de propósito, não hidden: clip não cria scroll container. */
.canvas{ max-width:900px; margin:18px auto; background:var(--paper);
  border-radius:clamp(18px,2.2vw,30px); overflow:clip;
  box-shadow:0 34px 90px -32px rgba(15,23,42,.28), 0 4px 18px -6px rgba(15,23,42,.08); }

.topo{ position:sticky; top:0; z-index:10; background:rgba(250,250,248,.9); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line); }
.topo-in{ max-width:820px; margin:0 auto; padding:14px 22px; display:flex; align-items:center; gap:14px; }
.logo{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:15px; color:var(--ink); text-decoration:none; }
.logo .nmark{ width:28px; height:28px; flex:none; color:var(--ink); }
.logo .wm{ font-weight:800; }
.logo .wm .os{ color:var(--blue); }
.volta{ margin-left:auto; font-size:13px; font-weight:700; color:var(--blue); text-decoration:none;
  background:#EFF4FF; border-radius:999px; padding:8px 16px; }
.volta:hover{ background:#E2EBFF; }

main{ max-width:820px; margin:0 auto; padding:40px 22px 80px; }
h1{ font-size:clamp(26px,4vw,36px); line-height:1.12; letter-spacing:-.02em; font-weight:800; margin:6px 0 8px; }
.sub{ color:var(--mut); font-size:15px; margin:0 0 28px; max-width:60ch; }
h2{ font-size:19px; font-weight:800; letter-spacing:-.01em; margin:38px 0 10px; }
h3{ font-size:15px; font-weight:750; margin:22px 0 6px; }
p, li{ font-size:14.5px; color:var(--mut); }
p b, li b{ color:var(--ink); }
ul{ padding-left:20px; }

.aviso{ background:#FFF7E8; border:1px solid #F3DFAE; border-radius:14px; padding:14px 18px;
  font-size:13px; color:#7A5A1E; margin:0 0 30px; }
.aviso b{ color:#5C430F; }

.busca{ display:flex; align-items:center; gap:11px; background:#fff; border:2px solid var(--blue); border-radius:999px;
  padding:12px 18px; margin:0 0 30px; box-shadow:0 12px 30px -16px rgba(29,78,216,.3); }
.busca input{ flex:1; min-width:0; border:0; background:none; font:inherit; font-size:14.5px; color:var(--ink); }
.busca input:focus{ outline:none; }
.busca svg{ color:var(--blue); flex:none; }

.qa{ background:var(--card); border:1px solid var(--line); border-radius:14px; margin-bottom:10px; overflow:hidden; }
.qa > button{ width:100%; background:none; border:0; text-align:left; display:flex; align-items:center; gap:12px;
  padding:15px 18px; font:inherit; font-size:14.5px; font-weight:700; color:var(--ink); cursor:pointer; }
.qa > button svg{ margin-left:auto; color:var(--soft); transition:transform .25s; flex:none; }
.qa.open > button svg{ transform:rotate(180deg); color:var(--blue); }
.qa .corpo{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
.qa .corpo p{ margin:0; padding:0 18px 16px; }
.qa.escondida{ display:none; }
.sem{ display:none; color:var(--soft); font-size:14px; }
.cat{ margin-top:34px; }
.cat-t{ font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--blue); margin-bottom:12px; }

.cta-fim{ margin-top:48px; background:#EFF4FF; border:1px solid #DCE7FF; border-radius:16px; padding:22px;
  display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.cta-fim b{ font-size:15px; }
.cta-fim p{ margin:2px 0 0; font-size:13px; }
.cta-fim a{ margin-left:auto; background:var(--blue); color:#fff; text-decoration:none; font-size:13.5px; font-weight:750;
  border-radius:999px; padding:11px 22px; }
/* 📞 DOIS CAMINHOS (15/09/2026): o WhatsApp virou o suporte oficial, mas o e-mail fica — quem está
   no computador e prefere escrever continua atendido. Os dois botões vivem num bloco próprio porque
   o `margin-left:auto` acima é do PRIMEIRO link: com dois soltos, o segundo colava no primeiro. */
.cta-fim .acoes{ margin-left:auto; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.cta-fim .acoes a{ margin-left:0; display:inline-flex; align-items:center; gap:8px; }
.cta-fim .acoes a.zap{ background:var(--green); }
.cta-fim .acoes a.mail{ background:#fff; color:var(--blue); border:1px solid #C7D9FF; }

/* footer azul: o fecho do cartão (mesma peça da landing) */
footer{ border-top:0; margin-top:20px; background:linear-gradient(115deg,#1D4ED8,#1B46C2); }
.foot{ max-width:820px; margin:0 auto; padding:24px 22px; display:flex; flex-wrap:wrap; gap:12px 26px;
  font-size:12.5px; color:rgba(255,255,255,.78); }
.foot a{ color:rgba(255,255,255,.85); text-decoration:none; }
.foot a:hover{ color:#fff; }
.rodape{ padding:22px; text-align:center; font-size:12.5px; color:rgba(255,255,255,.85); }
.rodape a{ color:#fff; text-decoration:none; font-weight:700; }
.rodape a:hover{ color:#CFE0FF; }