/* ══ PAGINAS SECUNDARIAS ═════════════════════════════════════════════════
   Guia, artigos, perguntas, privacidade, clientes e 404.
   Tudo preso a body.pg: nada daqui chega a index.html.
   Carrega depois de estilos.css e so acrescenta ou afina.
   ══════════════════════════════════════════════════════════════════════ */

body.pg{
  --pg-bg:#0B0B0A;
  --pg-sup:#121311;
  --pg-sup2:#181A16;
  --pg-linha:rgba(242,242,238,.12);
  --pg-linha2:rgba(242,242,238,.22);
  --pg-txt:#F2F2EE;
  --pg-corpo:rgba(242,242,238,.80);
  --pg-cinza:rgba(242,242,238,.58);
  --pg-lima:#D0F53D;
  --pg-max:1240px;
  --pg-gut:clamp(18px,5vw,56px);
  --pg-larg:min(100% - 2 * var(--pg-gut), var(--pg-max));
  --pg-fs:clamp(17.5px, 1.1vw + 3px, 19.5px);
  --pg-ease:cubic-bezier(.2,.7,.2,1);
  --m-seta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --m-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --m-lupa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");
  --m-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.8v.1'/%3E%3C/svg%3E");
  background:var(--pg-bg);
  color:var(--pg-corpo);
  interpolate-size:allow-keywords;   /* deixa o acordeao animar ate "auto" */
}
html:has(body.pg){background:#0B0B0A}
.pg ::selection{background:var(--pg-lima); color:#0B0B0A}
.pg :where(a,button,input,summary):focus-visible{outline:2px solid var(--pg-lima); outline-offset:3px; border-radius:6px}

/* ── topo e rodape: so alvos de toque ─────────────────────────────────── */
.pg .topo .btn{min-height:44px}
@media (max-width:760px){
  .pg #rodape ul{gap:0}
  .pg #rodape li a{display:inline-flex; align-items:center; min-height:44px}
}

/* ── setas e icones desenhados com mascara (herdam a cor) ─────────────── */
.pg-seta{display:inline-block; flex:none; width:1em; height:1em; background:currentColor;
  -webkit-mask:var(--m-seta) center/contain no-repeat; mask:var(--m-seta) center/contain no-repeat}

/* ══ CABECALHO DAS PAGINAS ══════════════════════════════════════════════ */
.pg-main{display:block}
.pg-cab{width:var(--pg-larg); margin-inline:auto; font-size:var(--pg-fs);
  padding-top:clamp(28px,6vw,96px); padding-bottom:clamp(28px,4vw,56px); position:relative}
.pg-cab > *{margin:0}
.pg .migalhas{font-size:13.5px; color:var(--pg-cinza); margin:0 0 clamp(14px,2vw,28px)}
.pg .migalhas a{display:inline-block; padding-block:12px; color:var(--pg-cinza);
  text-decoration:underline; text-decoration-color:var(--pg-linha2); text-underline-offset:4px}
.pg .migalhas a:hover{color:var(--pg-txt); text-decoration-color:var(--pg-lima)}
.pg-cab h1{color:var(--pg-txt); font-weight:500; letter-spacing:-.04em; line-height:1;
  font-size:clamp(38px,5.4vw,80px); max-width:19ch; text-wrap:balance}
.pg-cab .datado{display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:clamp(20px,2.4vw,32px);
  font-size:13.5px; line-height:1.5; color:var(--pg-cinza)}
.pg-tempo{color:var(--pg-txt)}
.pg-tempo::before{content:"·"; margin-right:10px; color:var(--pg-cinza)}
.pg-cab .resumo{margin-top:clamp(18px,2vw,28px); max-width:44ch; color:var(--pg-txt);
  font-size:clamp(19px,1.7vw,25px); line-height:1.42; letter-spacing:-.012em; font-weight:400}
.pg-cab .resumo b{font-weight:600; color:var(--pg-txt);
  background:linear-gradient(transparent 62%, rgba(208,245,61,.22) 0)}
.pg-cab .eyebrow{color:var(--pg-lima); font-size:12px; letter-spacing:.16em; margin-bottom:18px}

/* ══ LEITURA: indice ao lado, texto a ~68 caracteres ═══════════════════ */
.pg-leitura{width:var(--pg-larg); margin-inline:auto; font-size:var(--pg-fs)}
@media (min-width:1080px){
  .pg-ler .pg-cab, .pg-ler .pg-leitura{display:grid; grid-template-columns:220px minmax(0,68ch);
    column-gap:clamp(56px,6vw,104px); justify-content:start}
  .pg-ler .pg-cab > *{grid-column:1 / -1}
  .pg-ler .pg-cab > .datado{grid-column:1; flex-direction:column; gap:2px; align-self:start;
    margin-top:clamp(18px,2vw,28px); padding-top:.45em; border-top:1px solid var(--pg-linha2)}
  .pg-ler .pg-cab > .datado .pg-tempo::before{display:none}
  .pg-ler .pg-cab > .resumo{grid-column:2}
}

.pg-corpo{min-width:0; color:var(--pg-corpo); line-height:1.68}
.pg-corpo > :first-child{margin-top:0}
.pg-corpo p{margin:1.05em 0 0}
.pg-corpo h2{color:var(--pg-txt); font-weight:500; letter-spacing:-.035em; line-height:1.06;
  font-size:clamp(27px,2.6vw,40px); max-width:28ch; margin:2.1em 0 0; scroll-margin-top:28px}
.pg-corpo h2 + p, .pg-corpo h2 + ul{margin-top:.75em}
.pg-corpo b{color:var(--pg-txt); font-weight:600}
.pg-corpo a:not(.btn){color:var(--pg-txt); text-decoration:underline; text-decoration-color:var(--pg-lima);
  text-decoration-thickness:1.5px; text-underline-offset:4px}
.pg-corpo a:not(.btn):hover{color:var(--pg-lima)}
.pg-corpo ul{list-style:none; margin:1em 0 0; padding:0; display:grid; gap:.6em}
.pg-corpo li{position:relative; padding-left:1.7em; margin:0}
.pg-corpo li::before{content:""; position:absolute; left:.1em; top:.82em; width:.85em; height:2px;
  background:var(--pg-lima); border-radius:2px}

/* chamada a meio do artigo: uma faixa, nao um botao solto */
.pg-corpo .cta-linha{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:16px;
  margin:2.2em 0 0; padding:22px 0; border-block:1px solid var(--pg-linha)}
.pg-corpo .cta-linha .btn{min-height:52px; padding:14px 26px; font-size:16px}
.pg-corpo .cta-linha + h2{margin-top:1.6em}

/* notas e fontes */
.pg-corpo .fonte{position:relative; margin-top:2.4em; padding:18px 20px 18px 54px;
  border:1px solid var(--pg-linha); border-radius:16px; background:var(--pg-sup);
  font-size:14.5px; line-height:1.6; color:var(--pg-cinza); border-left-width:1px}
.pg-corpo .fonte::before{content:""; position:absolute; left:20px; top:19px; width:20px; height:20px;
  background:var(--pg-lima); -webkit-mask:var(--m-info) center/contain no-repeat; mask:var(--m-info) center/contain no-repeat}
.pg-corpo .fonte-link{margin-top:.8em; font-size:14.5px; color:var(--pg-cinza)}
.pg-corpo .fonte-link a{border:0; font-weight:500}
.pg .todo{color:#FFD90A; border-bottom:1px dotted currentColor; white-space:normal}

/* ── indice do artigo ─────────────────────────────────────────────────── */
.pg-toc{margin:0 0 clamp(28px,4vw,40px); border:1px solid var(--pg-linha); border-radius:18px;
  background:var(--pg-sup); font-size:15.5px; overflow:hidden}
.pg-toc-t{display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;
  min-height:54px; margin:0; padding:0 18px; background:none; border:0; color:var(--pg-txt);
  font:inherit; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; text-align:left}
button.pg-toc-t{cursor:pointer}
.pg-toc-ic{width:20px; height:20px; background:currentColor; transition:transform .3s var(--pg-ease);
  -webkit-mask:var(--m-chev) center/contain no-repeat; mask:var(--m-chev) center/contain no-repeat}
.pg-toc [aria-expanded="true"] .pg-toc-ic{transform:rotate(180deg)}
.pg-toc ul{list-style:none; margin:0; padding:0 0 8px}
.pg-toc-fechado ul{display:none}
.pg-toc li{margin:0}
.pg-toc a{display:flex; align-items:center; min-height:44px; padding:10px 18px; color:var(--pg-cinza);
  text-decoration:none; line-height:1.35; border-top:1px solid var(--pg-linha);
  transition:color .2s ease, border-color .2s ease}
.pg-toc a:hover{color:var(--pg-txt)}
.pg-toc a[aria-current]{color:var(--pg-txt)}
@media (min-width:1080px){
  .pg-toc{position:sticky; top:28px; align-self:start; margin:0; border:0; border-radius:0;
    background:none; overflow:visible; font-size:14.5px; max-height:calc(100vh - 56px); overflow-y:auto}
  .pg-toc-t{min-height:0; padding:0 0 14px; color:var(--pg-cinza); cursor:default}
  button.pg-toc-t{cursor:default}
  .pg-toc-ic{display:none}
  .pg-toc ul{padding:0; border-left:1px solid var(--pg-linha)}
  .pg-toc a{min-height:44px; padding:8px 0 8px 16px; margin-left:-1px; border-top:0;
    border-left:2px solid transparent}
  .pg-toc a[aria-current]{border-left-color:var(--pg-lima)}
}

/* ── barra de progresso de leitura ────────────────────────────────────── */
.pg-prog{position:fixed; inset:0 0 auto; height:3px; z-index:60; pointer-events:none}
.pg-prog i{display:block; height:100%; background:var(--pg-lima); transform:scaleX(0); transform-origin:0 50%;
  will-change:transform}

/* ── continuar a ler ──────────────────────────────────────────────────── */
.pg .relacionados{margin-top:clamp(48px,6vw,80px); padding-top:0; border-top:0}
.pg .relacionados h2:not(.sr){font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--pg-cinza); margin:0 0 16px; max-width:none; line-height:1.4}
.pg .relacionados ul{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:12px; list-style:none; margin:0; padding:0}
.pg .relacionados li{padding:0; margin:0}
.pg .relacionados li::before{display:none}
.pg .relacionados li a{display:flex; flex-direction:column; justify-content:space-between; gap:28px;
  height:100%; min-height:132px; padding:20px; border:1px solid var(--pg-linha); border-radius:18px;
  background:var(--pg-sup); color:var(--pg-txt); text-decoration:none;
  font-size:clamp(18px,1.4vw,20px); font-weight:500; letter-spacing:-.02em; line-height:1.2;
  transition:border-color .25s ease, background-color .25s ease}
.pg .relacionados li a::after{content:""; width:22px; height:22px; background:var(--pg-cinza);
  -webkit-mask:var(--m-seta) center/contain no-repeat; mask:var(--m-seta) center/contain no-repeat;
  transition:transform .3s var(--pg-ease), background-color .25s ease}
@media (hover:hover){
  .pg .relacionados li a:hover{border-color:var(--pg-lima); background:var(--pg-sup2); color:var(--pg-txt)}
  .pg .relacionados li a:hover::after{background:var(--pg-lima); transform:translateX(5px)}
}
.pg .relacionados .rel-todos{margin-top:16px; text-align:left}
@media (max-width:600px){
  .pg .relacionados li a{flex-direction:row; align-items:center; min-height:64px; padding:16px 18px}
}
.pg .relacionados .rel-todos .btn{margin-top:0; min-height:48px}

/* ══ CHAMADA FINAL ══════════════════════════════════════════════════════ */
.pg-cta{position:relative; overflow:hidden; isolation:isolate; width:var(--pg-larg);
  margin:clamp(72px,10vw,140px) auto clamp(56px,8vw,112px);
  padding:clamp(30px,5.5vw,80px); border:1px solid var(--pg-linha); border-radius:clamp(22px,2.4vw,32px);
  background:radial-gradient(120% 140% at 100% 0%, rgba(208,245,61,.10), transparent 55%), var(--pg-sup)}
.pg-cta h2{position:relative; margin:0; max-width:15ch; color:var(--pg-txt); font-weight:500;
  font-size:clamp(34px,5vw,76px); letter-spacing:-.045em; line-height:.98; text-wrap:balance}
.pg-cta h2 em{font-style:normal; color:var(--pg-lima)}
.pg-cta p{position:relative; margin:clamp(18px,2vw,26px) 0 0; max-width:44ch; color:var(--pg-corpo);
  font-size:clamp(16.5px,1.3vw,19px); line-height:1.55}
.pg-cta .pg-cta-acao{margin-top:clamp(26px,3vw,40px)}
.pg-cta .btn{min-height:58px; padding:16px 30px; font-size:16.5px}
.pg-raio{position:absolute; z-index:-1; pointer-events:none; color:var(--pg-lima)}
.pg-cta .pg-raio{right:-6%; top:50%; height:150%; width:auto; transform:translateY(-50%); opacity:.55}
@media (max-width:760px){
  .pg-cta .pg-raio{right:-38%; top:-8%; height:70%; transform:none; opacity:.35}
}

/* ══ GUIA: INDICE ═══════════════════════════════════════════════════════ */
.pg-guia .pg-cab h1{font-size:clamp(48px,9.6vw,152px); line-height:.9; letter-spacing:-.055em; max-width:10ch}
.pg-cab-txt{display:grid; gap:18px; margin-top:clamp(26px,3.4vw,48px)}
.pg-cab-txt .resumo{margin:0}
.pg-cab-txt p:not(.resumo){color:var(--pg-cinza); font-size:clamp(16px,1.2vw,17.5px); line-height:1.6; max-width:52ch}
@media (min-width:1000px){
  .pg-cab-txt{grid-template-columns:minmax(0,7fr) minmax(0,5fr); column-gap:clamp(40px,6vw,96px); align-items:end}
}
.pg-saltos{display:flex; flex-wrap:wrap; gap:10px; margin-top:clamp(28px,3.4vw,44px)}
.pg-saltos a{display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:0 18px 0 20px;
  border:1px solid var(--pg-linha2); border-radius:999px; color:var(--pg-txt); text-decoration:none;
  font-size:15px; font-weight:500; transition:border-color .2s ease, color .2s ease}
.pg-saltos .pg-seta{transform:rotate(90deg); width:16px; height:16px; color:var(--pg-lima)}
.pg-saltos a:hover{border-color:var(--pg-lima)}

.pg-grupos{width:var(--pg-larg); margin-inline:auto}
.pg-grupo{display:grid; gap:24px; padding-block:clamp(40px,6vw,88px) 0; border-top:1px solid var(--pg-linha2);
  margin-top:clamp(36px,5vw,72px); scroll-margin-top:16px}
.pg-grupo + .pg-grupo{margin-top:clamp(48px,6vw,96px)}
.pg-grupo-cab h2{color:var(--pg-txt); font-weight:500; font-size:clamp(32px,4vw,58px);
  letter-spacing:-.045em; line-height:1}
.pg-grupo-cab p{margin-top:14px; max-width:34ch; color:var(--pg-cinza); font-size:clamp(16px,1.2vw,18px); line-height:1.5}
@media (min-width:1000px){
  .pg-grupo{grid-template-columns:minmax(0,4fr) minmax(0,8fr); column-gap:clamp(40px,5vw,80px)}
  .pg-grupo-cab{position:sticky; top:28px; align-self:start}
}
.pg-cartoes{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:12px}
.pg-cartao{position:relative; display:flex; flex-direction:column; min-height:clamp(200px,22vw,290px);
  padding:clamp(22px,2.2vw,30px); border:1px solid var(--pg-linha); border-radius:22px;
  background:var(--pg-sup); color:var(--pg-txt); text-decoration:none;
  transition:border-color .3s ease, background-color .3s ease, transform .4s var(--pg-ease)}
.pg-ic{width:38px; height:38px; color:var(--pg-lima); flex:none}
.pg-cartao .pg-seta{position:absolute; top:clamp(24px,2.3vw,32px); right:clamp(22px,2.2vw,30px);
  width:26px; height:26px; color:var(--pg-cinza); transform:rotate(-45deg);
  transition:transform .4s var(--pg-ease), color .3s ease}
.pg-cartao h3{margin-top:auto; padding-top:clamp(24px,4vw,44px); color:var(--pg-txt); font-weight:500;
  font-size:clamp(24px,2.1vw,31px); letter-spacing:-.035em; line-height:1.04; max-width:16ch}
.pg-cartao p{margin-top:12px; color:var(--pg-cinza); font-size:15.5px; line-height:1.5; max-width:40ch}
@media (hover:hover){
  .pg-cartao:hover{border-color:var(--pg-lima); background:var(--pg-sup2); transform:translateY(-4px)}
  .pg-cartao:hover .pg-seta{color:var(--pg-lima); transform:rotate(-45deg) translateX(4px)}
}
.pg-cartao:focus-visible{border-color:var(--pg-lima); outline-offset:4px; border-radius:22px}

/* ══ PERGUNTAS ══════════════════════════════════════════════════════════ */
.pg-faq-p .pg-cab h1{font-size:clamp(44px,8vw,128px); line-height:.92; letter-spacing:-.05em; max-width:12ch}
.pg-faq-p .pg-cab .resumo{max-width:48ch}
.pg-faq{width:var(--pg-larg); margin-inline:auto}
.pg-faq > *{max-width:900px}
.pg-busca{margin-bottom:clamp(30px,4vw,48px)}
.pg-busca label{display:block; margin-bottom:10px; font-size:12px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--pg-cinza)}
.pg-busca-campo{position:relative}
.pg-busca-ic{position:absolute; left:20px; top:50%; width:20px; height:20px; transform:translateY(-50%);
  background:var(--pg-cinza); -webkit-mask:var(--m-lupa) center/contain no-repeat; mask:var(--m-lupa) center/contain no-repeat;
  pointer-events:none}
.pg-busca input{width:100%; min-height:60px; margin:0; padding:0 20px 0 54px; border:1px solid var(--pg-linha2);
  border-radius:999px; background:var(--pg-sup); color:var(--pg-txt); font:inherit; font-size:17px;
  -webkit-appearance:none; appearance:none; transition:border-color .2s ease, box-shadow .2s ease}
.pg-busca input::placeholder{color:var(--pg-cinza); opacity:.8}
.pg-busca input:focus{outline:none; border-color:var(--pg-lima); box-shadow:0 0 0 4px rgba(208,245,61,.16)}
.pg-busca input:focus + .pg-busca-ic, .pg-busca-campo:focus-within .pg-busca-ic{background:var(--pg-lima)}
.pg-busca-res{min-height:1.5em; margin-top:12px; font-size:14.5px; color:var(--pg-cinza)}
.pg-busca-res:empty{margin-top:0}
.pg-faq > h2{margin:0 0 18px; color:var(--pg-txt); font-weight:500; font-size:clamp(24px,2.4vw,34px);
  letter-spacing:-.035em; line-height:1.1}
.pg .faq{max-width:900px; margin:0; border-top:1px solid var(--pg-linha2)}
.pg .faq details{border-bottom:1px solid var(--pg-linha); background:none}
.pg .faq summary{display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:44px;
  padding:clamp(18px,2vw,26px) 0; cursor:pointer; list-style:none; color:var(--pg-txt);
  font-size:clamp(18px,1.6vw,23px); font-weight:500; letter-spacing:-.022em; line-height:1.25;
  transition:color .2s ease}
.pg .faq summary::-webkit-details-marker{display:none}
.pg .faq summary i{display:grid; place-items:center; flex:none; width:38px; height:38px;
  border:1px solid var(--pg-linha2); border-radius:50%; font-style:normal; font-size:21px; font-weight:300;
  line-height:1; color:var(--pg-txt); transition:transform .35s var(--pg-ease), border-color .2s ease, color .2s ease}
@media (hover:hover){
  .pg .faq summary:hover{color:var(--pg-lima)}
  .pg .faq summary:hover i{border-color:var(--pg-lima)}
}
.pg .faq details[open] summary i{transform:rotate(45deg); border-color:var(--pg-lima); color:var(--pg-lima)}
.pg .faq details::details-content{block-size:0; overflow:clip;
  transition:block-size .38s var(--pg-ease), content-visibility .38s allow-discrete}
.pg .faq details[open]::details-content{block-size:auto}
.pg .faq .ans{padding:0 56px clamp(20px,2.2vw,28px) 0}
.pg .faq .ans p{margin:0 0 .8em; max-width:64ch; color:var(--pg-corpo); font-size:clamp(16px,1.25vw,18px); line-height:1.65}
.pg .faq .ans p:last-child{margin-bottom:0}
.pg .faq .ans b{color:var(--pg-txt)}
.pg-faq .cta-duvida{display:block; margin-top:clamp(36px,4vw,56px); padding:clamp(20px,2.4vw,28px);
  border:1px solid var(--pg-linha); border-radius:18px; background:var(--pg-sup)}
.pg-faq .cta-duvida span{display:block; color:var(--pg-txt); font-size:clamp(17px,1.5vw,21px);
  font-weight:500; letter-spacing:-.015em; line-height:1.5}
.pg-faq .cta-duvida a{color:var(--pg-lima); text-decoration:underline; text-underline-offset:4px;
  text-decoration-thickness:1.5px; overflow-wrap:anywhere}
.pg-faq .cta-duvida a span{display:inline; color:inherit; font:inherit}
@media (max-width:600px){ .pg .faq .ans{padding-right:0} }

/* ══ PRIVACIDADE ════════════════════════════════════════════════════════ */
.pg-priv .pg-corpo .como-link{color:var(--pg-txt); text-decoration-color:var(--pg-lima); min-height:44px}

/* ══ CLIENTES (pagina escondida, por preencher) ═════════════════════════ */
.pg-cli-corpo{width:var(--pg-larg); margin-inline:auto; font-size:var(--pg-fs)}
.pg-cli-corpo > .fonte{max-width:68ch; padding:18px 20px; border:1px dashed var(--pg-linha2); border-radius:16px;
  font-size:14.5px; line-height:1.6; color:var(--pg-cinza)}
.pg-cli-corpo > .fonte b{color:var(--pg-txt)}
.pg-cli .cliente{display:grid; gap:20px; margin-top:clamp(28px,3vw,40px); padding-top:clamp(28px,3vw,40px);
  border-top:1px solid var(--pg-linha2)}
.pg-cli .cliente-logo{display:grid; place-items:center; min-height:120px; padding:16px;
  border:1px dashed var(--pg-linha2); border-radius:18px; text-align:center}
.pg-cli .cliente-txt h2{color:var(--pg-txt); font-weight:500; font-size:clamp(24px,2.4vw,34px);
  letter-spacing:-.035em; line-height:1.1}
.pg-cli .cliente-meta{margin-top:10px; font-size:14px; color:var(--pg-cinza)}
.pg-cli .cliente-txt p:not(.cliente-meta){margin-top:14px; max-width:62ch; line-height:1.65}
@media (min-width:860px){ .pg-cli .cliente{grid-template-columns:260px minmax(0,1fr); column-gap:clamp(32px,4vw,64px)} }

/* ══ 404 ════════════════════════════════════════════════════════════════ */
.pg-404 .pg-cab{overflow:hidden; isolation:isolate; padding-bottom:clamp(48px,6vw,96px)}
.pg-404 .pg-cab h1{font-size:clamp(48px,9.6vw,150px); line-height:.9; letter-spacing:-.055em; max-width:9ch}
.pg-404 .pg-cab .resumo{max-width:40ch}
.pg-404 .pg-cab .pg-raio{right:-4%; top:8%; height:92%; width:auto; opacity:.5}
.pg-acoes{display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(28px,3vw,40px) !important}
.pg-acoes .btn{min-height:54px; margin:0; padding:15px 26px; font-size:16px}
.pg-acoes .btn-p{background:transparent; color:var(--pg-txt); border:1px solid var(--pg-linha2); box-shadow:none}
.pg-acoes .btn-p:hover{background:transparent; border-color:var(--pg-lima); color:var(--pg-lima)}
.pg-404-corpo{width:var(--pg-larg); margin-inline:auto; padding-bottom:clamp(56px,8vw,112px)}
.pg-404-corpo .relacionados{margin-top:0; padding-top:clamp(32px,4vw,56px); border-top:1px solid var(--pg-linha2)}
.pg-404-corpo .relacionados h2:not(.sr){font-size:clamp(24px,2.4vw,34px); font-weight:500; letter-spacing:-.035em;
  text-transform:none; color:var(--pg-txt); margin-bottom:22px}
.pg-404-corpo .relacionados ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.pg-404-corpo .fonte{margin-top:28px; font-size:15px; color:var(--pg-cinza)}
.pg-404-corpo .fonte a{color:var(--pg-txt); text-decoration-color:var(--pg-lima); text-underline-offset:4px;
  display:inline-flex; align-items:center; min-height:44px}
@media (max-width:760px){
  .pg-404 .pg-cab .pg-raio{right:-34%; top:auto; bottom:2%; height:46%; opacity:.16}
}

/* ══ MOVIMENTO REDUZIDO ════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  html:has(body.pg){scroll-behavior:auto}
  .pg *, .pg *::before, .pg *::after{transition-duration:0s !important; animation:none !important}
  .pg .faq details::details-content{transition:none}
  .pg-cartao:hover{transform:none}
  .pg-cartao:hover .pg-seta{transform:rotate(-45deg)}
}

/* ── navegação entre serviços no topo (outubro de 2026) ─────────────────── */
body.pg .topo .shell{display:flex; align-items:center; gap:clamp(10px,1.8vw,28px)}
body.pg .topo .marca{margin-right:auto}
body.pg .pg-nav{display:flex; gap:2px}
body.pg .pg-nav a{display:inline-flex; align-items:center; min-height:40px; padding:0 13px; border-radius:999px;
  color:rgba(242,242,238,.78); font-size:14px; font-weight:500; text-decoration:none; transition:background-color .2s, color .2s}
body.pg .pg-nav a:hover{background:rgba(242,242,238,.08); color:#F2F2EE}
body.pg .pg-nav a[aria-current]{color:var(--lima,#D0F53D)}
@media(max-width:999px){ body.pg .pg-nav{display:none} }

/* ── guia: só ícone e texto, sem caixas ─────────────────────────────────── */
.pg-cartoes{gap:clamp(28px,3.4vw,48px) clamp(24px,3vw,56px) !important}
.pg-cartao{min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important;
  box-shadow:none !important; transform:none !important}
.pg-cartao .pg-ic{margin-bottom:16px}
.pg-cartao .pg-seta{display:none !important}
.pg-cartao h3{margin-top:0 !important; padding-top:0 !important; display:block;
  text-decoration:underline; text-decoration-color:transparent; text-underline-offset:5px; text-decoration-thickness:1px;
  transition:text-decoration-color .2s, color .2s}
.pg-cartao h3::after{content:"→"; display:inline-block; margin-left:10px; font-size:.8em; color:var(--pg-lima); opacity:.6; transition:transform .2s, opacity .2s}
.pg-cartao p{margin-top:8px !important}
@media(hover:hover){
  .pg-cartao:hover{background:none !important; transform:none !important}
  .pg-cartao:hover h3{text-decoration-color:var(--pg-lima)}
  .pg-cartao:hover h3::after{opacity:1; transform:translateX(4px)}
}
.pg-cartao:focus-visible{outline:2px solid var(--pg-lima); outline-offset:8px; border-radius:6px}