:root{
  --ink:#0B1310; --ink-soft:#4B5B54; --ink-faint:#7C8B84;
  --paper:#FBFDFC; --paper-dim:#F0F6F2;
  --green:#149954; --green-dark:#0C6B3B; --green-deep:#062E1B; --green-light:#E4F8EC;
  --line:#E1E9E4; --white:#FFFFFF;
  --font-display:'Sora', sans-serif; --font-body:'Inter', sans-serif; --font-mono:'IBM Plex Mono', monospace;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; overflow-x:hidden; max-width:100%; }
body{ margin:0; overflow-x:hidden; max-width:100%; background:var(--paper); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; }
a{ color:var(--green-dark); text-decoration:underline; }
.container{ max-width:820px; margin:0 auto; padding:0 24px; }
.nav{ position:sticky; top:0; z-index:100; background:rgba(251,253,252,0.86); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav__inner{ max-width:1180px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; height:78px; }
.nav__links{ display:flex; align-items:center; gap:20px; }
.nav__links a{ font-size:13.5px; font-weight:500; color:var(--ink-soft); text-decoration:none; white-space:nowrap; transition:color .15s; }
.nav__links a:hover{ color:var(--green-dark); }
.nav__toggle{ display:none; background:none; border:none; padding:8px; }
.nav__toggle svg{ width:24px; height:24px; }
/* [ALTERADO] ponto de quebra do menu 900px → 1120px: entre 900 e ~1100px os links do topo passavam por cima da logo */
@media (max-width:1120px){
  .nav__links{ display:none; }
  .nav__toggle{ display:flex; }
}
.drawer{
  position:fixed; inset:78px 0 0 0; background:var(--paper); z-index:90;
  transform:translateY(-8px); opacity:0; pointer-events:none; transition:all .2s ease;
  padding:28px 24px; display:flex; flex-direction:column; gap:22px;
}
.drawer.open{ opacity:1; pointer-events:auto; transform:translateY(0); }
.drawer a{ font-size:18px; font-weight:600; color:var(--ink); text-decoration:none; }
.nav__brand{ display:flex; align-items:center; gap:11px; font-family:var(--font-display); font-weight:700; font-size:21px; color:var(--ink); text-decoration:none; }
.nav__brand img{ height:44px; width:auto; }
.nav__brand .pay{ color:var(--green); }
.hero{ padding:56px 0 32px; }
.hero .eyebrow{ font-family:var(--font-display); font-size:12px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--green-dark); }
.hero h1{ font-family:var(--font-display); font-size:clamp(28px,4vw,38px); font-weight:800; margin:12px 0 8px; letter-spacing:-0.02em; }
.hero .atualizado{ font-size:13.5px; color:var(--ink-faint); }
article{ padding:8px 0 80px; }
article h2{ font-family:var(--font-display); font-size:20px; font-weight:700; margin:36px 0 12px; }
article h2:first-child{ margin-top:0; }
article p{ margin:0 0 14px; color:var(--ink-soft); }
article ul{ margin:0 0 14px; padding-left:22px; color:var(--ink-soft); }
article li{ margin-bottom:6px; }
.aviso{
  display:flex; gap:12px; background:var(--green-light); border:1px solid #BEE9CE; border-radius:12px;
  padding:16px 18px; margin:0 0 32px; font-size:13.5px; color:#0C6B3B;
}
.aviso svg{ width:18px; height:18px; flex-shrink:0; margin-top:1px; }
footer{ background:var(--green-deep); color:#DDEFE4; padding:64px 0 24px; margin-top:0; }
.foot-wrap{ width:100%; max-width:1180px; margin:0 auto; padding:0 24px; }
.foot-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.12); }
@media (max-width:800px){
  .foot-grid{ grid-template-columns:1fr 1fr; }
  .foot-brand-col{ grid-column:1 / -1; margin-bottom:8px; text-align:center; } /* [ALTERADO] +text-align:center — marca sozinha na linha E centralizada no mobile */
  .foot-brand{ justify-content:center; } /* [NOVO] centraliza a logo dentro do flex */
  .foot-brand img{ height:150px; margin-left:-10px; } /* [NOVO] logo um pouco menor no mobile */
}
.foot-brand{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.foot-brand img{ height:230px; width:auto; max-width:100%; flex-shrink:0; margin-left:-18px; display:block; }
.foot-tagline{ font-family:var(--font-mono); font-size:12px; letter-spacing:0.1em; color:#8FE0AC; clear:both; }
.foot-col h5{ font-family:var(--font-display); font-size:13px; font-weight:700; color:#fff; margin-bottom:16px; }
.foot-col ul{ display:flex; flex-direction:column; gap:11px; list-style:none; margin:0; padding:0; }
.foot-col a{ font-size:13.5px; color:#B9CFC2; transition:color .15s; }
.foot-col a:hover{ color:#fff; }
.foot-bottom{ padding-top:24px; display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between; font-size:12.5px; color:#7FA894; }

/* Botões flutuantes */
.whatsapp-float{
  position:fixed; left:22px; bottom:22px; z-index:90;
  width:52px; height:52px; border-radius:999px;
  background:var(--green); color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px -6px rgba(20,153,84,0.45);
  transition:transform .2s ease, background .2s ease;
}
.whatsapp-float:hover{ background:var(--green-dark); transform:translateY(-2px); }
.whatsapp-float svg{ width:26px; height:26px; }
@media (max-width:600px){ .whatsapp-float{ left:16px; bottom:16px; width:46px; height:46px; } .whatsapp-float svg{ width:22px; height:22px; } }

.back-to-top{
  position:fixed; right:22px; bottom:22px; z-index:90;
  width:44px; height:44px; border-radius:999px; border:0; cursor:pointer;
  background:var(--green-deep); color:var(--green-light);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px -8px rgba(6,46,27,0.5);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease, background .2s ease;
}
.back-to-top.visible{ opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover{ background:var(--ink); }
.back-to-top svg{ width:20px; height:20px; }
@media (max-width:600px){ .back-to-top{ right:16px; bottom:16px; width:40px; height:40px; } }
/* ===== Botão "Voltar para onde você estava" (páginas internas) ===== */
.back-prev{
  position:fixed; right:22px; bottom:22px; z-index:91;
  width:44px; height:44px; border-radius:999px; cursor:pointer; padding:0;
  background:#fff; color:var(--green-dark); border:2px solid var(--green);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px -8px rgba(6,46,27,0.45);
  transition:right .25s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.back-prev.has-top{ right:78px; }
.back-prev:hover{ background:var(--green); color:#fff; transform:translateY(-2px); }
.back-prev:focus-visible{ outline:3px solid var(--green-light); outline-offset:3px; }
.back-prev svg{ width:21px; height:21px; }
.back-prev::after{
  content:attr(data-tip); position:absolute; bottom:calc(100% + 12px); right:0;
  background:var(--ink); color:#fff; font-size:12.5px; font-weight:600; line-height:1.3; white-space:nowrap;
  padding:8px 12px; border-radius:8px; box-shadow:0 8px 20px -6px rgba(0,0,0,.35);
  opacity:0; visibility:hidden; transform:translateY(4px); pointer-events:none; transition:opacity .2s ease, transform .2s ease;
}
.back-prev::before{
  content:''; position:absolute; bottom:calc(100% + 6px); right:16px; width:10px; height:10px; background:var(--ink);
  transform:rotate(45deg) translateY(4px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease, transform .2s ease;
}
.back-prev:hover::after, .back-prev:focus-visible::after, .back-prev.tip-on::after,
.back-prev:hover::before, .back-prev:focus-visible::before, .back-prev.tip-on::before{ opacity:1; visibility:visible; }
.back-prev:hover::after, .back-prev:focus-visible::after, .back-prev.tip-on::after{ transform:translateY(0); }
.back-prev:hover::before, .back-prev:focus-visible::before, .back-prev.tip-on::before{ transform:rotate(45deg) translateY(0); }
@media (max-width:600px){
  .back-prev{ right:16px; bottom:16px; width:40px; height:40px; }
  .back-prev.has-top{ right:66px; }
  .back-prev svg{ width:19px; height:19px; }
}
@media (prefers-reduced-motion:reduce){ .back-prev, .back-prev::after, .back-prev::before{ transition:none; } }
@media print{ .back-prev{ display:none; } }

/* [NOVO] Mega menu "Recursos" — cores fixas (não depende dos tokens de
   cada página, funciona igual nos 4 arquivos do site). */
.nav__item{ position:relative; }
.nav__item > a{ display:inline-flex; align-items:center; gap:4px; cursor:pointer; }
.nav__item .chev{ width:9px; height:9px; transition:transform .15s; }
.nav__item:hover .chev, .nav__item.open .chev{ transform:rotate(180deg); }
.nav__mega{ position:absolute; top:100%; left:50%; transform:translateX(-50%); padding-top:14px; display:none; z-index:200; }
.nav__item:hover .nav__mega, .nav__item.open .nav__mega{ display:block; }
.nav__mega__inner{
  background:#fff; border:1px solid #E1E9E4; border-radius:16px;
  box-shadow:0 24px 70px rgba(6,46,27,0.16); padding:22px; display:grid;
  grid-template-columns:repeat(4,170px); gap:22px; width:max-content; max-width:88vw;
}
.nav__mega__col h5{ font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:#7C8B84; margin:0 0 10px; font-weight:800; }
.nav__mega__col a{ display:block; font-size:13px; color:#4B5B54; padding:6px 0; white-space:nowrap; text-decoration:none; }
.nav__mega__col a:hover{ color:#0C6B3B; }
.nav__mega__all{ grid-column:1/-1; border-top:1px solid #E1E9E4; padding-top:12px; margin-top:2px; }
.nav__mega__all a{ font-weight:700 !important; color:#0C6B3B !important; }

/* [NOVO] Grupo expansível "Recursos" dentro do menu mobile (drawer) */
.drawer__group summary{ font-size:18px; font-weight:600; cursor:pointer; list-style:none; color:var(--ink,#0B1310); }
.drawer__group summary::-webkit-details-marker{ display:none; }
.drawer__group summary::after{ content:'\25BE'; float:right; font-size:14px; color:#7C8B84; }
.drawer__group[open] summary::after{ content:'\25B4'; }
.drawer__sub{ display:flex; flex-direction:column; gap:2px; padding:10px 0 4px 4px; }
.drawer__sub a{ font-size:15px !important; font-weight:500 !important; color:#4B5B54 !important; }

/* =============================================================
   [NOVO] MENU DO TOPO — visual profissional (idêntico nas 5 páginas)
============================================================= */
.nav{ transition:box-shadow .2s ease, background .2s ease; }
.nav.is-scrolled{ box-shadow:0 10px 30px rgba(6,46,27,0.09); background:rgba(251,253,252,0.95); }
.nav .nav__inner{ position:relative; max-width:1240px; }
.nav__brand{ flex-shrink:0; }
.nav__links{ gap:2px; }
.nav__links > a, .nav__item > a{ padding:9px 11px; border-radius:999px; font-size:13px; font-weight:600; color:#3F4F48; text-decoration:none; transition:background .15s, color .15s; }
.nav__links > a:hover, .nav__item > a:hover, .nav__item:hover > a, .nav__item.open > a{ background:#E4F8EC; color:#0C6B3B; }
.nav__links > a.current, .nav__links > a.is-active, .nav__item > a.is-active{ background:#E4F8EC; color:#0C6B3B; font-weight:700; }
.nav__item--mega{ position:static; }
.nav__item--right{ position:relative; }
.nav__item--right .nav__mega{ left:auto; right:0; transform:none; }
/* o painel do Recursos nasce colado no link (sem vão) para o mouse poder descer até ele sem o menu sumir */
.nav__item--mega .nav__mega{ top:calc(100% - 20px); padding-top:34px; }
.nav__mega__inner{
  grid-template-columns:repeat(4,232px); gap:6px 18px; padding:24px 24px 0; border-radius:22px; max-width:96vw; overflow:hidden;
  box-shadow:0 30px 80px rgba(6,46,27,0.18), 0 2px 0 rgba(6,46,27,0.03);
}
.nav__mega__inner--sm{ grid-template-columns:repeat(4,236px); padding:14px; }
.nav__mega__col h5{ font-size:11px; letter-spacing:.09em; margin:0 0 8px 10px; }
.nav__mega__col a{ display:flex; gap:12px; align-items:flex-start; padding:9px 10px; border-radius:12px; white-space:normal; text-decoration:none; transition:background .15s; }
.nav__mega__col a:hover{ background:#F0F6F2; }
.nav__mega__col .mi{ width:36px; height:36px; border-radius:10px; background:#E4F8EC; color:#0C6B3B; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .15s, color .15s; }
.nav__mega__col .mi svg{ width:18px; height:18px; }
.nav__mega__col a:hover .mi{ background:#149954; color:#fff; }
.nav__mega__col .mt b{ display:block; font-size:13.5px; font-weight:700; color:#0B1310; line-height:1.25; }
.nav__mega__col .mt small{ display:block; font-size:12px; font-weight:500; color:#7C8B84; margin-top:2px; line-height:1.3; }
.nav__mega__col a:hover .mt b{ color:#0C6B3B; }
.nav__mega__all{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:12px -24px 0; padding:14px 34px; background:#F0F6F2; border-top:1px solid #E1E9E4; }
.nav__mega__all > span:first-child{ font-size:12.5px; color:#7C8B84; }
.nav__mega__links{ display:flex; gap:22px; }
.nav__mega__all a{ font-size:13px; text-decoration:none; }
.nav__mega__all a:hover{ text-decoration:underline; }
.nav__actions{ display:flex; align-items:center; margin-left:12px; gap:0; }
.nav__cta{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:999px; background:#149954; color:#fff !important; font-size:13px; font-weight:700; white-space:nowrap; text-decoration:none !important; box-shadow:0 8px 20px rgba(20,153,84,0.28); transition:background .15s, transform .15s, box-shadow .15s; }
.nav__cta svg{ width:16px; height:16px; flex-shrink:0; }
.nav__cta:hover{ background:#0C6B3B; transform:translateY(-1px); box-shadow:0 12px 26px rgba(20,153,84,0.34); }
@media (max-width:1299px){ .nav__actions{ display:none; } }
.nav__toggle{ width:44px; height:44px; align-items:center; justify-content:center; border:1px solid #E1E9E4; border-radius:12px; background:#fff; color:#0B1310; transition:background .15s, border-color .15s; }
.nav__toggle:hover{ background:#F0F6F2; border-color:#149954; }
.drawer{ overflow-y:auto; gap:0; padding:12px 22px 32px; }
.drawer > a:not(.nav__cta), .drawer__group summary{ display:block; padding:16px 4px; border-bottom:1px solid #E1E9E4; font-size:17px; font-weight:600; }
.drawer__group{ border-bottom:0; }
.drawer__group summary{ list-style:none; }
.drawer__sub{ padding:6px 0 10px 12px; border-bottom:1px solid #E1E9E4; }
.drawer__sub a{ padding:9px 4px; }
.drawer .nav__cta--block{ margin-top:22px; width:100%; padding:15px 18px; font-size:15px; }

/* =============================================================
   [NOVO 2026-10] RODAPÉ PADRONIZADO — redes sociais + integrações de pagamento
   (idêntico em todas as páginas; o conteúdo vem do arquivo /redes.js)
============================================================= */
.foot-col__sub{ margin-top:26px; }
.foot-grid{ grid-template-columns:1.4fr 1fr 1.15fr 1.15fr 1fr; gap:32px; border-bottom:0; padding-bottom:12px; }
@media (max-width:1100px){ .foot-grid{ grid-template-columns:repeat(4,1fr); } .foot-brand-col{ grid-column:1/-1; } }
@media (max-width:820px){ .foot-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:1180px){ .nav__mega__inner--sm{ grid-template-columns:repeat(2,236px) !important; max-height:78vh; overflow:auto; } }
.foot-brand-col{ align-self:start; }
.foot-col a{ text-decoration:none; }
.foot-col a:hover{ text-decoration:underline; }
.foot-extra{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:22px 36px; padding:28px 0; border-bottom:1px solid rgba(255,255,255,0.12); }
.foot-extra__label{ display:flex; align-items:center; min-height:22px; font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#8FE0AC; margin-bottom:12px; }
.foot-social__row{ display:flex; gap:10px; flex-wrap:wrap; }
.foot-social__a{ position:relative; width:42px; height:42px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); color:#DDEFE4 !important; transition:background .15s, transform .15s, color .15s; }
.foot-social__a svg{ width:19px; height:19px; }
.foot-social__a:hover{ background:#149954; border-color:#149954; color:#fff !important; transform:translateY(-2px); }
.foot-social__a.is-soon{ cursor:default; opacity:.55; }
.foot-social__a.is-soon:hover{ background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.14); color:#DDEFE4 !important; transform:none; }
.foot-extra__soon{ display:inline-block; margin-left:8px; font-family:var(--font-body); font-size:10.5px; font-weight:600; letter-spacing:.02em; text-transform:none; color:#DDEFE4; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.16); padding:1px 8px; border-radius:999px; vertical-align:1px; }
.foot-pay__row{ display:flex; gap:8px; flex-wrap:wrap; }
.foot-pay__chip{ display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:#CFE3D6; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); padding:6px 11px; border-radius:999px; white-space:nowrap; }
.foot-pay__chip i{ width:8px; height:8px; border-radius:50%; display:inline-block; flex-shrink:0; }
.foot-pay__chip svg{ width:13px; height:13px; color:#8FE0AC; }
@media (max-width:700px){ .foot-extra{ flex-direction:column; align-items:flex-start; } }

/* [NOVO 2026-10] Menu — item de destaque "Novo" nos novos links */
.nav__mega__col .mt .newtag{ display:inline-block; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; background:#149954; color:#fff; padding:1px 6px; border-radius:999px; margin-left:6px; vertical-align:2px; }

/* =============================================================
   [NOVO 2026-10] Seções: Janela de 24h · Documentos em massa · API e Webhooks · Segurança
   (mesmos tokens de cor, tipografia e cartões do restante do site)
============================================================= */
.spotlight-badge svg{ width:14px; height:14px; flex-shrink:0; }
.np-head{ max-width:860px; margin:0 auto 44px; text-align:center; }
.np-head h2{ font-size:clamp(28px,4vw,40px); font-weight:700; letter-spacing:-0.02em; }
.np-head p{ color:var(--ink-soft); font-size:17px; margin-top:14px; }
.np-head p b{ color:var(--ink); }
.np-sub{ text-align:center; margin:64px auto 28px; max-width:720px; }
.np-sub h3{ font-size:clamp(21px,2.8vw,28px); font-weight:700; letter-spacing:-0.01em; }
.np-sub p{ color:var(--ink-soft); font-size:15.5px; margin-top:8px; }
.np-ico{ width:46px; height:46px; border-radius:14px; background:var(--green-light); color:var(--green-dark); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.np-ico svg{ width:23px; height:23px; }
.np-ico--solid{ background:var(--green); color:#fff; }
.np-ico--amber{ background:var(--amber-light); color:#946017; }
.np-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:980px){ .np-grid3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .np-grid3{ grid-template-columns:1fr; } }
.np-trio{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media (max-width:860px){ .np-trio{ grid-template-columns:1fr; } }
.np-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-md); padding:26px 24px; transition:box-shadow .18s ease, transform .18s ease; position:relative; }
.np-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-3px); }
.np-card h4{ font-size:16.5px; font-weight:700; margin-top:16px; }
.np-card p{ font-size:14px; color:var(--ink-soft); margin-top:8px; line-height:1.6; }
.np-card .np-n{ position:absolute; top:20px; right:22px; font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--green-dark); background:var(--green-light); padding:3px 10px; border-radius:999px; }

/* linha do tempo das 24 horas */
.np-tl{ max-width:900px; margin:0 auto 44px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px 30px 24px; box-shadow:var(--shadow-sm); }
.np-tl__bar{ display:flex; height:46px; border-radius:999px; overflow:hidden; font-size:13px; font-weight:700; }
.np-tl__open{ flex:62; background:linear-gradient(90deg,#149954,#2DB872); color:#fff; display:flex; align-items:center; justify-content:center; gap:8px; }
.np-tl__closed{ flex:38; background:repeating-linear-gradient(135deg,#FEF3DC 0 10px,#FBE7BD 10px 20px); color:#946017; display:flex; align-items:center; justify-content:center; gap:8px; }
.np-tl__open svg, .np-tl__closed svg{ width:17px; height:17px; }
.np-tl__marks{ position:relative; height:66px; margin-top:14px; }
.np-tl__marks > div{ position:absolute; top:0; font-size:12.5px; color:var(--ink-soft); line-height:1.4; }
.np-tl__marks b{ display:block; font-family:var(--font-display); font-size:15px; color:var(--ink); }
.np-tl__marks .m1{ left:0; }
.np-tl__marks .m2{ left:62%; transform:translateX(-50%); text-align:center; }
.np-tl__marks .m3{ right:0; text-align:right; }
.np-tl__marks > div::before{ content:''; display:block; width:2px; height:10px; background:var(--line); margin-bottom:6px; }
.np-tl__marks .m2::before{ margin-left:auto; margin-right:auto; }
.np-tl__marks .m3::before{ margin-left:auto; }
.np-tl__note{ font-size:13px; color:var(--ink-faint); text-align:center; margin-top:10px; }
@media (max-width:640px){
  .np-tl{ padding:22px 18px; }
  .np-tl__bar{ height:auto; flex-direction:column; border-radius:18px; }
  .np-tl__open, .np-tl__closed{ padding:12px; flex:none; }
  .np-tl__marks{ height:auto; display:flex; flex-direction:column; gap:10px; }
  .np-tl__marks > div{ position:static; transform:none !important; text-align:left !important; }
  .np-tl__marks > div::before{ display:none; }
}

/* regra da Meta (destaque) */
.np-why{ display:grid; grid-template-columns:1.15fr 1fr; gap:22px; margin-top:0; }
@media (max-width:900px){ .np-why{ grid-template-columns:1fr; } }
.np-why__main{ background:var(--green-deep); color:#CFE9D9; border-radius:var(--radius-lg); padding:32px 30px; }
.np-why__main .np-ico{ background:rgba(143,224,172,.16); color:#8FE0AC; }
.np-why__main h3{ color:#fff; font-size:21px; margin-top:16px; }
.np-why__main p{ font-size:15px; line-height:1.65; margin-top:12px; }
.np-why__main p b{ color:#fff; }
.np-why__alt{ background:#fff; border:1.5px dashed #BFE8CF; border-radius:var(--radius-lg); padding:32px 30px; }
.np-why__alt h3{ font-size:19px; margin-top:16px; }
.np-why__alt p{ font-size:14.5px; color:var(--ink-soft); line-height:1.65; margin-top:10px; }
.np-why__alt p b{ color:var(--ink); }

/* dentro x fora da janela */
.np-two{ display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:22px; }
@media (max-width:860px){ .np-two{ grid-template-columns:1fr; } }
.np-two__col{ border-radius:var(--radius-lg); padding:28px 28px 24px; }
.np-two__col h3{ display:flex; align-items:center; gap:12px; font-size:18px; font-weight:700; }
.np-two__col h3 small{ display:block; font-family:var(--font-body); font-size:12.5px; font-weight:500; color:var(--ink-soft); margin-top:2px; }
.np-two__in{ background:var(--green-light); border:1.5px solid #BFE8CF; }
.np-two__out{ background:var(--amber-light); border:1.5px solid #F3D9A4; }
.np-list{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:12px; }
.np-list li{ display:flex; gap:11px; align-items:flex-start; font-size:14.5px; line-height:1.55; color:var(--ink-soft); }
.np-list li b{ color:var(--ink); }
.np-list li svg{ width:19px; height:19px; flex-shrink:0; margin-top:2px; }
.np-two__in .np-list li svg{ color:var(--green-dark); }
.np-two__out .np-list li svg{ color:#946017; }

/* esquema de tentativas de reabertura */
.np-attempts{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:26px 0 4px; position:relative; }
.np-attempts > div{ position:relative; text-align:center; padding:0 10px; }
.np-attempts > div::before{ content:''; position:absolute; top:22px; left:-50%; width:100%; height:2px; background:var(--line); z-index:0; }
.np-attempts > div:first-child::before{ display:none; }
.np-attempts .dot{ position:relative; z-index:1; width:44px; height:44px; border-radius:50%; margin:0 auto 10px; display:flex; align-items:center; justify-content:center; background:var(--green); color:#fff; box-shadow:0 0 0 6px #fff; }
.np-attempts .dot svg{ width:20px; height:20px; }
.np-attempts .dot--stop{ background:#946017; }
.np-attempts b{ display:block; font-size:13.5px; color:var(--ink); }
.np-attempts small{ display:block; font-size:12.5px; color:var(--ink-soft); line-height:1.45; margin-top:3px; }
@media (max-width:700px){
  .np-attempts{ grid-template-columns:1fr; gap:18px; }
  .np-attempts > div{ display:flex; gap:14px; text-align:left; align-items:center; padding:0; }
  .np-attempts > div::before{ display:none; }
  .np-attempts .dot{ margin:0; flex-shrink:0; box-shadow:none; }
}

/* aviso honesto / informativo */
.np-note{ display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-left:4px solid var(--green); border-radius:var(--radius-md); padding:18px 20px; margin:28px auto 0; max-width:900px; }
.np-note svg{ width:21px; height:21px; flex-shrink:0; color:var(--green-dark); margin-top:2px; }
.np-note p{ font-size:14.5px; color:var(--ink-soft); line-height:1.65; }
.np-note p b{ color:var(--ink); }
.np-note a{ color:var(--green-dark); font-weight:700; text-decoration:underline; text-underline-offset:3px; }

/* faixa "casos de uso" com ícones */
.np-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:26px; }
.np-chip{ display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-size:13.5px; font-weight:600; color:var(--ink); }
.np-chip svg{ width:16px; height:16px; color:var(--green); }

/* API: endpoints e eventos */
.np-code{ white-space:pre; background:var(--green-deep); border-radius:var(--radius-md); padding:22px 24px; font-family:var(--font-mono); font-size:12.5px; line-height:1.85; color:#CFE9D9; overflow-x:auto; }
.np-code .c{ color:#7FA894; }
.np-code .k{ color:#8FE0AC; }
.np-code .v{ color:#FBCB6E; }
.np-split{ display:grid; grid-template-columns:1.1fr 1fr; gap:22px; align-items:stretch; }
@media (max-width:900px){ .np-split{ grid-template-columns:1fr; } }
.np-panel{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:28px 28px 24px; }
.np-panel h3{ display:flex; align-items:center; gap:12px; font-size:19px; }
.np-panel > p{ font-size:14.5px; color:var(--ink-soft); line-height:1.65; margin-top:12px; }
.np-scopes{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.np-scope{ font-family:var(--font-mono); font-size:11.5px; font-weight:600; color:var(--green-dark); background:var(--green-light); border:1px solid #BFE8CF; padding:4px 10px; border-radius:8px; }
.np-events{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.np-event{ font-family:var(--font-mono); font-size:11.5px; font-weight:600; color:#3F4F48; background:var(--paper-dim); border:1px solid var(--line); padding:4px 10px; border-radius:8px; }

/* segurança */
.np-sec{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:980px){ .np-sec{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .np-sec{ grid-template-columns:1fr; } }
.np-sec .np-card h4{ margin-top:14px; }
.np-sec .np-card.is-dark{ background:var(--green-deep); border-color:var(--green-deep); }
.np-sec .np-card.is-dark h4{ color:#fff; }
.np-sec .np-card.is-dark p{ color:#CFE9D9; }
.np-sec .np-card.is-dark .np-ico{ background:rgba(143,224,172,.16); color:#8FE0AC; }

/* disparos extras (perto dos planos) */
.np-extra{ max-width:980px; margin:36px auto 0; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px 30px 26px; box-shadow:var(--shadow-sm); }
.np-extra__head{ display:flex; gap:16px; align-items:flex-start; }
.np-extra__head h3{ font-size:clamp(19px,2.4vw,23px); font-weight:700; }
.np-extra__head p{ font-size:14.5px; color:var(--ink-soft); margin-top:6px; line-height:1.6; }
.np-extra__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:22px; }
@media (max-width:800px){ .np-extra__grid{ grid-template-columns:1fr; } }
.np-extra__item{ background:var(--paper-dim); border-radius:var(--radius-md); padding:16px 18px; }
.np-extra__item .np-ico{ width:38px; height:38px; border-radius:11px; }
.np-extra__item .np-ico svg{ width:19px; height:19px; }
.np-extra__item b{ display:block; font-size:14.5px; margin-top:11px; }
.np-extra__item span{ display:block; font-size:13.5px; color:var(--ink-soft); line-height:1.55; margin-top:4px; }

/* =============================================================
   [NOVO 2026-10] Páginas de guia (conteúdo para busca orgânica)
============================================================= */
:root{ --amber:#F0A93B; --amber-light:#FEF3DC; --shadow-sm:0 4px 16px rgba(6,46,27,0.06); --shadow-md:0 14px 40px rgba(6,46,27,0.10); --radius-sm:10px; --radius-md:16px; --radius-lg:26px; }
.g-crumbs{ font-size:13px; color:var(--ink-faint); margin-bottom:12px; }
.g-crumbs a{ color:var(--green-dark); text-decoration:none; font-weight:600; }
.g-crumbs a:hover{ text-decoration:underline; }
.g-crumbs span{ margin:0 6px; }
.hero .g-sub{ font-size:18px; color:var(--ink-soft); margin:12px 0 0; max-width:720px; line-height:1.6; }
article.guide{ padding:12px 0 72px; }
article.guide h2{ font-size:25px; letter-spacing:-0.01em; margin:50px 0 14px; display:flex; align-items:center; gap:13px; line-height:1.25; scroll-margin-top:96px; }
article.guide h2 .np-ico{ width:42px; height:42px; border-radius:12px; }
article.guide h2 .np-ico svg{ width:21px; height:21px; }
article.guide h3{ font-family:var(--font-display); font-size:18px; margin:26px 0 8px; }
article.guide p{ font-size:16.5px; line-height:1.75; }
article.guide p b, article.guide li b{ color:var(--ink); }
article.guide ul{ font-size:16px; line-height:1.7; }
.g-answer{ display:flex; gap:14px; background:var(--green-light); border:1px solid #BFE8CF; border-radius:16px; padding:20px 22px; margin:6px 0 10px; color:var(--green-dark); }
.g-answer > svg{ width:24px; height:24px; flex-shrink:0; margin-top:2px; }
.g-answer p{ margin:0 !important; color:var(--green-dark) !important; font-size:16px !important; line-height:1.65 !important; }
.g-answer p b{ color:#06361F !important; }
.g-toc{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 22px; margin:26px 0 8px; }
.g-toc strong{ font-family:var(--font-display); font-size:14px; display:block; margin-bottom:8px; }
.g-toc ol{ margin:0; padding-left:20px; columns:2; column-gap:30px; font-size:14.5px; }
.g-toc li{ margin-bottom:4px; }
.g-toc a{ color:var(--green-dark); text-decoration:none; font-weight:500; }
.g-toc a:hover{ text-decoration:underline; }
@media (max-width:640px){ .g-toc ol{ columns:1; } }
.g-steps{ list-style:none; counter-reset:g; margin:18px 0 0 !important; padding:0 !important; display:flex; flex-direction:column; gap:12px; }
.g-steps li{ counter-increment:g; position:relative; background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 18px 16px 62px; margin:0 !important; }
.g-steps li::before{ content:counter(g); position:absolute; left:16px; top:15px; width:32px; height:32px; border-radius:10px; background:linear-gradient(135deg,#FDE4B0,#FBCB6E); color:#B8720E; font-family:var(--font-mono); font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }
.g-steps li b{ display:block; font-family:var(--font-display); font-size:15.5px; margin-bottom:2px; }
.g-table{ width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:14px; overflow:hidden; font-size:14.5px; margin:16px 0 0; background:#fff; }
.g-table th, .g-table td{ padding:12px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); line-height:1.5; }
.g-table th{ background:var(--paper-dim); font-family:var(--font-display); font-size:13px; }
.g-table tr:last-child td{ border-bottom:0; }
.g-faq details{ border:1px solid var(--line); border-radius:14px; background:#fff; margin-bottom:10px; }
.g-faq summary{ cursor:pointer; list-style:none; padding:16px 20px; font-family:var(--font-display); font-weight:600; font-size:15.5px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.g-faq summary::-webkit-details-marker{ display:none; }
.g-faq summary::after{ content:'+'; font-size:22px; color:var(--green-dark); line-height:1; }
.g-faq details[open] summary::after{ content:'–'; }
.g-faq details p{ padding:0 20px 18px; margin:0; font-size:15px !important; color:var(--ink-soft); }
.g-cta{ background:var(--green-deep); color:#CFE9D9; border-radius:26px; padding:36px 30px; margin:54px 0 0; text-align:center; }
.g-cta h2{ color:#fff; justify-content:center; margin:0 0 10px !important; font-size:26px !important; }
.g-cta p{ color:#CFE9D9 !important; max-width:560px; margin:0 auto 22px !important; }
.g-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 24px; border-radius:999px; background:var(--green); color:#fff !important; font-weight:700; font-size:15px; text-decoration:none !important; transition:background .15s, transform .15s; }
.g-btn:hover{ background:#1DB36A; transform:translateY(-1px); }
.g-btn svg{ width:18px; height:18px; }
.g-btn--ghost{ background:transparent; border:1.5px solid rgba(255,255,255,.4); margin-left:8px; }
.g-btn--ghost:hover{ background:rgba(255,255,255,.1); }
@media (max-width:560px){ .g-btn--ghost{ margin:10px 0 0; } .g-btn{ width:100%; } }
.g-related{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin-top:16px; }
.g-related a{ display:flex; gap:13px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px; text-decoration:none; color:var(--ink); transition:box-shadow .15s, transform .15s; }
.g-related a:hover{ box-shadow:var(--shadow-md); transform:translateY(-2px); }
.g-related b{ display:block; font-family:var(--font-display); font-size:15px; }
.g-related small{ display:block; font-size:13px; color:var(--ink-soft); margin-top:3px; line-height:1.45; }
.g-hub{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:8px; }
.g-hub a{ display:flex; gap:18px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; text-decoration:none; color:var(--ink); transition:box-shadow .15s, transform .15s; }
.g-hub a:hover{ box-shadow:var(--shadow-md); transform:translateY(-2px); }
.g-hub h2{ font-size:19px !important; margin:0 0 6px !important; display:block !important; }
.g-hub p{ font-size:15px !important; margin:0 !important; color:var(--ink-soft); }
.g-hub .more{ display:inline-block; margin-top:10px; font-weight:700; font-size:14px; color:var(--green-dark); }

.g-seehome{ font-size:15px !important; color:var(--ink-soft); margin:10px 0 0 !important; }
.g-seehome a{ color:var(--green-dark); font-weight:600; }
.g-hub__t{ font-family:var(--font-display); font-size:18px !important; margin:0 0 6px !important; line-height:1.3; }
.g-hub p{ margin:0 !important; }
.g-hub{ grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); }
@media (max-width:420px){ .g-hub{ grid-template-columns:1fr; } }
article.guide .g-hub + h2{ margin-top:46px; }
article.guide h2 .np-ico{ flex-shrink:0; }