/* Fundo por área — Paschoaleto & Sedrez, lote 21g, meio-termo (21/10/2026)
 * Corpo em verdes escuros (como a 21f); faixa do título (hero) com cor forte por área. Cabeçalho e rodapé (#03231F) iguais.
 * Tributário faixa #02665C · Saúde #00ABAD · Família #00B398 · Empresarial #F4F6F6 · Bancário #007DA3 (texto claro; #0082A8 dava 4,41:1).
 * Arquivo gerado de fonte/areas-fundo.src.css por fonte/construir-fundos.pl (macros de seletor por área: A todas, T, B, F, E, M, S, Z, Y). */

/* ============ tokens por área ============
 * Todas as áreas no espectro de verdes escuros da marca; texto claro em todas.
 * faixa = texto direto sobre o fundo (--ink, --ttl, --acc-t); cartão = painel, ferramenta, indicador (--c-*) */
body[data-area="tributario"]{
  --bg:#02665C;--ink:#FFFFFF;--ink2:rgba(255,255,255,.94);--ttl:#FFFFFF;--acc-t:#B4E8E8;--lk:#FFFFFF;--lk-h:#B4E8E8;--focus:#FFFFFF;
  --acc:#00ABAD;--acc-rgb:0,171,173;--on-acc:#12191A;--sec-ln:rgba(255,255,255,.22);--ink-rgb:255,255,255;
  --c-bg:rgba(3,35,31,.76);--c-bg2:rgba(3,35,31,.55);--c-ln:rgba(255,255,255,.28);--c-ink:#FFFFFF;--c-ink2:rgba(255,255,255,.9);--c-ttl:#FFFFFF;--c-lab:#8fdbdb;--c-acc-t:#8fdbdb;
  --c-inp:#03231F;--c-inp-ln:rgba(255,255,255,.6);--c-ok:#7DD3A0;--c-warn:#E0B456;--c-risk:#F0A39A;--c-btn:#00ABAD;--c-btn-ink:#12191A;--c-ch:#F4F6F6;--c-ch-ink:#02665C;--c-scheme:dark}
/* família: --shell-2, calmo; cartões um passo mais escuros, cantos arredondados */
body[data-area="familia"]{
  --bg:#0A4A40;--ink:#FFFFFF;--ink2:rgba(255,255,255,.94);--ttl:#FFFFFF;--acc-t:#8fdbdb;--lk:#8fdbdb;--lk-h:#FFFFFF;--focus:#FFFFFF;
  --acc:#00B398;--acc-rgb:0,179,152;--on-acc:#12191A;--sec-ln:rgba(255,255,255,.2);--ink-rgb:255,255,255;
  --c-bg:rgba(3,35,31,.5);--c-bg2:rgba(3,35,31,.42);--c-ln:rgba(255,255,255,.26);--c-ink:#FFFFFF;--c-ink2:rgba(255,255,255,.92);--c-ttl:#FFFFFF;--c-lab:#8fdbdb;--c-acc-t:#8fdbdb;
  --c-inp:#052E28;--c-inp-ln:rgba(255,255,255,.6);--c-ok:#7DD3A0;--c-warn:#E0B456;--c-risk:#F0A39A;--c-btn:#00B398;--c-btn-ink:#12191A;--c-ch:#F4F6F6;--c-ch-ink:#02665C;--c-scheme:dark}
/* saúde: verde-azulado escuro (#03231F com #00ABAD a 35%); faixa do título um passo mais clara */
body[data-area="saude"]{
  --bg:#025351;--strip:#025C5B;--ink:#FFFFFF;--ink2:rgba(255,255,255,.95);--ttl:#FFFFFF;--acc-t:#8fdbdb;--lk:#8fdbdb;--lk-h:#FFFFFF;--focus:#FFFFFF;
  --acc:#00ABAD;--acc-rgb:0,171,173;--on-acc:#12191A;--sec-ln:rgba(255,255,255,.22);--ink-rgb:255,255,255;
  --c-bg:rgba(3,35,31,.55);--c-bg2:rgba(3,35,31,.45);--c-ln:rgba(255,255,255,.26);--c-ink:#FFFFFF;--c-ink2:rgba(255,255,255,.92);--c-ttl:#FFFFFF;--c-lab:#8fdbdb;--c-acc-t:#8fdbdb;
  --c-inp:#03231F;--c-inp-ln:rgba(255,255,255,.6);--c-ok:#7DD3A0;--c-warn:#E0B456;--c-risk:#F0A39A;--c-btn:#00ABAD;--c-btn-ink:#12191A;--c-ch:#F4F6F6;--c-ch-ink:#02665C;--c-scheme:dark}
/* empresarial: --shell, o mais sóbrio; cartões de documento em #062E29 e #0A4A40 */
body[data-area="empresarial"]{
  --bg:#03231F;--ink:#FFFFFF;--ink2:rgba(255,255,255,.94);--ttl:#FFFFFF;--acc-t:#8fdbdb;--lk:#8fdbdb;--lk-h:#FFFFFF;--focus:#FFFFFF;
  --acc:#00ABAD;--acc-rgb:0,171,173;--on-acc:#12191A;--sec-ln:rgba(255,255,255,.22);--ink-rgb:255,255,255;
  --c-bg:#062E29;--c-bg2:#0A4A40;--c-ln:rgba(255,255,255,.3);--c-ink:#FFFFFF;--c-ink2:rgba(255,255,255,.92);--c-ttl:#FFFFFF;--c-lab:#8fdbdb;--c-acc-t:#8fdbdb;
  --c-inp:#03231F;--c-inp-ln:rgba(255,255,255,.6);--c-ok:#7DD3A0;--c-warn:#E0B456;--c-risk:#F0A39A;--c-btn:#00ABAD;--c-btn-ink:#12191A;--c-ch:#F4F6F6;--c-ch-ink:#02665C;--c-scheme:dark}
/* bancário (busca e apreensão): verde-azulado frio (#03231F com #0082A8 a 26%); faixas --shell */
body[data-area="bancario"]{
  --bg:#023B41;--ink:#FFFFFF;--ink2:rgba(255,255,255,.95);--ttl:#FFFFFF;--acc-t:#8fdbdb;--lk:#8fdbdb;--lk-h:#FFFFFF;--focus:#FFFFFF;
  --acc:#2E98B8;--acc-rgb:46,152,184;--on-acc:#12191A;--sec-ln:rgba(255,255,255,.22);--ink-rgb:255,255,255;
  --c-bg:#03231F;--c-bg2:#03231F;--c-ln:rgba(255,255,255,.5);--c-ink:#FFFFFF;--c-ink2:rgba(255,255,255,.92);--c-ttl:#FFFFFF;--c-lab:#8fdbdb;--c-acc-t:#8fdbdb;
  --c-inp:#023B41;--c-inp-ln:rgba(255,255,255,.62);--c-ok:#7DD3A0;--c-warn:#E0B456;--c-risk:#F0A39A;--c-btn:#2E98B8;--c-btn-ink:#12191A;--c-ch:#F4F6F6;--c-ch-ink:#02665C;--c-scheme:dark}

/* ============ fundo do conteúdo ============ */
body[data-area="tributario"] main,body[data-area="tributario"]>div>section:not(.hub-hero):not(.cta){background:var(--bg)}
body[data-area="bancario"] main,body[data-area="bancario"]>div>section:not(.hub-hero):not(.cta){background:var(--bg)}
body[data-area="familia"] main,body[data-area="familia"]>div>section:not(.hub-hero):not(.cta){background:var(--bg)}
body[data-area="empresarial"] main,body[data-area="empresarial"]>div>section:not(.hub-hero):not(.cta){background:var(--bg)}
body[data-area="saude"] main,body[data-area="saude"]>div>section:not(.hub-hero):not(.cta){background:var(--bg)}
/* faixas de largura total: a seção tem largura máxima, a sombra estende a cor até as bordas da janela */
body[data-area="bancario"] main>.fx-b{background:#03231F;box-shadow:0 0 0 100vmax #03231F;clip-path:inset(0 -100vmax)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>section:not(.cta),body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.fx-t,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.fx-c,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.fx-b,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero{color:var(--ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>section:not(.cta){border-top-color:var(--sec-ln)}
/* faixa de ação: deep nas áreas; no tributário e na saúde o fundo é de luminosidade parecida, então vai a --shell */
body[data-area="tributario"] section.cta,body[data-area="saude"] section.cta{background:#03231F}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta{color:#FFFFFF}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta h2:not(.tf-h){color:#FFFFFF!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta .intro,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta p{color:rgba(255,255,255,.95)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta a:not(.btn){color:#FFFFFF;text-decoration:underline}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta .btn{color:#FFFFFF;border-color:#FFFFFF}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta .btn.solido{background:#FFFFFF;color:#02665C}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta .btn:hover{background:#FFFFFF;color:#02665C}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta .btn.solido:hover{background:transparent;color:#FFFFFF}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta .eyebrow{color:#FFFFFF}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) section.cta :focus-visible{outline-color:#FFFFFF}

/* ============ texto de faixa ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) h1,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) h3,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section:not(.cta) h3{color:var(--ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) h2:not(.tf-h),body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section:not(.cta):not(.hub-hero) h2:not(.tf-h){color:var(--ttl)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .eyebrow{color:var(--acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .trilha,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .trilha a{color:var(--ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .trilha a{text-decoration:underline;text-underline-offset:3px}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .hero .lead,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) .intro,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) .txt p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section.txt:not(.cta) p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) ul,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) li,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .passo p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .faq p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .aviso,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .cidades,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .fontes,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .leia{color:var(--ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) .txt a:not(.btn):not(.tf-btn),body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) .leia a,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) .fontes a,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .hero .lead a{color:var(--lk);text-decoration:underline;text-underline-offset:3px}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) section:not(.cta) .txt a:not(.btn):not(.tf-btn):hover,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .leia a:hover,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .fontes a:hover{color:var(--lk-h)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .num,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .passo span{color:var(--acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .fmt-nota-d .txt>p:first-of-type::first-letter{color:var(--acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .aviso{border-left-color:var(--acc)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .lei{background:rgba(var(--acc-rgb),.1);border-left-color:var(--acc);color:var(--ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .lei{background:rgba(3,35,31,.55)}
body[data-area="empresarial"] :is(main,body>section) .lei{background:rgba(10,74,64,.6)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .lei p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .lei li{color:var(--ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :focus-visible{outline:2px solid var(--focus);outline-offset:3px}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) ::selection{background:var(--acc);color:var(--on-acc)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp-nota{color:var(--ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp-nota a{color:var(--lk)}

/* ============ cartões .grade .item ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .grade .item{background:var(--c-bg);border:1px solid var(--c-ln);box-shadow:none;color:var(--c-ink)}
body[data-area="bancario"] :is(main,body>section) .grade .item{border:2px solid var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .grade .item h3{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .grade .item p{color:var(--c-ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .grade .item .num{color:var(--c-acc-t)}
body[data-area="empresarial"] :is(main,body>section) .grade .item{border:0;border-left:3px double var(--acc);border-radius:0;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .fmt-painel .grade .item{box-shadow:inset 0 3px 0 var(--acc)}
body[data-area="familia"] :is(main,body>section) .fmt-painel .grade .item{box-shadow:none}
body[data-area="tributario"] :is(main,body>section) .num::after{background:linear-gradient(var(--acc),var(--acc)) 0 0/var(--p,0%) 100% no-repeat,rgba(255,255,255,.22)}
body[data-area="familia"] :is(main,body>section) .grade .item .num{background:rgba(0,179,152,.16);border-color:rgba(143,219,219,.6);color:#8fdbdb}
body[data-area="saude"] :is(main,body>section) .num::before{background-color:rgba(0,171,173,.2);border-color:#8fdbdb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='-3 -3 30 30' fill='none' stroke='%238fdbdb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* ============ ferramentas (.tf), indicadores (.ind), painéis (.pn) ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf{background:var(--c-bg);border:1px solid var(--c-ln);color:var(--c-ink);box-shadow:0 10px 30px rgba(0,0,0,.3)}
body[data-area="tributario"] .tf{box-shadow:0 10px 30px rgba(0,0,0,.3)}
body[data-area="bancario"] .tf{border:2px solid var(--c-ln);box-shadow:0 10px 30px rgba(0,0,0,.3)}
body[data-area="empresarial"] .tf{border-radius:3px;border-top:3px solid var(--acc);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 22px rgba(0,0,0,.28)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-rot,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf thead th,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-dt span,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-det summary,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-fonte a,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-f a,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .pn-r{color:var(--c-lab)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-h,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-dt strong,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-q legend,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-ck strong,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-num span,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-msg strong{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-campo label,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf caption{color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-dica,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-msg,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-fonte,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-esc,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-lista,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-ck small,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-dt small,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-aviso{color:var(--c-ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-campo input,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-campo select,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-campo textarea{background:var(--c-inp);color:var(--c-ink);border:1px solid var(--c-inp-ln);color-scheme:var(--c-scheme)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-num,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-num strong,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-n{color:var(--c-acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-res{background:var(--c-bg2);border:1px solid var(--c-ln)}
body[data-area="tributario"] .tf-res,body[data-area="familia"] .tf-res,body[data-area="saude"] .tf-res{background:rgba(3,35,31,.6)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-dt{background:transparent;border:1px solid var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf th,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf td{border-bottom-color:var(--c-ln);color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-fonte{border-top-color:var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-barra{background:rgba(var(--ink-rgb),.14)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-barra .tf-z{border-left-color:var(--c-bg)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-barra:not([data-f="perto"]):not([data-f="fora"]) i{background:var(--acc)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-barra[data-f="perto"] i{background:var(--c-warn)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-barra[data-f="fora"] i{background:var(--c-risk)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-faixa[data-f="ok"]{color:var(--c-ok)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-faixa[data-f="perto"]{color:var(--c-warn)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-faixa[data-f="fora"]{color:var(--c-risk)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-aviso{border-left-color:var(--c-warn);background:rgba(var(--ink-rgb),.06)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-btn{background:var(--c-btn);border-color:var(--c-btn);color:var(--c-btn-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-btn:hover{background:transparent;color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-btn:hover{color:#FFFFFF;border-color:#FFFFFF}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-op span{background:var(--c-inp);color:var(--c-ink);border-color:var(--c-inp-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-op:hover span{border-color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-op input:checked+span{background:var(--c-ch);border-color:var(--c-ch);color:var(--c-ch-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-ck label{background:var(--c-bg2);border-color:var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-ck .cx{border-color:var(--c-inp-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-ck input:checked~.cx{background:var(--c-btn);border-color:var(--c-btn);color:var(--c-btn-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf-ck label:hover{border-color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-c{background:var(--c-bg);border:1px solid var(--c-ln);color:var(--c-ink)}
body[data-area="bancario"] .ind-c{border:2px solid var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-n small{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-d{color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-f{color:var(--c-ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-nota{color:var(--ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-c::before{background:var(--acc)}
/* painéis SVG (decorativos, aria-hidden) */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .pn{border:1px solid var(--c-ln);background:radial-gradient(90% 120% at 100% 0%,rgba(var(--acc-rgb),.2),transparent 58%),var(--c-bg)}
body[data-area="tributario"] .pn{background:radial-gradient(90% 120% at 100% 0%,rgba(0,171,173,.32),transparent 58%),rgba(3,35,31,.76)}
body[data-area="bancario"] .pn{background:radial-gradient(90% 120% at 100% 0%,rgba(46,152,184,.28),transparent 58%),#03231F;border:2px solid rgba(255,255,255,.4)}
body[data-area="tributario"] .pn .b2,body[data-area="saude"] .pn .b2{fill:#0A4A40}
body[data-area="familia"] .pn{background:radial-gradient(90% 120% at 100% 0%,rgba(0,179,152,.26),transparent 58%),rgba(3,35,31,.5)}
body[data-area="saude"] .pn{background:radial-gradient(90% 120% at 100% 0%,rgba(0,171,173,.3),transparent 58%),rgba(3,35,31,.55)}
body[data-area="empresarial"] .pn{background:radial-gradient(90% 120% at 100% 0%,rgba(0,171,173,.22),transparent 58%),#062E29}

/* ============ formatos ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp{background:var(--c-bg);border-color:var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp th,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp td{border-top-color:var(--c-ln);color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp thead th{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp thead th.a{background:rgba(var(--acc-rgb),.16)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp thead th.b{background:rgba(var(--ink-rgb),.1)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp thead th:first-child,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp tbody th,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp caption{color:var(--c-lab)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp caption{color:var(--ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp tbody td.a{background:rgba(var(--acc-rgb),.07)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp .ab{background:var(--acc);color:var(--on-acc)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .cmp td::before{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .qi a{color:var(--ink)!important;background:var(--c-bg);border-color:var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .qi a:hover{background:rgba(var(--acc-rgb),.18)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas details.q{background:var(--c-bg);border-color:var(--c-ln);color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas details.q[open]{border-color:var(--acc);background:var(--c-bg)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas details.q summary::before{background:var(--acc);color:var(--on-acc)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas details.q summary::after{border-color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas .faq details.q summary h3{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas .faq details.q .a p{color:var(--c-ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-perguntas .faq details.q .r1{color:var(--c-ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-checklist li{background:var(--c-bg);border-color:var(--c-ln);color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-checklist li::before{border-color:var(--c-inp-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-checklist li[aria-checked="true"]{border-color:var(--acc);background:var(--c-bg)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-checklist li[aria-checked="true"]::before{background-color:var(--acc);border-color:var(--acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2312191A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-checklist .ck-n{color:var(--ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-passos .passo span{background:var(--c-bg);border-color:var(--acc);color:var(--c-acc-t)}
body[data-area="bancario"] .fmt-passos .passo span{background:var(--acc);color:var(--on-acc);border-color:#fff}
body[data-area="familia"] .fmt-passos .passo>div{background:var(--c-bg);border-color:var(--c-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-passos .passo h3{color:var(--ttl)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .grade>.item>.num{background:var(--c-bg);border-color:var(--acc);color:var(--c-acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .prazos>div{background:var(--c-bg);border-color:var(--c-ln);color:var(--c-ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .prazos>div p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .prazos>div span{color:var(--c-ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .prazos strong{color:var(--c-acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .grade::before,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-cronologia .prazos::before,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-passos .passos::before{background:linear-gradient(var(--acc),rgba(var(--acc-rgb),.28))}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-linha::before{border-left-color:rgba(var(--acc-rgb),.7)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-linha>p::before{background:var(--acc);box-shadow:0 0 0 5px rgba(var(--acc-rgb),.22)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-linha p{color:var(--ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-nota .txt h2,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-nota.txt h2{border-bottom-color:var(--sec-ln)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-nota .txt>p:first-of-type,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-nota.txt>p:first-of-type{color:var(--ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-nota .ponto .lei,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .fmt-nota .ponto blockquote{border-left-color:var(--acc)}

/* ============ formulários dentro da página (campos com estilo em linha) ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) form label,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) form legend{color:var(--ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) form textarea,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) form select{background:var(--c-inp)!important;color:var(--c-ink)!important;border-color:var(--c-inp-ln)!important;color-scheme:var(--c-scheme)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) form ::placeholder{color:var(--c-ink2);opacity:1}

/* ============ botão flutuante do WhatsApp e faixa de cookies ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .wpp{box-shadow:0 0 0 2px #F4F6F6,0 8px 22px rgba(0,0,0,.3)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ps-ck{border-top:1px solid rgba(255,255,255,.4);box-shadow:0 -8px 26px rgba(3,35,31,.25)}

/* ============ motivos de topo adaptados ao fundo ============ */
body[data-area="tributario"] main::before{background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/9px 9px}
body[data-area="empresarial"] main::before{background:linear-gradient(90deg,transparent 71px,rgba(143,219,219,.38) 71px,rgba(143,219,219,.38) 72px,transparent 72px,transparent 76px,rgba(143,219,219,.2) 76px,rgba(143,219,219,.2) 77px,transparent 77px),repeating-linear-gradient(transparent 0 33px,rgba(255,255,255,.05) 33px 34px)}
body[data-area="familia"] main::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='140' viewBox='0 0 640 140'%3E%3Cpath d='M0 70Q80 24 160 70T320 70T480 70T640 70' fill='none' stroke='%2300B398' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M0 96Q80 50 160 96T320 96T480 96T640 96' fill='none' stroke='%2300B398' stroke-opacity='.32' stroke-width='2'/%3E%3Cpath d='M0 44Q80 -2 160 44T320 44T480 44T640 44' fill='none' stroke='%238fdbdb' stroke-opacity='.16' stroke-width='2'/%3E%3C/svg%3E") 0 22%/640px 140px repeat-x,radial-gradient(60% 50% at 82% 8%,rgba(0,179,152,.22),transparent 70%)}
body[data-area="saude"] main::before{content:none}
/* bancário: sem o relógio (anéis e ponteiro saem); fica a faixa fina de acento no topo */
body[data-area="bancario"] main::before{background:linear-gradient(#2E98B8,#2E98B8) 0 0/100% 3px no-repeat;-webkit-mask-image:none;mask-image:none}
body[data-area="bancario"] main::after{content:none;display:none;animation:none}

/* ============ hubs (sem <main>, estilos em linha: precisa de !important) ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section[style*="background:#03231F"]:not(.hub-hero),body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section[style*="background:#062E29"]{background:var(--bg)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section[style*="color:#F4F6F6"]:not(.hub-hero){color:var(--ink)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="color:#F4F6F6"]{color:var(--ttl)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="color:rgba(244,246,246"]{color:var(--ink2)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="color:#8fdbdb"],body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="color:#00ABAD"]{color:var(--acc-t)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="border:1px solid rgba(244,246,246"]{border-color:var(--c-ln)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="border-bottom:1px solid rgba(244,246,246"],body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="border-top:1px solid rgba(244,246,246"]{border-color:var(--sec-ln)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section[style*="border-top:1px solid rgba(244,246,246"]{border-top-color:var(--sec-ln)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="border-top:3px solid #00ABAD"]{border-top-color:var(--acc)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="background:#00ABAD"]{background:var(--c-btn)!important;color:var(--c-btn-ink)!important;border-color:var(--c-btn)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section [style*="background:#00ABAD"] *{color:var(--c-btn-ink)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section .hub-card,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section a.x2{background:var(--c-bg)!important;border:1px solid var(--c-ln)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section .hub-card h3,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section a.x2 h3,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section a.x2 h2{color:var(--c-ttl)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section .hub-card p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section a.x2 p,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section a.x2 div{color:var(--c-ink2)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section .hub-card::before{color:var(--c-acc-t)!important}
body[data-area="familia"]>div>section .hub-card::before{color:#8fdbdb!important;background:rgba(0,179,152,.16)!important;border-color:rgba(143,219,219,.55)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section a.x2:hover{background:var(--c-bg)!important;border-color:var(--acc)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section .hub-col{border-top-color:var(--acc)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section.hub-hero{background:var(--bg)!important;color:var(--ink)!important}
body[data-area="saude"]>div>section.hub-hero{background:var(--strip)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section.hub-hero [style*="border:"]{border-color:var(--c-ln)!important}
body[data-area="familia"] .onda,body[data-area="familia"] .onda svg{background:#0A4A40!important}
body[data-area="familia"] .onda path{fill:#0A4A40}

/* ============ ajustes medidos (auditoria de contraste) ============ */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-t{color:var(--acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .grade .item a:not(.btn){color:var(--c-ttl);text-decoration:underline;text-underline-offset:3px}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section .tf .tf-h{color:var(--c-ttl)!important}
/* botões fora da faixa de ação */
/* nota técnica e páginas com classes próprias (PIS/Cofins/CBS) */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .meta,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .norma,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .linha div span,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .form-lp .nota,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .caixa{color:var(--ink2)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .linha div.agora b,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .ponto-cab>b,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .efd .cap,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .pergunte .cap,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .caixa .cap{color:var(--acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .pergunte,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .caixa{background:rgba(3,35,31,.5);border-left-color:var(--acc)}

body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .form-lp .aceite a,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .form-lp .nota a{color:var(--lk)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) [style*="color:#00ABAD"]{color:var(--lk)!important}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) :is(main,body>section) .ponto-cab>b{color:var(--acc-t)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section:not(.hub-hero):not(.cta){color:var(--ink)}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"])>div>section.cta{color:#FFFFFF}

/* ============ saúde, faixa do título um passo mais clara, círculos suaves, cantos de 16 px, sem cruz nem eletrocardiograma ============ */
body[data-area="saude"]{--r:16px}
body[data-area="saude"] main{overflow-x:clip}
body[data-area="saude"] main>.hero.fx-t{position:relative;isolation:isolate;padding-bottom:64px}
body[data-area="saude"] main>.hero.fx-t::before,body[data-area="saude"] main>.hero.fx-t::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);border-radius:0 0 50% 50%/0 0 46px 46px;pointer-events:none}
body[data-area="saude"] main>.hero.fx-t::before{background:var(--strip)}
/* motivo leve e não clínico: círculos concêntricos suaves e pontos, só na faixa */
body[data-area="saude"] main>.hero.fx-t::after{background:repeating-radial-gradient(circle at 84% 24%,transparent 0 40px,rgba(255,255,255,.26) 40px 42px),radial-gradient(rgba(255,255,255,.34) 1.6px,transparent 2.2px) 0 0/24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 88%);mask-image:linear-gradient(90deg,transparent 40%,#000 88%)}
body[data-area="saude"] main>.hero-b{padding-top:28px;padding-bottom:40px;color:var(--ink)}
.hero-b .lead{margin-top:26px;max-width:62ch;font-size:1.08rem}
body[data-area="saude"] .hero-b .lead{color:var(--ink2)}
body[data-area="saude"] .hero-b .lead a{color:var(--lk);text-decoration:underline;text-underline-offset:3px}
/* cartões escuros, cantos de 16 px e sombra suave */
body[data-area="saude"] .tf,body[data-area="saude"] .ind-c,body[data-area="saude"] .grade .item,body[data-area="saude"] details.q,body[data-area="saude"] .pn,body[data-area="saude"] .cmp,body[data-area="saude"] .fmt-checklist li,body[data-area="saude"] .hub-card,body[data-area="saude"] a.x2,body[data-area="saude"] .tf-res{border-radius:16px}
body[data-area="saude"] .tf,body[data-area="saude"] .ind-c,body[data-area="saude"] .grade .item,body[data-area="saude"] .fmt-perguntas details.q,body[data-area="saude"] .pn,body[data-area="saude"] .fmt-checklist li{border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 24px rgba(0,0,0,.24)}
body[data-area="saude"]>div>section .hub-card,body[data-area="saude"]>div>section a.x2{box-shadow:0 8px 24px rgba(0,0,0,.24)}
/* hub: faixa do título termina em curva e sem cruzes */
body[data-area="saude"]>div>section.hub-hero{position:relative;padding-bottom:12px}
body[data-area="saude"]>div>section.hub-hero::before{background:repeating-radial-gradient(circle at 84% 30%,transparent 0 40px,rgba(255,255,255,.26) 40px 42px),radial-gradient(rgba(255,255,255,.34) 1.6px,transparent 2.2px) 0 0/24px 24px!important;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 88%)!important;mask-image:linear-gradient(90deg,transparent 40%,#000 88%)!important}
body[data-area="saude"]>div>section.hub-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}
/* painel decorativo da saúde: sem a cruz e sem o traçado de eletrocardiograma; círculos concêntricos suaves */
body[data-area="saude"] .pn-sau svg{display:none}
body[data-area="saude"] .pn-sau{background:repeating-radial-gradient(circle at 78% 50%,transparent 0 44px,rgba(0,171,173,.34) 44px 46px),radial-gradient(rgba(0,171,173,.34) 1.6px,transparent 2.2px) 0 0/24px 24px,rgba(3,35,31,.55)}

/* ======================================================================================
 * LOTE 21g, MEIO-TERMO (21/10/2026): faixa do título (hero) com cor forte por área, corpo no verde escuro da 21f.
 * A faixa é uma camada atrás do título que desce até o meio da primeira ferramenta (ou do painel decorativo
 * que vem logo abaixo do título), de modo que o cartão "sobe" para fora dela. Só CSS; nenhum HTML muda.
 * Largura da faixa: 100vw centrada na janela. A fórmula min(540px,50vw) vem de .wrap {max-width:1080px}.
 * Macros novas: main>.hero>:is(.trilha,.eyebrow,h1) = trilha, rótulo e título do hero; main>.hero:not(:has(>.tf))>:is(.lead,.botoes,.meta) = chamada e botões do hero quando não há ferramenta dentro dele.
 * ====================================================================================== */

/* corpo: o tributário passa de #02665C a um verde mais fundo, senão a faixa (#02665C) some no corpo */
body[data-area="tributario"]{--bg:#034943;--tf-bg:#032C28}
body[data-area="familia"]{--tf-bg:#073730}
body[data-area="saude"]{--tf-bg:#033935}

/* tokens da faixa, por área: --bd-bg cor, --bd-art motivo, --bd-r canto inferior, --bd-bb filete inferior */
body[data-area="tributario"]{
  --bd-bg:#02665C;--bd-r:0;--bd-bb:0 solid transparent;
  --bd-art:linear-gradient(rgba(3,35,31,.26) 1px,transparent 1px) 0 100%/36px 36px,linear-gradient(90deg,rgba(3,35,31,.26) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(rgba(3,35,31,.1) 1px,transparent 1px) 0 100%/9px 9px}
body[data-area="saude"]{
  --bd-bg:#00ABAD;--bd-r:0 0 50% 50%/0 0 46px 46px;--bd-bb:0 solid transparent;
  --bd-art:radial-gradient(circle at 86% calc(100% - 150px),transparent 0 36px,rgba(255,255,255,.4) 36px 38px,transparent 38px 74px,rgba(255,255,255,.3) 74px 76px,transparent 76px 112px,rgba(255,255,255,.22) 112px 114px,transparent 114px 150px,rgba(255,255,255,.16) 150px 152px,transparent 152px),radial-gradient(circle at 10% calc(100% - 70px),rgba(255,255,255,.2) 0 30px,transparent 31px),radial-gradient(circle at 62% calc(100% - 40px),rgba(255,255,255,.18) 0 16px,transparent 17px),radial-gradient(circle at 74% calc(100% - 230px),rgba(255,255,255,.18) 0 10px,transparent 11px)}
body[data-area="familia"]{
  --bd-bg:#00B398;--bd-r:0 0 50% 50%/0 0 46px 46px;--bd-bb:0 solid transparent;
  --bd-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='140' viewBox='0 0 640 140'%3E%3Cpath d='M0 70Q80 24 160 70T320 70T480 70T640 70' fill='none' stroke='%23FFFFFF' stroke-opacity='.5' stroke-width='2'/%3E%3Cpath d='M0 98Q80 52 160 98T320 98T480 98T640 98' fill='none' stroke='%23FFFFFF' stroke-opacity='.34' stroke-width='2'/%3E%3Cpath d='M0 42Q80 -4 160 42T320 42T480 42T640 42' fill='none' stroke='%23FFFFFF' stroke-opacity='.24' stroke-width='2'/%3E%3C/svg%3E") 0 calc(100% - 10px)/640px 140px repeat-x}
body[data-area="empresarial"]{
  --bd-bg:#F4F6F6;--bd-r:0;--bd-bb:1px solid rgba(2,102,92,.4);
  --bd-art:linear-gradient(90deg,transparent 71px,rgba(2,102,92,.34) 71px,rgba(2,102,92,.34) 72px,transparent 72px,transparent 76px,rgba(2,102,92,.18) 76px,rgba(2,102,92,.18) 77px,transparent 77px),repeating-linear-gradient(transparent 0 33px,rgba(2,102,92,.07) 33px 34px)}
body[data-area="bancario"]{
  --bd-bg:#007DA3;--bd-r:0;--bd-bb:0 solid transparent;
  --bd-art:repeating-linear-gradient(135deg,rgba(3,35,31,.14) 0 2px,transparent 2px 16px)}
@media(max-width:640px){body[data-area="empresarial"]{--bd-art:repeating-linear-gradient(transparent 0 33px,rgba(2,102,92,.07) 33px 34px)}}

/* a faixa é cortada na borda do <main>: nada vaza para o cabeçalho e não há rolagem horizontal */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main{overflow:clip}
/* os motivos de topo da 21f (grade, ondas, filete, cruz) passam a viver dentro da faixa */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main::before{content:none;display:none}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero.fx-t::before,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero.fx-t::after{content:none;display:none}

/* (1) ferramenta dentro do hero: a faixa nasce no cartão e sobe; termina no meio do cartão, no máximo 190 px abaixo do topo dele */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero>.tf::before,body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero-b>.tf::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(min(540px,50vw) - 24px - 50vw);width:100vw;height:4000px;bottom:max(50%,calc(100% - 190px));
  background:var(--bd-art),var(--bd-bg);border-radius:var(--bd-r);border-bottom:var(--bd-bb)}
/* (2) sem ferramenta: o painel decorativo logo abaixo do título é o cartão que sobe */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero:not(:has(>.tf))+.wrap:has(>.pn){position:relative}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero:not(:has(>.tf))+.wrap:has(>.pn)::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(min(540px,50vw) - 50vw);width:100vw;height:4000px;bottom:max(50%,calc(100% - 190px));
  background:var(--bd-art),var(--bd-bg);border-radius:var(--bd-r);border-bottom:var(--bd-bb)}
/* (3) sem cartão para sobrepor (nota técnica, busca e apreensão): a faixa cobre só o hero */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) main>.hero:not(.fx-t):not(:has(>.tf)):not(:has(+.wrap>.pn))::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;margin-left:-50vw;width:100vw;top:0;bottom:0;
  background:var(--bd-art),var(--bd-bg);border-radius:var(--bd-r);border-bottom:var(--bd-bb)}

/* texto da faixa, por área (só o que está sobre a cor forte) */
body[data-area="tributario"] main>.hero>:is(.trilha,.eyebrow,h1),body[data-area="tributario"] main>.hero:not(:has(>.tf))>:is(.lead,.botoes,.meta){--ink:#FFFFFF;--ink2:#FFFFFF;--ttl:#FFFFFF;--acc-t:#B4E8E8;--lk:#FFFFFF;--lk-h:#B4E8E8;--focus:#FFFFFF}
body[data-area="saude"] main>.hero>:is(.trilha,.eyebrow,h1),body[data-area="saude"] main>.hero:not(:has(>.tf))>:is(.lead,.botoes,.meta),body[data-area="familia"] main>.hero>:is(.trilha,.eyebrow,h1),body[data-area="familia"] main>.hero:not(:has(>.tf))>:is(.lead,.botoes,.meta){--ink:#12191A;--ink2:#12191A;--ttl:#12191A;--acc-t:#12191A;--lk:#03231F;--lk-h:#12191A;--focus:#03231F}
body[data-area="empresarial"] main>.hero>:is(.trilha,.eyebrow,h1),body[data-area="empresarial"] main>.hero:not(:has(>.tf))>:is(.lead,.botoes,.meta){--ink:#3C3C3C;--ink2:#3C3C3C;--ttl:#02665C;--acc-t:#02665C;--lk:#02665C;--lk-h:#025B52;--focus:#02665C}
body[data-area="bancario"] main>.hero>:is(.trilha,.eyebrow,h1),body[data-area="bancario"] main>.hero:not(:has(>.tf))>:is(.lead,.botoes,.meta){--ink:#FFFFFF;--ink2:#FFFFFF;--ttl:#FFFFFF;--acc-t:#FFFFFF;--lk:#FFFFFF;--lk-h:#FFFFFF;--focus:#FFFFFF}

/* botões do hero sobre a faixa */
body[data-area="bancario"] main>.hero .btn:not(.solido){color:#FFFFFF;border-color:#FFFFFF}
body[data-area="bancario"] main>.hero .btn.solido{background:#FFFFFF;color:#02665C;border-color:#FFFFFF}
body[data-area="bancario"] main>.hero .btn:not(.solido):hover{background:#FFFFFF;color:#007DA3}
body[data-area="bancario"] main>.hero .btn.solido:hover{background:transparent;color:#FFFFFF}

/* meia-tinta dos cartões puxa levemente o acento da área */
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .tf{background:radial-gradient(130% 100% at 100% 0%,rgba(var(--acc-rgb),.16),transparent 62%),var(--tf-bg,var(--c-bg))}
body[data-area]:is([data-area="tributario"],[data-area="bancario"],[data-area="familia"],[data-area="empresarial"],[data-area="saude"]) .ind-c{background:linear-gradient(180deg,rgba(var(--acc-rgb),.08),transparent 70%),var(--c-bg)}

/* hubs (sem <main>): a seção do título leva a cor forte da área */
body[data-area="tributario"][data-area]>div>section.hub-hero{background:#02665C!important;color:#FFFFFF!important;--ink:#FFFFFF;--ink2:#FFFFFF;--ttl:#FFFFFF;--acc-t:#B4E8E8}
body[data-area="familia"][data-area]>div>section.hub-hero{background:#00B398!important;color:#12191A!important;--ink:#12191A;--ink2:#12191A;--ttl:#12191A;--acc-t:#12191A;--c-ln:rgba(3,35,31,.5)}
body[data-area="saude"][data-area]>div>section.hub-hero{background:#00ABAD!important;color:#12191A!important;--ink:#12191A;--ink2:#12191A;--ttl:#12191A;--acc-t:#12191A;--c-ln:rgba(3,35,31,.5)}
body[data-area="tributario"][data-area]>div>section.hub-hero [style*="color"],body[data-area="tributario"][data-area]>div>section.hub-hero h1,body[data-area="tributario"][data-area]>div>section.hub-hero h2{color:#FFFFFF!important}
body[data-area="tributario"][data-area]>div>section.hub-hero [style*="color:#00ABAD"],body[data-area="tributario"][data-area]>div>section.hub-hero [style*="color:#8fdbdb"]{color:#B4E8E8!important}
body[data-area="familia"][data-area]>div>section.hub-hero [style*="color"],body[data-area="familia"][data-area]>div>section.hub-hero h1,body[data-area="familia"][data-area]>div>section.hub-hero h2,body[data-area="saude"][data-area]>div>section.hub-hero [style*="color"],body[data-area="saude"][data-area]>div>section.hub-hero h1,body[data-area="saude"][data-area]>div>section.hub-hero h2{color:#12191A!important}
body[data-area="familia"] .onda,body[data-area="familia"] .onda svg{background:#0A4A40!important}
body[data-area="familia"] .onda path{fill:#00B398!important}