:root{color-scheme:dark;--bg:#0d0914;--bg2:#181122;--tx:#f7f4ff;--mut:#b8aec8;--bd:#392c49;--pri:#8b5cf6;--pri-strong:#6d28d9;--pri-soft:#c4b5fd;--topo:#08050d;--topo-tx:#fff;--r:10px;--max:1440px}
:root[data-tema=light]{color-scheme:light;--bg:#fbfaff;--bg2:#f4f0fa;--tx:#21182e;--mut:#665b74;--bd:#e2daec;--pri:#6d28d9;--pri-strong:#5b21b6;--pri-soft:#7c3aed;--topo:#190d28;--topo-tx:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .2s ease,color .2s ease}
a{color:inherit;text-decoration:none}a:hover{color:var(--pri)}img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.pular{position:absolute;left:-999px}.pular:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
ul{list-style:none;margin:0;padding:0}
/* topo */
.topo{background:linear-gradient(135deg,var(--topo),color-mix(in srgb,var(--pri-strong) 24%,var(--topo)));color:var(--topo-tx);position:sticky;top:0;z-index:50}
.topo__barra{font-size:12px;border-bottom:1px solid #ffffff1f;color:#cbd5e1}
.topo__barra-in{display:flex;justify-content:space-between;padding:6px 16px}.topo__barra nav a{margin-left:14px}
.topo__main{display:flex;align-items:center;gap:20px;min-height:60px}
.logo{display:inline-flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-.5px;font-weight:300;white-space:nowrap}.logo strong{font-weight:800;color:var(--pri-soft)}.logo__marca{display:block;width:38px;height:38px;object-fit:contain}
.nav{flex:1}.nav>ul{display:flex;gap:4px;flex-wrap:wrap}.nav>ul>li>a{display:block;padding:18px 10px;font-weight:600;font-size:14px}
.nav a:hover{color:var(--pri-soft)}
.btn-icone{display:grid;place-items:center;min-width:40px;min-height:40px;background:none;border:1px solid transparent;color:inherit;font-size:20px;cursor:pointer;padding:8px;border-radius:10px}.btn-icone:hover{background:#ffffff1a;border-color:#ffffff26}.btn-icone:focus-visible{outline:3px solid var(--pri-soft);outline-offset:2px}.btn-tema{font-size:23px;line-height:1}.btn-tema span{display:block;transform:translateY(-1px)}
.menu-toggle{display:none}.topo__acoes{display:flex}
/* mega menu */
.tem-mega{position:static}.mega{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);color:var(--tx);border-bottom:3px solid var(--pri);box-shadow:0 20px 40px #0003;padding:24px max(16px,calc((100% - var(--max))/2 + 16px));grid-template-columns:1fr 280px;gap:32px}
.tem-mega:hover .mega,.tem-mega:focus-within .mega{display:grid}
.tem-sub{position:relative}
.sub{display:none;position:absolute;left:0;top:100%;min-width:230px;background:var(--bg);color:var(--tx);border-bottom:3px solid var(--pri);box-shadow:0 20px 40px #0003;padding:8px 0;z-index:30}
.sub--dir{left:auto;right:0}
.sub li a{display:block;padding:9px 18px;font-size:14px;font-weight:600;color:var(--tx)}
.sub li a:hover{background:var(--bg2);color:var(--pri)}
.tem-sub:hover .sub,.tem-sub:focus-within .sub{display:block}
.mega__grupos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 28px}
.mega h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--pri);margin:0 0 8px}
.mega__grupo li a{display:block;padding:3px 0;font-size:14px}
.mega__destaques{border-left:1px solid var(--bd);padding-left:24px}
.mini{display:block;padding:8px 0;border-bottom:1px solid var(--bd);font-weight:600;font-size:14px;line-height:1.35}.mini small{display:block;color:var(--mut);font-weight:400}
.mini__cat{display:block;font-size:11px;color:var(--pri);text-transform:uppercase}
/* seções */
.secao{font-size:18px;margin:0 0 14px;padding-left:10px;border-left:4px solid var(--c,var(--pri))}
.bloco{margin:32px 0}.bloco__cab{display:flex;justify-content:space-between;align-items:baseline}.bloco__cab a{font-size:14px;color:var(--pri)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;margin-top:24px}
.grade{display:grid;gap:20px}.grade--2{grid-template-columns:repeat(2,1fr)}.grade--3{grid-template-columns:repeat(3,1fr)}
/* cards */
.card__img{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#000))}
.card__img--foto{aspect-ratio:16/9}.card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.card:hover .card__img img{transform:scale(1.025)}
.card__txt{padding-top:10px}.card h3{font-size:18px;line-height:1.3;margin:6px 0}.card small{color:var(--mut)}
.tag{display:inline-block;background:var(--pri);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.04em}.tag:hover{color:#fff;opacity:.85}
.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:24px}.hero__lado{display:grid;gap:20px;align-content:start}
.card--grande h3{font-size:30px}.card--grande .card__img{aspect-ratio:16/9}
.faixa{margin-top:32px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{display:block;background:var(--bg2);border:1px solid var(--bd);padding:6px 12px;border-radius:99px;font-size:14px}.chips a:hover{background:var(--pri);color:#fff}
.chips--col{flex-direction:column}.chip--todas{font-weight:700}
.sidebar .widget{margin-bottom:28px}.ranking{counter-reset:r}.ranking li{counter-increment:r;display:grid;grid-template-columns:32px 1fr;padding:10px 0;border-bottom:1px solid var(--bd);font-weight:600}
.ranking li:before{content:counter(r);color:var(--pri);font-weight:800;font-size:20px;grid-row:span 2}.ranking small{color:var(--mut);font-weight:400}
.widget--cta{background:var(--topo);color:#fff;padding:20px;border-radius:var(--r)}.widget--cta h2{margin-top:0;font-size:18px}
.btn{display:inline-block;background:var(--pri);color:#fff;padding:10px 18px;border-radius:8px;font-weight:700}.btn:hover{color:#fff;opacity:.9}
.lista-links li a{display:block;padding:5px 0;border-bottom:1px solid var(--bd)}
.cat__cab{padding:20px;border-radius:var(--r);background:var(--bg2);border-left:6px solid var(--c,var(--pri));margin:12px 0 24px}.cat__cab h1{margin:0}.vazio{color:var(--mut)}
.migalhas{font-size:13px;color:var(--mut);margin:12px 0}
/* post */
.post__cab h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:12px 0}.post__lead{font-size:19px;color:var(--mut)}.post__meta{font-size:14px;color:var(--mut)}
.post__img{aspect-ratio:16/8;border-radius:var(--r);margin:20px 0;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#000))}
.post__corpo{font-size:18px;line-height:1.75}.post__corpo h2{margin-top:2em}.post__corpo a{color:var(--pri);text-decoration:underline}
.autor{display:flex;gap:14px;padding:18px;background:var(--bg2);border-radius:var(--r);margin:32px 0}.autor p{margin:4px 0 0;color:var(--mut);font-size:14px}
.autor__avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pri);color:#fff;font-weight:800;flex:none}
.texto{max-width:760px;padding-top:24px;padding-bottom:40px}
/* rodapé */
.rodape{background:var(--topo);color:#cbd5e1;margin-top:60px}.rodape__cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-top:40px;padding-bottom:32px}
.rodape h3{color:#fff;font-size:15px;margin:0 0 10px}.rodape .mini{border-color:#ffffff1f;color:#fff}.logo--rodape{color:#fff}
.rodape__base{border-top:1px solid #ffffff1f;font-size:13px}.rodape__base-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}.rodape__base nav a{margin-left:14px}
/* responsivo */
@media(max-width:960px){
 .layout,.hero{grid-template-columns:1fr}.grade--3{grid-template-columns:repeat(2,1fr)}.rodape__cols{grid-template-columns:1fr 1fr}
 .menu-toggle{display:block}.topo__main{flex-wrap:wrap}.nav{display:none;order:5;flex-basis:100%}.nav.aberto{display:block}
 .nav>ul{flex-direction:column}.nav>ul>li>a{padding:10px 0}.mega{position:static;box-shadow:none;display:none;padding:8px 0;grid-template-columns:1fr}.tem-mega:hover .mega{display:none}.tem-mega.aberto .mega{display:block}
 .sub,.sub--dir{position:static;box-shadow:none;border:0;padding:0 0 6px 14px;min-width:0;background:transparent}.tem-sub:hover .sub,.tem-sub:focus-within .sub{display:none}.tem-sub.aberto .sub{display:block}.sub li a{padding:8px 0;color:inherit}.sub li a:hover{background:transparent}
 .mega__grupos{grid-template-columns:1fr 1fr}.mega__destaques{display:none}.topo__acoes{margin-left:auto}.topo__barra nav{display:none}
}
@media(max-width:600px){.grade--2,.grade--3,.rodape__cols{grid-template-columns:1fr}.card--grande h3{font-size:24px}}
/* autores */
.byline:hover{color:var(--pri)}.autor__papel{background:var(--bg);border:1px solid var(--bd);border-radius:4px;padding:0 6px;color:var(--mut);font-size:11px;text-transform:uppercase}
.autor__cargo{color:var(--pri)!important;font-size:13px!important;font-weight:600}.autor--perfil h1{margin:0}.autor__avatar--g{width:80px;height:80px;font-size:26px}
.post__rodape .autor{margin:12px 0}
/* glossário */
.az{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.az a{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--bd);border-radius:8px;font-weight:700;background:var(--bg2)}.az a:hover{background:var(--pri);color:#fff}
.glos li{display:grid;grid-template-columns:240px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--bd)}.glos span{color:var(--mut)}
.chamada-artigo{background:var(--bg2);border-left:4px solid var(--pri);padding:12px 16px;border-radius:var(--r)}
@media(max-width:600px){.glos li{grid-template-columns:1fr;gap:2px}}

/* Tabela de contatos dos posts */
.post__corpo table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.2em 0;font-size:16px;line-height:1.45}
.post__corpo th,.post__corpo td{border:1px solid var(--borda,#d6dbe3);padding:10px 12px;text-align:left;vertical-align:top}
.post__corpo th{background:var(--fundo-suave,#f1f5f9);font-weight:700}
.post__corpo td:nth-child(3){color:var(--mut);font-size:14px}
.post__corpo td a[href^="tel:"]{font-weight:700;white-space:nowrap;text-decoration:none}
:root[data-tema=dark] .post__corpo th{background:var(--bg2)}:root[data-tema=dark] .post__corpo th,:root[data-tema=dark] .post__corpo td{border-color:var(--bd)}

/* ---- artigo: tabelas, TOC, WhatsApp e caixa de direitos ---- */
html{scroll-behavior:smooth}
.post__corpo h2,.post__corpo h3{scroll-margin-top:120px}
.tabela-wrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 1px 2px #0000000d}
.post__corpo table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:560px}
.post__corpo th{background:var(--topo);color:#fff;text-align:left;font-weight:700;padding:12px 14px;white-space:nowrap}
.post__corpo td{padding:11px 14px;border-top:1px solid var(--bd);vertical-align:top}
.post__corpo tbody tr:nth-child(even){background:var(--bg2)}
.post__corpo tbody tr:hover{background:color-mix(in srgb,var(--pri) 9%,var(--bg))}
.post__corpo td:first-child{font-weight:600}
.post__corpo td a{text-decoration:none}
.post__corpo td a:not(.btn-whatsapp){text-decoration:underline}
.post__corpo blockquote{margin:1.2em 0;padding:14px 18px;border-left:4px solid #f59e0b;background:color-mix(in srgb,#f59e0b 12%,var(--bg));border-radius:0 var(--r) var(--r) 0;font-size:16px}
.post__corpo blockquote p{margin:0}
.btn-whatsapp{display:inline-block;background:#128c4a;color:#fff!important;font-weight:700;font-size:13px;line-height:1.2;padding:7px 12px;border-radius:8px;margin-left:6px;white-space:nowrap;text-decoration:none!important}
.btn-whatsapp:hover{background:#0e7a40;color:#fff}
.btn-whatsapp--grande{display:block;max-width:440px;margin:16px 0;text-align:center;font-size:18px;padding:16px 20px;border-radius:10px}
.caixa-cdc{position:relative;margin:2.2em 0;padding:26px 24px 20px;border:2px solid var(--pri);border-radius:12px;background:color-mix(in srgb,var(--pri) 7%,var(--bg))}
.caixa-cdc::before{content:"SEUS DIREITOS";position:absolute;top:-12px;left:20px;background:var(--pri);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:3px 12px;border-radius:99px}
.caixa-cdc h2{margin-top:0}
.caixa-cdc ul{padding-left:20px}
@media(max-width:600px){.toc ol{columns:1}.post__corpo table{font-size:14px}}

/* ===== Artigo: tabelas, TOC, botão WhatsApp, caixa CDC ===== */
html{scroll-behavior:smooth}
.post__corpo h2,.post__corpo h3{scroll-margin-top:110px}
.tabela-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--bd);border-radius:12px;box-shadow:0 1px 3px #0000000f}
.post__corpo table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:520px}
.post__corpo thead th{background:var(--pri-strong);color:#fff;text-align:left;font-weight:700;padding:12px 14px;font-size:13px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.post__corpo tbody td{padding:11px 14px;border-top:1px solid var(--bd);vertical-align:top}
.post__corpo tbody tr:nth-child(even){background:color-mix(in srgb,var(--pri) 5%,var(--bg))}
.post__corpo tbody tr:hover{background:color-mix(in srgb,var(--pri) 12%,var(--bg))}
.post__corpo tbody td:first-child{font-weight:600}
.post__corpo td a{color:var(--pri);font-weight:600;text-decoration:none;white-space:nowrap}
.post__corpo td a:hover{text-decoration:underline}
:root[data-tema=dark] .post__corpo thead th{background:var(--pri-strong)}
.post__corpo blockquote{margin:20px 0;padding:14px 18px;border-left:4px solid #f59e0b;background:color-mix(in srgb,#f59e0b 12%,var(--bg));border-radius:0 10px 10px 0;font-size:16px}
.post__corpo blockquote p{margin:0}
/* sumário */
/* botão WhatsApp */
.btn-whatsapp{display:inline-block;background:#25d366;color:#fff!important;font-weight:800!important;font-size:13px;text-decoration:none!important;padding:7px 12px;border-radius:8px;white-space:normal!important;line-height:1.2;margin-left:6px;box-shadow:0 2px 0 #1ba84f;transition:transform .1s}
.btn-whatsapp:hover{background:#1ebe5a;transform:translateY(-1px);text-decoration:none!important}
.btn-whatsapp--grande{display:block;width:100%;max-width:440px;text-align:center;font-size:18px;padding:16px 20px;border-radius:12px;margin:18px 0;box-shadow:0 3px 0 #1ba84f}
td .btn-whatsapp{display:block;margin:6px 0 0;width:max-content}
/* caixa Código de Defesa do Consumidor */
.caixa-cdc{position:relative;margin:36px 0;padding:30px 26px 22px;border:2px solid var(--pri);border-radius:14px;background:color-mix(in srgb,var(--pri) 7%,var(--bg))}
.caixa-cdc::before{content:"SEUS DIREITOS";position:absolute;top:-13px;left:22px;background:var(--pri);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:6px}
.caixa-cdc h2{margin-top:0;font-size:22px}
.caixa-cdc ul{padding-left:20px}.caixa-cdc li{margin:10px 0}
.caixa-cdc.caixa-passos{border-color:#16a34a;background:color-mix(in srgb,#16a34a 8%,var(--bg))}
.caixa-passos::before{content:"SE NÃO RESOLVER";background:#16a34a}
.caixa-passos li::marker{color:#16a34a;font-weight:800}
.caixa-passos a{color:#15803d}
/* caixa de alerta de golpe (vermelha) */
.caixa-golpe{position:relative;margin:36px 0;padding:30px 26px 22px;border:2px solid #dc2626;border-radius:14px;background:color-mix(in srgb,#dc2626 7%,var(--bg))}
.caixa-golpe::before{content:"CUIDADO COM GOLPES";position:absolute;top:-13px;left:22px;background:#dc2626;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:6px}
.caixa-golpe h2{margin-top:0;font-size:22px}
.caixa-golpe ul{padding-left:20px}.caixa-golpe li{margin:10px 0}
@media(max-width:600px){.caixa-cdc,.caixa-golpe{padding:26px 16px 16px}.post__corpo table{font-size:14px}}

/* sumário (TOC): uma coluna, H1 > H2 > H3, recolhível */
.toc{margin:22px 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg2)}
.toc summary{cursor:pointer;list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc__titulo{padding:14px 18px;font-weight:800;font-size:17px;display:flex;justify-content:space-between;align-items:center}
.toc__titulo::after{content:"\25BE";transition:transform .2s}
.toc>details:not([open])>.toc__titulo::after{transform:rotate(-90deg)}
.toc ol{list-style:none;margin:0;padding:0}
.toc__lista{padding:0 18px 16px!important;columns:1!important;counter-reset:h2;font-size:15px;line-height:1.5}
.toc__lista li{padding:5px 0;break-inside:avoid}
.toc a{color:var(--tx);text-decoration:none}
.toc a:hover{color:var(--pri);text-decoration:underline}
.toc__h1{font-weight:800;padding-bottom:8px!important;margin-bottom:4px;border-bottom:1px solid var(--bd)}
.toc__h1 a{color:var(--pri)}
.toc__h2{counter-increment:h2;counter-reset:h3;padding-left:26px!important;position:relative}
.toc__h2::before{content:counter(h2) ".";position:absolute;left:0;color:var(--pri);font-weight:800;min-width:20px}
.toc__h2 summary{display:flex;align-items:flex-start;gap:6px}
.toc__tem-filhos summary::after{content:"\25B8";margin-left:auto;color:var(--mut);transition:transform .2s}
.toc__tem-filhos details[open]>summary::after{transform:rotate(90deg)}
.toc__h3{margin:6px 0 4px!important;padding-left:14px!important;border-left:2px solid var(--bd)}
.toc__h3 li{counter-increment:h3;font-size:14px;padding:4px 0 4px 30px!important;position:relative}
.toc__h3 li::before{content:counter(h2) "." counter(h3);position:absolute;left:0;color:var(--mut);font-weight:700;font-size:12px;top:6px}

/* ===== Revisão final: tabelas arredondadas, sumário azul, painel de ações ===== */
.post__img{display:block}
.post__capa{margin:24px 0;overflow:hidden;border:1px solid var(--bd);border-radius:16px;background:var(--bg2);box-shadow:0 8px 28px #00000026}
.post__capa img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.post__capa--topo{position:relative;margin:0 0 -48px;border:0;border-radius:0 0 22px 22px;box-shadow:none;isolation:isolate}
.post__capa--topo::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--bg) 35%,transparent) 48%,var(--bg) 100%)}
.post__capa--topo img{min-height:320px;object-position:center}
.post__capa--topo+.migalhas{position:relative;z-index:2;margin-top:0;padding-top:12px}
@media(max-width:700px){.post__capa--topo{margin-left:-16px;margin-right:-16px;margin-bottom:-26px;border-radius:0}.post__capa--topo img{min-height:250px;object-position:58% center}.post__capa--topo::after{height:48%}}
.tabela-dica{display:none;font-size:13px;font-weight:600;color:var(--mut);margin:16px 0 -10px;text-align:right}
.tabela-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--bd);border-radius:16px;box-shadow:0 2px 10px #0f172a14;background:var(--bg);-webkit-overflow-scrolling:touch}
.post__corpo table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;margin:0}
.post__corpo thead th{background:linear-gradient(180deg,var(--pri),var(--pri-strong));color:#fff;text-align:left;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:13px 16px;border:0;white-space:nowrap}
.post__corpo tbody td{padding:12px 16px;border:0;border-top:1px solid var(--bd);vertical-align:middle}
.post__corpo tbody tr:first-child td{border-top:0}
.post__corpo tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--pri) 5%,var(--bg))}
.post__corpo tbody tr:hover td{background:color-mix(in srgb,var(--pri) 12%,var(--bg))}
.post__corpo tbody td:first-child{font-weight:600}
.post__corpo td a{color:var(--pri);font-weight:700}
.post__corpo td a[href^="tel:"]{white-space:nowrap}
:root[data-tema=dark] .post__corpo td a{color:var(--pri-soft)}
:root[data-tema=dark] .post__corpo td,:root[data-tema=dark] .post__corpo li{color:var(--tx)}
@media(max-width:700px){.tabela-dica{display:block}.post__corpo table{font-size:14.5px}}

/* sumário: tudo visível, fundo azul, texto branco */
.toc{margin:24px 0;padding:22px 24px 20px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--pri-strong),var(--pri));color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--pri) 30%,transparent)}
.toc__titulo{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #ffffff40;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;display:block}
.toc__titulo::after{content:none}
.toc__lista{list-style:none;margin:0!important;padding:0!important;columns:1!important;font-size:15.5px;line-height:1.45}
.toc__lista li{padding:5px 0;margin:0;break-inside:avoid;display:flex;gap:10px;align-items:baseline}
.toc a,.toc a:visited{color:#fff;text-decoration:none}
.toc a:hover{color:#fff;text-decoration:underline}
.toc__num{flex:0 0 auto;min-width:30px;font-weight:800;color:#ede9fe;font-variant-numeric:tabular-nums}
.toc__h1{font-weight:800;font-size:16px;padding-bottom:10px!important;margin-bottom:4px!important;border-bottom:1px solid #ffffff26}
.toc__h1 a{color:#fff}
.toc__h2{font-weight:700}
.toc__h2::before{content:none}
.toc__h3{padding-left:40px!important;font-size:14.5px!important;font-weight:400}
.toc__h3 .toc__num{font-size:12.5px;font-weight:700}

/* painel de ações (contatos acionáveis) */
.acoes-contato{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.acao{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:var(--pri);color:#fff!important;text-decoration:none!important;box-shadow:0 2px 0 #0000002e;transition:transform .1s}
.acao:hover{transform:translateY(-1px);color:#fff}
.acao strong{font-size:16px;line-height:1.25}
.acao small{font-size:12.5px;opacity:.9}
.acao--whatsapp{background:#16a34a}
.acao--site{background:#4c1d6f}
@media(max-width:800px){.acoes-contato{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.acoes-contato{grid-template-columns:1fr}}
.post__resposta{font-size:18px;line-height:1.6}
.widget--acoes .acao{margin-bottom:8px}

/* ===== Mega menu do rodapé e categorias da lateral ===== */
.rodape__mega{background:#12091f;border-bottom:1px solid #ffffff1f;padding:36px 0 30px}
.rodape__mega-topo{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--pri)}
.rodape__mega-topo h2{color:#fff;font-size:22px;margin:0}
.rodape__mega-todas{color:#c4b5fd;font-weight:700;font-size:14px}.rodape__mega-todas:hover{color:#fff}
.rodape__mega-grade{columns:4;column-gap:32px}
.rodape__mega-grupo{break-inside:avoid;margin:0 0 24px}
.rodape__mega-grupo h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #ffffff1f}
.rodape__mega-grupo li a{display:block;padding:3px 0;font-size:14px;color:#cbd5e1}
.rodape__mega-grupo li a:hover{color:#fff;text-decoration:underline}
.cats-lateral__grupo{margin-bottom:14px}
.cats-lateral__grupo h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--pri);margin:0 0 4px}
.cats-lateral__grupo ul{display:flex;flex-wrap:wrap;gap:4px 6px}
.cats-lateral__grupo li a{display:block;padding:4px 10px;font-size:13px;font-weight:600;background:var(--bg2);border:1px solid var(--bd);border-radius:99px}
.cats-lateral__grupo li a:hover{border-color:var(--pri);color:var(--pri)}
@media(max-width:960px){.rodape__mega-grade{columns:3}}
@media(max-width:700px){.rodape__mega-grade{columns:2}}
@media(max-width:420px){.rodape__mega-grade{columns:1}}

/* cores fixas das 3 caixas do artigo: seus direitos = azul, se não resolver = verde, golpes = vermelho */
.caixa-cdc:not(.caixa-passos){border-color:var(--pri);background:color-mix(in srgb,var(--pri) 8%,var(--bg))}
.caixa-cdc:not(.caixa-passos)::before{background:var(--pri)}
.caixa-cdc:not(.caixa-passos) li::marker{color:var(--pri);font-weight:800}
.caixa-golpe li::marker{color:#dc2626;font-weight:800}

/* barra de rolagem roxa: fundo roxo, controle roxo mais escuro */
html{scrollbar-width:auto;scrollbar-color:#4c1d95 #8b5cf6}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:#8b5cf6}
::-webkit-scrollbar-thumb{background:#4c1d95;border-radius:8px;border:2px solid #8b5cf6}
::-webkit-scrollbar-thumb:hover{background:#3b0f7a}
::-webkit-scrollbar-corner{background:#8b5cf6}

/* ===== Menu superior roxo, estilo institucional (fundo roxo das tabelas, textos e logo brancos) ===== */
.topo{background:linear-gradient(180deg,var(--pri),var(--pri-strong));color:#fff;box-shadow:0 2px 14px #1a0b3a55}
.topo__barra{border-bottom-color:#ffffff33;color:#ffffffd9}
.topo__barra a:hover{color:#fff;text-decoration:underline}
.logo,.logo strong{color:#fff}
.logo__marca{filter:brightness(0) invert(1)}
.nav>ul{gap:2px}
.nav>ul>li>a{padding:21px 12px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;transition:background-color .15s ease}
.nav>ul>li>a:hover,.nav>ul>li:focus-within>a,.tem-mega:hover>a,.tem-sub:hover>a{color:#fff;background:#ffffff26}
.btn-icone:hover{background:#ffffff26;border-color:#ffffff40}
/* painéis suspensos: roxo escuro, filete claro no topo, textos brancos */
.mega,.sub{background:color-mix(in srgb,var(--pri-strong) 62%,#0b0418);color:#fff;border-top:2px solid var(--pri-soft);border-bottom:0;box-shadow:0 24px 44px #0006}
.mega h3{color:var(--pri-soft)}
.mega__destaques{border-left-color:#ffffff2e}
.mega .mini{border-bottom-color:#ffffff22;color:#fff}.mega .mini small{color:#ffffffb3}.mega .mini__cat{color:var(--pri-soft)}
.mega a,.mega__grupo li a{color:#fff}
.mega a:hover,.mega__grupo li a:hover{color:var(--pri-soft)}
.sub li a{color:#fff;font-size:13px;letter-spacing:.04em}
.sub li a:hover{background:#ffffff1f;color:#fff}
@media(max-width:960px){
 .nav>ul>li>a{padding:12px 4px;border-bottom:1px solid #ffffff22}
 .mega,.sub{border-top:0;box-shadow:none;background:#00000026}
}

/* datas e notas de atualização */
.post__datas{font-size:14px;color:var(--mut);margin:4px 0 0}
.post__datas time{color:var(--tx);font-weight:600}
.notas-conteudo{margin:32px 0 12px;padding:18px 20px;border:1px solid var(--bd);border-left:4px solid var(--pri);border-radius:14px;background:var(--bg2)}
.notas-conteudo__titulo{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;color:var(--mut)}
.notas-conteudo__lista{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.55}
.notas-conteudo__lista li{padding:8px 0;border-top:1px solid var(--bd)}
.notas-conteudo__lista li:first-child{border-top:0;padding-top:0}

/* ===== Home (estrutura SmartMag): blocos por assunto ===== */
.m-grade{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.m-grade__lado{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.m-grade__lado .card h3{font-size:15px}
.m-fl{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
.m-lista{list-style:none;margin:0;padding:0}
.m-lista li{padding:11px 0;border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:2px}
.m-lista li:first-child{padding-top:0}
.m-lista a{font-weight:700;line-height:1.35}
.m-lista small{color:var(--mut)}
.m-lista--img li{flex-direction:row;gap:14px;align-items:center}
.m-lista--img li>div{display:flex;flex-direction:column;gap:2px}
.m-lista__img{flex:0 0 120px;aspect-ratio:16/10;border-radius:var(--r);background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#000))}
.m-f4{display:grid;gap:20px}
.m-f4__apoio{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.m-f4__apoio .card h3{font-size:14.5px}
.m-f4__apoio .tag{display:none}
@media(max-width:900px){.m-grade,.m-fl{grid-template-columns:1fr}.m-f4__apoio{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.m-grade__lado{grid-template-columns:1fr}.m-lista__img{flex-basis:96px}}

/* ===== Home: primeira dobra estilo SmartMag (mosaico + faixa) ===== */
.mosaico{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:min(56vw,440px);margin-top:24px;border-radius:var(--r);overflow:hidden}
.ov{position:relative;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 35%,#000));overflow:hidden}
.ov::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 80% 15%,#ffffff26,transparent 55%),linear-gradient(to top,#000000c7,#00000012 70%)}
.ov__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ov__link{position:absolute;inset:0;z-index:3}
.ov__txt{position:relative;z-index:2;padding:20px 22px;pointer-events:none}
.ov__txt .tag{pointer-events:auto;position:relative;z-index:3;margin-bottom:8px}
.ov h3{margin:0;color:#fff;line-height:1.2;text-shadow:0 1px 6px #0006}
.ov--grande{grid-row:1/3;grid-column:1}.ov--grande h3{font-size:clamp(24px,2.8vw,36px)}
.ov--medio{grid-column:2/4;grid-row:1}.ov--medio h3{font-size:clamp(18px,1.9vw,24px)}
.ov--pequeno h3{font-size:clamp(15px,1.4vw,19px)}
.ov:hover::before{background:radial-gradient(circle at 80% 15%,#ffffff33,transparent 55%),linear-gradient(to top,#000000d9,#00000020 72%)}
.ov:hover .ov__img{transform:scale(1.025)}
.fx{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 8px;border:1px solid var(--bd);border-radius:var(--r);background:var(--bg2)}
.fx__item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-left:1px solid var(--bd)}
.fx__item:first-child{border-left:0}
.fx__cat{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx)}
.fx h3{font-size:15px;line-height:1.3;margin:6px 0 0}
.fx__img{flex:0 0 88px;height:56px;border-radius:10px;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:800;font-size:22px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#000))}
.fx__img img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.fx__img:hover img{transform:scale(1.05)}
@media(max-width:900px){.mosaico{grid-template-columns:repeat(3,1fr);grid-template-rows:260px 150px;height:auto}.ov--grande{grid-column:1/4;grid-row:1}.ov--medio{grid-column:auto;grid-row:2}.ov--pequeno{grid-row:2}.fx{grid-template-columns:1fr 1fr}.fx__item:nth-child(3){border-left:0}.fx__item:nth-child(n+3){border-top:1px solid var(--bd)}}
@media(max-width:560px){.mosaico{grid-template-columns:1fr;grid-template-rows:240px repeat(3,130px)}.ov--grande,.ov--medio{grid-column:1}.ov--medio{grid-row:2}.ov--pequeno{grid-row:auto}.fx{grid-template-columns:1fr}.fx__item{border-left:0;border-top:1px solid var(--bd)}.fx__item:first-child{border-top:0}}

/* capa do post: faixa de largura total sob o menu, que esmaece para transparente */
main#conteudo{position:relative}
.post__capa-fundo{position:absolute;top:0;left:0;right:0;height:480px;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--c) 0%,color-mix(in srgb,var(--c) 55%,transparent) 35%,color-mix(in srgb,var(--c) 18%,transparent) 70%,transparent 100%);opacity:.5}
:root[data-tema=light] .post__capa-fundo{opacity:.28}
.post__capa-fundo ~ .layout{position:relative;z-index:1}
@media(max-width:700px){.post__capa-fundo{height:320px}}

/* ===== Hero do post (estilo blog Mundpay) ===== */
.post-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:28px 0 56px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#000),color-mix(in srgb,var(--c) 30%,#000) 70%,#0a0a10)}
.post-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 20%,#ffffff22,transparent 45%),radial-gradient(circle at 10% 90%,#00000066,transparent 50%)}
.post-hero::after{content:"";position:absolute;inset:auto 0 0;height:38%;z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg))}
.post-hero__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.55}
.post-hero__in{padding-top:6px}
.post-hero .migalhas{color:#ffffffcc;font-size:13px;margin:0 0 56px}
.post-hero .migalhas a{color:#ffffffcc}.post-hero .migalhas a:hover{color:#fff}
.tag--hero{background:var(--pri);color:#fff;font-size:12px;letter-spacing:.06em;padding:6px 12px;border-radius:4px;margin-bottom:14px}
.post-hero h1{color:#fff;font-size:clamp(30px,4.6vw,56px);line-height:1.08;letter-spacing:-.02em;max-width:900px;margin:0 0 20px;text-shadow:0 2px 14px #0007}
.post-hero__meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:14px;color:#ffffffd9;margin:0}
.post-hero__meta .byline{color:#fff;border-bottom:1px solid #ffffff80}
.post-hero__meta .sep{opacity:.6}
@media(max-width:700px){.post-hero{padding-bottom:40px}.post-hero .migalhas{margin-bottom:32px}}
/* resumir com IA + compartilhar */
.post-acoes{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin:6px 0 22px}
.post-acoes__grupo{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.post-acoes__rotulo{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pri-soft);margin-right:4px}
.ia-btn{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--bd);border-radius:8px;background:var(--bg2);color:var(--tx);font:700 12px/1 inherit;cursor:pointer;text-decoration:none}
.ia-btn:hover{border-color:var(--pri);color:var(--pri-soft)}
.ia-btn--wa:hover{border-color:#25d366;color:#25d366}
.ia-btn.copiado{border-color:#16a34a;color:#16a34a}
/* sidebar: todas as publicações (retrátil) */
.widget--pubs{border:1px solid var(--bd);border-radius:14px;padding:16px 18px;background:var(--bg2)}
.pubs__titulo{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--pri);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pubs__titulo b{background:color-mix(in srgb,var(--pri) 22%,transparent);color:var(--pri-soft);padding:2px 8px;border-radius:6px;font-size:12px}
.pubs__item{border-bottom:1px solid var(--bd)}
.pubs__item:last-child{border-bottom:0}
.pubs__item summary{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none;font-weight:700;font-size:15px}
.pubs__item summary::-webkit-details-marker{display:none}
.pubs__nome{flex:1}
.pubs__n{font-size:12px;color:var(--mut);font-weight:600}
.pubs__mais::before{content:"+";color:var(--pri-soft);font-size:18px;font-weight:700;display:inline-block;width:14px;text-align:center}
.pubs__item[open] .pubs__mais::before{content:"\2212"}
.pubs__lista{list-style:none;margin:0;padding:0 0 12px}
.pubs__lista li{padding:6px 0;font-size:14px;line-height:1.4}
.pubs__lista a{color:var(--mut)}.pubs__lista a:hover{color:var(--tx)}
.pubs__todas a{color:var(--pri-soft)!important;font-weight:700}

/* ajustes do hero: mais alto, texto mais baixo e legível nos dois temas */
.post-hero{display:flex;min-height:540px;padding:0}
.post-hero__in{display:flex;flex-direction:column;justify-content:flex-end;padding-top:28px;padding-bottom:84px}
.post-hero .migalhas{margin:0 0 auto;padding-bottom:40px}
.post-hero__img{opacity:1;object-position:right center}
.post-hero::before{background:linear-gradient(90deg,#14082ae6 0%,#14082a99 42%,#14082a1a 78%),linear-gradient(to bottom,#00000055,#00000000 35%),radial-gradient(circle at 85% 20%,#ffffff1f,transparent 45%)}
.post-hero::after{height:30%}
.post-hero h1,.post-hero__meta,.post-hero .migalhas,.post-hero .migalhas a{color:#fff}
.post-hero__meta{text-shadow:0 1px 8px #000a}
@media(max-width:700px){.post-hero{min-height:440px}.post-hero__in{padding-bottom:64px}.post-hero__img{object-position:70% center}.post-hero::before{background:linear-gradient(90deg,#14082acc 0%,#14082a66 70%,#14082a33 100%),linear-gradient(to bottom,#00000055,#00000000 35%)}}
.post__figura{margin:28px 0}.post__figura img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--bd)}.post__figura--composicao{margin-top:32px}.post__figura--empresa{margin-top:42px}
/* contatos principais ficam fixos enquanto o artigo rola */
.widget--acoes{position:sticky;top:132px;z-index:5;background:var(--bg);padding:14px;border:1px solid var(--bd);border-radius:14px;box-shadow:0 6px 20px #00000026}
@media(max-width:960px){.widget--acoes{position:static}}

/* sumário recolhido por padrão */
.toc{padding:0}
.toc__titulo{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 24px;border-bottom:0;cursor:pointer;list-style:none;user-select:none}
.toc__titulo::-webkit-details-marker{display:none}
.toc[open] .toc__titulo{border-bottom:1px solid #ffffff40}
.toc__chev::before{content:"+";font-size:22px;font-weight:700;line-height:1;display:inline-block;width:20px;text-align:center}
.toc[open] .toc__chev::before{content:"−"}
.toc__lista{padding:14px 24px 18px!important}
/* hero: o conteúdo começa na mesma linha à esquerda do corpo do post */
.post-hero__in{width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;box-sizing:border-box}

/* ===== Topo do post e botões (referência: blog Mundpay), com a identidade do site ===== */
.post-hero__in > *{align-self:flex-start}
.post-hero .migalhas{align-self:stretch}
.tag--hero{display:inline-block;width:auto;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:4px}
.post-hero__meta{font-size:14px;gap:8px 14px}
.post-hero__meta>span:not(.sep){display:inline-flex;align-items:center;gap:7px}
.post-hero__meta .mi{color:var(--pri-soft);flex:0 0 auto}
.post-hero__meta .sep{display:none}
.post-acoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:4px 0 24px;padding-bottom:18px;border-bottom:1px solid var(--bd)}
.actions-ai,.actions-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.actions-share{margin-left:auto}
.actions-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mut)}
.actions-label svg{width:14px;height:14px;color:var(--pri-soft)}
.actions-items{display:flex;align-items:center;gap:6px}
.action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg2);border:1px solid var(--bd);color:var(--mut);cursor:pointer;position:relative;padding:0;transition:background .15s,border-color .15s,color .15s}
.action-btn:hover{border-color:var(--pri);color:var(--pri-soft);background:color-mix(in srgb,var(--pri) 14%,var(--bg2))}
.action-btn.sh-wa:hover{background:#25D366;border-color:#25D366;color:#fff}
.action-btn.sh-fb:hover{background:#1877F2;border-color:#1877F2;color:#fff}
.action-btn.sh-tg:hover{background:#229ED9;border-color:#229ED9;color:#fff}
.action-btn.sh-in:hover{background:#0A66C2;border-color:#0A66C2;color:#fff}
.action-btn.sh-x:hover{background:#111;border-color:#111;color:#fff}
.action-btn[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#0b0b12;color:#fff;font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}
.action-btn[data-tip]:hover::after{opacity:1}
.action-btn.copiado{border-color:#16a34a;color:#16a34a}
@media(max-width:700px){.actions-share{margin-left:0}}
/* contatos principais: rolam junto com o texto (sem fixar) */
.widget--acoes{position:static;background:transparent;padding:0;border:0;border-radius:0;box-shadow:none}

/* texto de apresentação do silo (N1) */
.hub-intro{margin:0 0 28px;font-size:17px;line-height:1.7}
.hub-intro h2{font-size:22px;margin:28px 0 10px}
.hub-intro > p:first-child{font-size:19px;font-weight:600}
html{overflow-x:clip}
.catgrid{width:100%;margin:0 0 24px;padding:16px 0;background:var(--bg2);border-block:1px solid var(--bd)}
.catgrid__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;padding:0 16px}
.catgrid__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1;padding:10px 6px;background:var(--bg);border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:12px;line-height:1.25;font-weight:600;color:inherit;transition:background .15s,color .15s,transform .15s}
.catgrid__item svg{flex:none;color:var(--pri)}
.catgrid__item:hover,.catgrid__item:focus-visible{background:var(--pri);color:#fff;transform:translateY(-2px)}
.catgrid__item:hover svg,.catgrid__item:focus-visible svg{color:#fff}
.subcats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0}
.subcats a{display:block;padding:10px 18px;background:var(--bg2);border:1px solid var(--bd);border-radius:10px;font-weight:600;font-size:14px;color:inherit}
.subcats a:hover,.subcats a:focus-visible{background:var(--pri);color:#fff}
.cat__ico{display:flex;justify-content:center;margin-bottom:8px;color:var(--pri)}

/* ===== Glossário (índice, página do termo e links nos artigos) ===== */
[hidden]{display:none!important}
.post__corpo a[href^="/glossario/"]{color:inherit;text-decoration:none;border-bottom:1.5px dotted var(--pri);padding-bottom:1px;transition:background-color .15s ease,color .15s ease}
.post__corpo a[href^="/glossario/"]:hover,.post__corpo a[href^="/glossario/"]:focus-visible{color:var(--pri);background:color-mix(in srgb,var(--pri) 12%,transparent);border-bottom-style:solid;border-radius:3px}

.gl-hero{position:relative;overflow:hidden;margin:12px 0 22px;padding:34px 30px 30px;border-radius:16px;background:linear-gradient(135deg,var(--topo),color-mix(in srgb,var(--pri-strong) 38%,var(--topo)));color:#fff}
.gl-hero::after{content:"Aa";position:absolute;right:22px;top:-18px;font-size:170px;font-weight:800;letter-spacing:-8px;color:#ffffff12;pointer-events:none;line-height:1}
.gl-hero__tag{display:inline-block;background:#ffffff1f;border:1px solid #ffffff30;padding:3px 11px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.gl-hero h1{margin:12px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.5px}
.gl-hero p{margin:0 0 20px;max-width:720px;color:#e4dcf5;font-size:17px}
.gl-busca{position:relative;max-width:560px}
.gl-busca__lab{position:absolute;left:-999px}
.gl-busca input{width:100%;padding:15px 18px 15px 48px;border-radius:12px;border:2px solid transparent;background:#ffffff;color:#21182e;font:inherit;font-size:16px;box-shadow:0 8px 24px #0004;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2.4' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>");background-repeat:no-repeat;background-position:16px center}
.gl-busca input:focus{outline:none;border-color:var(--pri-soft)}

.gl-top{margin:0 0 18px}
.gl-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;position:sticky;top:58px;z-index:20;background:var(--bg);padding:10px 0;border-bottom:1px solid var(--bd)}
.gl-az a{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--bd);border-radius:9px;font-weight:700;background:var(--bg2);transition:all .15s ease}
.gl-az a:hover,.gl-az a:focus-visible{background:var(--pri);border-color:var(--pri);color:#fff;transform:translateY(-1px)}

.gl-letra{margin:26px 0 8px;scroll-margin-top:120px}
.gl-letra h2{margin:0 0 12px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--mut)}
.gl-letra h2 span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pri);color:#fff;font-size:22px;font-weight:800}
.gl-letra h2::after{content:"";flex:1;height:1px;background:var(--bd)}
.gl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gl-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--bg2);border:1px solid var(--bd);border-radius:14px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.gl-card:hover,.gl-card:focus-visible{transform:translateY(-3px);border-color:var(--pri);box-shadow:0 12px 28px #0003;color:inherit}
.gl-card__t{font-size:18px;line-height:1.25}
.gl-card__r{color:var(--mut);font-size:14.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.gl-card__f{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--pri-soft);text-transform:uppercase;letter-spacing:.04em}
.gl-card__f i{font-style:normal;transition:transform .15s ease}.gl-card:hover .gl-card__f i{transform:translateX(4px)}
.gl-vazio{padding:30px;text-align:center;color:var(--mut)}

.gl-termo__cab{padding:26px 26px 22px;border-radius:16px;background:linear-gradient(135deg,var(--bg2),color-mix(in srgb,var(--pri) 14%,var(--bg2)));border:1px solid var(--bd);margin:6px 0 22px}
.gl-termo__cab h1{margin:10px 0 4px;font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-.5px}
.gl-classe{margin:0 0 10px;color:var(--pri-soft);font-style:italic;font-weight:600}
.gl-termo__cab .post__lead{margin:0;font-size:18px}
.gl-bloco{margin:28px 0}
.gl-def__box{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;background:var(--bg2);border:1px solid var(--bd);border-left:5px solid var(--pri);border-radius:14px}
.gl-def__n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pri);color:#fff;font-weight:800;font-size:14px;margin-top:2px}
.gl-def__box p{margin:0;font-size:19px;line-height:1.6}
.gl-ex__lista{display:grid;gap:12px}
.gl-ex__item{position:relative;padding:18px 22px 18px 58px;background:color-mix(in srgb,var(--pri) 8%,var(--bg));border:1px dashed color-mix(in srgb,var(--pri) 55%,var(--bd));border-radius:14px}
.gl-ex__aspas{position:absolute;left:16px;top:-2px;font-size:60px;line-height:1;color:var(--pri);font-family:Georgia,serif}
.gl-ex__item p{margin:0;font-size:17.5px;font-style:italic;line-height:1.6}
.gl-ctx .post__corpo{font-size:17px}
.gl-posts__n{font-size:13px;color:var(--mut)}
@media(max-width:900px){.gl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gl-grid{grid-template-columns:1fr}.gl-hero{padding:26px 18px}.gl-hero::after{font-size:110px}.gl-az{top:52px}.gl-def__box{padding:16px}.gl-ex__item{padding-left:50px}}

/* Menu inferior, abaixo do rodapé */
.menu-inferior{background:#0b0614;border-top:1px solid #ffffff1f;font-size:13px}
.menu-inferior .wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;padding-top:12px;padding-bottom:12px}
.menu-inferior a{color:#c4b5fd}.menu-inferior a:hover{color:#fff;text-decoration:underline}

/* ---- Mapa do site ----
   Usa as variáveis de cor do topo do arquivo (--bg2, --bd, --pri, --tx, --mut),
   por isso funciona no tema claro e no escuro sem regras extras. */

/* Ícone Lucide inline (filtro icone): tamanho padrão acompanha a fonte do texto */
.ico{width:1.1em;height:1.1em;vertical-align:-.15em;flex:none;stroke-width:2}

.mapa{padding-bottom:40px}

/* Cabeçalho: bloco de ícone grande ao lado do título */
.mapa__cab{display:flex;gap:18px;align-items:center;padding:24px 0 8px}
.mapa__cab h1{margin:0 0 4px}
.mapa__cab p{margin:0;color:var(--mut);max-width:62ch}
.mapa__icone{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--pri),var(--pri-strong));color:#fff;display:grid;place-items:center;flex:none}
.mapa__icone .ico{width:30px;height:30px}

/* Contagens: três cartões com ícone e número */
.mapa__stats{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;padding:0}
.mapa__stats li{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:12px 16px;color:var(--mut)}
.mapa__stats .ico{width:20px;height:20px;color:var(--pri-soft)}
.mapa__stats strong{display:block;color:var(--tx);font-size:20px;line-height:1.1}

/* Atalhos: pílulas que levam às seções */
.mapa__atalhos{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.mapa__atalhos a,.mapa__parte{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:var(--bg2);border:1px solid var(--bd);font-size:14px;color:var(--tx)}
.mapa__atalhos a:hover,.mapa__parte:hover{background:var(--pri);border-color:var(--pri);color:#fff;text-decoration:none}
.mapa__atalhos .ico,.mapa__parte .ico{width:16px;height:16px}

/* Seções: título com ícone, descrição e grade de cartões */
.mapa__secao{margin:36px 0 0;scroll-margin-top:90px}
.mapa__secao>h2{display:flex;align-items:center;gap:10px;font-size:22px;margin:0 0 4px;padding-bottom:10px;border-bottom:1px solid var(--bd)}
.mapa__secao>h2>.ico{width:24px;height:24px;color:var(--pri-soft)}
.mapa__secao>h2 a{color:var(--tx)}
.mapa__desc{color:var(--mut);margin:0 0 16px}

/* Cartões em grade: se adaptam sozinhos à largura da tela */
.mapa__grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.mapa__grade--curta{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.mapa__card{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:16px;color:var(--tx);transition:transform .15s,border-color .15s,box-shadow .15s}
.mapa__card:hover{border-color:var(--pri);transform:translateY(-2px);box-shadow:0 8px 20px -12px var(--pri);text-decoration:none}
.mapa__card .ico{width:24px;height:24px;color:var(--pri-soft)}
.mapa__card strong{font-size:15px;line-height:1.3}
.mapa__card small{color:var(--mut);font-size:13px;line-height:1.4}
.mapa__card--vazio{opacity:.55}
.mapa__avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px}

/* Partes dos artigos */
.mapa__partes{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.mapa__parte--atual{background:var(--pri);border-color:var(--pri);color:#fff;font-weight:700}

/* Contagem de artigos ao lado do nome da categoria */
.mapa__qtd{font-size:13px;font-weight:700;color:var(--pri-soft);background:var(--bg2);border:1px solid var(--bd);border-radius:99px;padding:2px 10px}

/* Lista de artigos: duas colunas no computador, uma no celular */
.mapa__links{list-style:none;margin:0;padding:0;columns:2 300px;column-gap:28px}
.mapa__links li{break-inside:avoid;margin:0 0 10px}
.mapa__links a{display:flex;gap:8px;align-items:flex-start;color:var(--tx);line-height:1.4}
.mapa__links a:hover span{text-decoration:underline}
.mapa__links .ico{width:15px;height:15px;margin-top:4px;color:var(--pri-soft)}

@media(max-width:600px){
  .mapa__cab{flex-direction:column;align-items:flex-start}
  .mapa__links{columns:1}
  .mapa__grade{grid-template-columns:1fr 1fr}
}

/* ===== Calculadoras ===== */
.calc-atalhos{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.calc-atalhos a{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--bd);border-radius:99px;padding:6px 14px;font-size:14px;font-weight:600}
.calc-atalhos a:hover{border-color:var(--pri)}
.calc-atalhos .ico,.calc-card .ico,.calc__ico .ico{width:18px;height:18px}
.calc-grupo{margin:0 0 32px;scroll-margin-top:80px}
.calc-grupo__desc{color:var(--mut);margin:0 0 14px}
.calc-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.calc-card{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:16px;transition:transform .15s,border-color .15s}
.calc-card:hover{border-color:var(--pri);transform:translateY(-2px)}
.calc-card strong{font-size:15px;line-height:1.35}
.calc-card small{color:var(--mut);font-size:13px;line-height:1.45}
.calc-card__ico{color:var(--pri-soft)}
.calc__cab{display:flex;gap:14px;align-items:flex-start;margin:0 0 20px}
.calc__cab h1{margin:0 0 6px;font-size:28px;line-height:1.2}
.calc__cab p{margin:0;color:var(--mut)}
.calc__ico{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:var(--bg2);border:1px solid var(--bd);color:var(--pri-soft)}
.calc__ico .ico{width:24px;height:24px}
.calc__caixa{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:20px;margin:0 0 28px}
.calc__campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 18px}
.calc__campo label{display:block;font-size:14px;font-weight:600;margin:0 0 5px}
.calc__campo input[type=text],.calc__campo input[type=date],.calc__campo input[type=month],.calc__campo input[type=time],.calc__campo select{width:100%;min-height:42px;padding:8px 12px;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:8px;font:inherit}
.calc__campo input:focus,.calc__campo select:focus{outline:2px solid var(--pri);outline-offset:1px}
.calc__campo--check label{display:flex;gap:8px;align-items:center;font-weight:500;margin-top:24px}
.calc__campo[hidden]{display:none}
.calc__entrada{display:flex;align-items:center;gap:0}
.calc__entrada input{flex:1}
.calc__pre,.calc__pos{display:inline-grid;place-items:center;min-height:42px;padding:0 10px;background:var(--bg);border:1px solid var(--bd);color:var(--mut);font-size:14px}
.calc__pre{border-right:0;border-radius:8px 0 0 8px}
.calc__pos{border-left:0;border-radius:0 8px 8px 0}
.calc__entrada:has(.calc__pre) input{border-radius:0 8px 8px 0}
.calc__entrada:has(.calc__pos) input{border-radius:8px 0 0 8px}
.calc__ajuda{display:block;color:var(--mut);font-size:12px;margin-top:4px}
.calc__acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.calc__btn{min-height:44px;padding:0 22px;border:0;border-radius:8px;background:var(--pri-strong);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.calc__btn:hover{background:var(--pri)}
.calc__btn--sec{background:transparent;color:var(--tx);border:1px solid var(--bd)}
.calc__btn--sec:hover{background:var(--bg);border-color:var(--pri)}
.calc__saida{margin-top:20px}
.calc__erro{background:#7f1d1d33;border:1px solid #dc2626;border-radius:8px;padding:12px 14px;margin:0}
.calc__espera{color:var(--mut)}
.calc__res{background:var(--bg);border:1px solid var(--bd);border-left:4px solid var(--pri);border-radius:var(--r);padding:16px}
.calc__destaque{display:flex;flex-direction:column;gap:2px;margin:0 0 14px}
.calc__destaque span{color:var(--mut);font-size:14px}
.calc__destaque strong{font-size:30px;line-height:1.15;color:var(--pri-soft)}
.calc__tab{width:100%;border-collapse:collapse;font-size:15px}
.calc__tab th,.calc__tab td{padding:8px 10px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top}
.calc__tab td{text-align:right;white-space:nowrap}
.calc__tab th small{display:block;color:var(--mut);font-weight:400}
.calc__tab .tot th,.calc__tab .tot td{font-weight:700;border-top:2px solid var(--bd)}
.calc__tab .neg td{color:#f87171}
.calc__tab--grade{margin-top:12px}
.calc__tab--grade td{text-align:left}
.calc__rolagem{overflow-x:auto}
.calc__notas{margin:14px 0 0;padding-left:20px;color:var(--mut);font-size:14px}
.calc__rodape{margin:14px 0 0;font-size:12px;color:var(--mut)}
.calc__texto h2,.calc__mais h2{font-size:20px;margin:28px 0 10px}
.calc__faq{border:1px solid var(--bd);border-radius:8px;padding:10px 14px;margin:0 0 8px;background:var(--bg2)}
.calc__faq summary{cursor:pointer;font-weight:600}
.calc__faq p{margin:8px 0 0}
.calc__aviso{color:var(--mut);font-size:14px;margin-top:18px}
.calc__lista{columns:2 280px;column-gap:28px;padding-left:18px}
.calc__folha h3{margin:0 0 6px}
.calc__assina{margin-top:28px;font-size:14px}
.calc__folha .folga td{background:var(--bg2);color:var(--mut)}
@media(max-width:600px){.calc__cab h1{font-size:23px}.calc__destaque strong{font-size:25px}}
@media print{
  .topo,.menu-inferior,.sidebar,.calc__form,.calc__acoes,.calc__texto,.calc__mais,.calc__cab,.migalhas,footer,.footer{display:none!important}
  body{background:#fff;color:#000}.calc__caixa,.calc__res{border:0;background:#fff;padding:0}
  .calc__tab th,.calc__tab td{color:#000;border-color:#999}
}
