/* 29/10: páginas de conteúdo (artigos e serviços) — leitura longa, sem animação. Usa os tokens do style.css. */
.nav-art{margin-left:auto;font-size:15px;color:var(--tx2);transition:color .25s}
.nav-art:hover{color:var(--tx)}
.nav-art + .btn-sm{margin-left:0}
@media (max-width:980px){.nav-art + .btn-sm{margin-left:0}}

.art{max-width:760px;margin:0 auto;padding:150px 24px 40px}
.art .eyebrow{margin-bottom:18px}
.art h1{font-size:clamp(34px,5.2vw,58px);line-height:1.06;margin-bottom:22px}
.art .meta{color:var(--tx3);font-size:14px;margin-bottom:36px}
.art .meta a{color:var(--tx2);text-decoration:underline;text-underline-offset:3px}
.resposta{border-left:3px solid var(--ouro);background:var(--bg2);padding:20px 24px;border-radius:0 14px 14px 0;margin-bottom:44px;color:var(--tx);font-size:18px}
.corpo{color:var(--tx2)}
.corpo h2{font-size:clamp(26px,3.4vw,36px);color:var(--tx);margin:52px 0 16px;letter-spacing:-.025em;line-height:1.15}
.corpo h3{font-size:21px;color:var(--tx);margin:32px 0 10px;letter-spacing:-.015em;line-height:1.25}
.corpo p,.corpo ul,.corpo ol{margin-bottom:18px}
.corpo ul,.corpo ol{padding-left:22px}
.corpo li{margin-bottom:8px}
.corpo b,.corpo strong{color:var(--tx)}
.corpo a{color:var(--ouro2);text-decoration:underline;text-underline-offset:3px}
.corpo table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px;display:block;overflow-x:auto}
.corpo th,.corpo td{border-bottom:1px solid var(--linha2);padding:10px 12px;text-align:left;vertical-align:top}
.corpo th{color:var(--tx);font-weight:600}
.faq{margin-top:56px}
.faq h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:18px;letter-spacing:-.025em}
.faq details{border-bottom:1px solid var(--linha);padding:16px 0}
.faq summary{cursor:pointer;color:var(--tx);font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--ouro);display:inline-block;width:22px}
.faq details[open] summary::before{content:"–"}
.faq details p{color:var(--tx2);margin-top:10px;padding-left:22px}
.chamada{margin:64px 0 0;padding:34px 30px;border-radius:var(--raio);background:linear-gradient(140deg,var(--bg3),var(--bg2));border:1px solid var(--linha2)}
.chamada h2{font-size:clamp(26px,3.4vw,34px);margin-bottom:12px;letter-spacing:-.025em;line-height:1.15}
.chamada p{color:var(--tx2);margin-bottom:22px}
.rel{margin-top:56px}
.rel h2{font-size:22px;margin-bottom:14px;letter-spacing:-.015em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{display:block;padding:22px;border-radius:18px;background:var(--bg2);border:1px solid var(--linha);transition:border-color .25s,transform .25s var(--ease)}
.card:hover{border-color:var(--ouro);transform:translateY(-2px)}
.card small{color:var(--ouro);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.card b{display:block;color:var(--tx);font-family:var(--disp);font-size:19px;line-height:1.25;margin:8px 0 8px;letter-spacing:-.01em}
.card span{color:var(--tx3);font-size:15px;line-height:1.5}
.hub{max-width:1100px}
.hub .lead{color:var(--tx2);font-size:19px;max-width:720px;margin-bottom:44px}
.hub h2{font-size:24px;margin:44px 0 16px;letter-spacing:-.015em}
@media (max-width:600px){
  .art{padding-top:120px}
  .nav-art{font-size:14px}
}