/* Central de Ajuda da Nexus: base compartilhada (home e artigos) */
:root{
  --font-title:"Bricolage Grotesque","SF Pro Display","Inter",-apple-system,sans-serif;
  --ink:#0A113D; --soft:#3c4160; --muted:#6c7088;
  --brand:#FF4050; --brand-ink:#d92a3a;
  --bg:#ffffff; --paper:#f6f5f2; --paper-2:#efede8; --paper-3:#e8e5df;
  --green:#1e7f4f;
  /* tons pastel */
  --t-coral:#fdecee; --i-coral:#d9434f;
  --t-blue:#e9effb;  --i-blue:#3a64b8;
  --t-green:#e8f4ed; --i-green:#2b8457;
  --t-amber:#fbf2df; --i-amber:#a87512;
  --t-violet:#f0ecfa;--i-violet:#6a4fb8;
  --t-teal:#e5f3f3;  --i-teal:#22807f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{
  font-family:"SF Pro Display","SF Pro Text","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
svg{display:block}
:focus,:focus-visible{outline:none}
/* títulos: Bricolage Grotesque (800 nos grandes, pode baixar o peso nos pequenos) */
h1,h2,h3{font-family:var(--font-title);font-optical-sizing:auto}

.t-coral{background:var(--t-coral);color:var(--i-coral)}
.t-blue{background:var(--t-blue);color:var(--i-blue)}
.t-green{background:var(--t-green);color:var(--i-green)}
.t-amber{background:var(--t-amber);color:var(--i-amber)}
.t-violet{background:var(--t-violet);color:var(--i-violet)}
.t-teal{background:var(--t-teal);color:var(--i-teal)}

/* topo */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}
.top-in{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:30px;width:auto}
.brand .tag{font-size:13.5px;font-weight:600;color:var(--muted);padding-left:12px;margin-left:2px;position:relative}
.brand .tag::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:var(--paper-3)}
.top-actions{display:flex;align-items:center;gap:6px}
.link-ghost{font-size:13.5px;font-weight:600;color:var(--soft);padding:8px 12px;border-radius:10px;transition:background .15s ease,color .15s ease}
.link-ghost:hover{background:var(--paper);color:var(--ink)}
.btn-wa{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff;background:var(--ink);padding:9px 15px;border-radius:10px;transition:background .15s ease}
.btn-wa:hover{background:#1a2257}
.btn-wa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* "não achou?" */
.help{background:var(--paper);border-radius:20px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.help h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px}
.help p{color:var(--muted);font-size:15px;margin-top:4px}
.help .btn-wa{padding:12px 18px;font-size:14px;flex:none}

/* rodapé padrão do hub */
.foot-wrap{max-width:1120px;margin:0 auto;padding:0 24px 40px}
.foot-page{position:relative;overflow:hidden;isolation:isolate;text-align:center;margin-top:28px;padding:40px 24px 36px;border-radius:20px;
  background:#eeece7;box-shadow:0 1px 2px rgba(32,35,46,.04), 0 10px 30px rgba(32,35,46,.07), inset 0 1px 0 rgba(255,255,255,.6)}
.foot-page::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(32,35,46,.05) 1px, transparent 1.5px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 130% at 50% 0%, #000 0%, transparent 72%);
  mask-image:radial-gradient(120% 130% at 50% 0%, #000 0%, transparent 72%);opacity:.7}
.foot-brand{position:relative;z-index:1;font-size:13.5px;font-weight:800;letter-spacing:-.2px;color:var(--ink)}
.foot-sep{position:relative;z-index:1;color:var(--brand);font-weight:700;margin:0 10px}
.foot-meta{position:relative;z-index:1;font-size:13px;color:var(--muted);letter-spacing:.1px}
.foot-emoji{margin-left:.4em}
.foot-support{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
  margin-top:22px;padding-top:22px;max-width:340px;margin-left:auto;margin-right:auto}
.foot-support a{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--soft);text-decoration:none;
  background:#faf9f6;padding:9px 15px;border-radius:11px;
  box-shadow:0 1px 2px rgba(32,35,46,.05), 0 6px 16px rgba(32,35,46,.07);
  transition:transform .15s ease, box-shadow .15s ease, color .15s ease}
.foot-support a:hover{transform:translateY(-1px);color:var(--ink);box-shadow:0 2px 4px rgba(32,35,46,.06), 0 10px 22px rgba(32,35,46,.1)}
.foot-support svg{width:16px;height:16px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.foot-support .wa svg{stroke:var(--green)}
.foot-support .em svg{stroke:var(--brand)}

@media (max-width:600px){
  .top-in{padding:12px 16px}
  .brand .tag,.link-ghost{display:none}
  .help{flex-direction:column;align-items:flex-start;padding:26px 22px}
  .foot-wrap{padding:0 16px 32px}
}