/* ---------- Tokens de design (claro / escuro) ---------- */
:root{
  --font-anthropic-sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-anthropic-serif:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --color-bg:#fbfbfd;--color-panel:#ffffff;--color-fg:#1b1d24;--color-fg-muted:#5d6170;--color-border-line:#e2e3ea;--color-bad:#c4302b;
  --cds-chart-categorical-1:#2f5fd0;--cds-chart-categorical-2:#d4731c;--cds-chart-categorical-3:#2c9a6a;--cds-chart-categorical-4:#8a4fc4;
  --cds-chart-categorical-5:#c2417a;--cds-chart-categorical-6:#2a8fb0;--cds-chart-categorical-7:#9a7b1d;--cds-chart-categorical-8:#6b7385;
  --color-mulheres:var(--cds-chart-categorical-1);--color-homens:var(--cds-chart-muted);--seq-claro:#c3d2f6;--seq-escuro:#1c3a8c;--color-positivo:#2c9a6a;--color-negativo:#cf4339;--cds-chart-muted:#a9adbd;--cds-chart-grid:#e9eaf0;--cds-chart-axis:#a4a8b6;
  --cds-text-secondary:#5d6170;--cds-surface-popover:#ffffff;--cds-border:#d9dbe3;--cds-shadow-popover:0 6px 24px rgba(20,24,40,.12);
  --cds-font-size-caption:.8125rem;--cds-font-size-body:.9375rem;--cds-font-size-heading:1.0625rem;--cds-font-size-title:1.6rem;--cds-font-weight-medium:600;
  --cds-gap-xs:.25rem;--cds-gap-sm:.5rem;--cds-gap-md:.875rem;--cds-gap-lg:1.25rem;--cds-gap-xl:2.25rem;
  --cds-pad-xs:.3rem;--cds-pad-sm:.55rem;--cds-pad-md:.875rem;--cds-pad-lg:1.15rem;--cds-radius:10px;
  --cds-dur-slow:420ms;--cds-ease-out:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --color-bg:#121319;--color-panel:#1a1c24;--color-fg:#ecedf2;--color-fg-muted:#a3a7b6;--color-border-line:#2c2f3a;--color-bad:#ef6b63;
  --cds-chart-categorical-1:#6f95ff;--cds-chart-categorical-2:#f0994a;--cds-chart-categorical-3:#4fc493;--cds-chart-categorical-4:#b588ec;
  --cds-chart-categorical-5:#e874a6;--cds-chart-categorical-6:#5cc0e0;--cds-chart-categorical-7:#d3b04b;--cds-chart-categorical-8:#9aa2b5;
  --color-mulheres:var(--cds-chart-categorical-1);--color-homens:var(--cds-chart-muted);--seq-claro:#d2ddff;--seq-escuro:#2d4aa3;--color-positivo:#4fc493;--color-negativo:#f0716a;--cds-chart-muted:#5f6475;--cds-chart-grid:#2a2d38;--cds-chart-axis:#5b5f6e;
  --cds-text-secondary:#a3a7b6;--cds-surface-popover:#232631;--cds-border:#363a47;--cds-shadow-popover:0 6px 24px rgba(0,0,0,.45);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --color-bg:#121319;--color-panel:#1a1c24;--color-fg:#ecedf2;--color-fg-muted:#a3a7b6;--color-border-line:#2c2f3a;--color-bad:#ef6b63;
  --cds-chart-categorical-1:#6f95ff;--cds-chart-categorical-2:#f0994a;--cds-chart-categorical-3:#4fc493;--cds-chart-categorical-4:#b588ec;
  --cds-chart-categorical-5:#e874a6;--cds-chart-categorical-6:#5cc0e0;--cds-chart-categorical-7:#d3b04b;--cds-chart-categorical-8:#9aa2b5;
  --color-mulheres:var(--cds-chart-categorical-1);--color-homens:var(--cds-chart-muted);--seq-claro:#d2ddff;--seq-escuro:#2d4aa3;--color-positivo:#4fc493;--color-negativo:#f0716a;--cds-chart-muted:#5f6475;--cds-chart-grid:#2a2d38;--cds-chart-axis:#5b5f6e;
  --cds-text-secondary:#a3a7b6;--cds-surface-popover:#232631;--cds-border:#363a47;--cds-shadow-popover:0 6px 24px rgba(0,0,0,.45);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-anthropic-sans);font-size:var(--cds-font-size-body);line-height:1.5}
[hidden]{display:none!important}
.site{padding-block:2rem 3rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:900px){.site{padding-left:max(2.5rem,env(safe-area-inset-left,0px));padding-right:max(2.5rem,env(safe-area-inset-right,0px))}}
.site-foot{max-width:76rem;margin:2.5rem auto 0;padding-top:1rem;border-top:1px solid var(--color-border-line);font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
.site-foot a{color:inherit}
.dash-skeleton{color:transparent!important;background:linear-gradient(90deg,var(--cds-chart-grid),var(--color-border-line),var(--cds-chart-grid));background-size:200% 100%;border-radius:6px;animation:sk 1.4s linear infinite}
.dash-skeleton>*{visibility:hidden}
.tg-chart.dash-skeleton{min-height:8rem}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.dash-skeleton{animation:none}}
.tg b{font-weight:600}

/* ---------- Painel ---------- */
.tg{position:relative;display:flex;flex-direction:column;gap:var(--cds-gap-xl);font-family:var(--font-anthropic-sans);max-width:76rem;margin-inline:auto}
.tg h1,.tg h2,.tg h3,.tg p{margin:0}
.tg-head{display:flex;flex-direction:column;gap:var(--cds-gap-sm)}
.tg-eyebrow{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);letter-spacing:.06em;text-transform:uppercase}
.tg-title{font-family:var(--font-anthropic-serif);font-weight:400;font-size:calc(var(--cds-font-size-title) * 1.35);line-height:1.15;text-wrap:balance}
.tg-take{font-size:var(--cds-font-size-heading);line-height:1.45;max-width:62ch;color:var(--color-fg)}
.tg-take b{font-weight:600}
.tg-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cds-gap-sm);padding:var(--cds-pad-md);background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius)}
.tg-filter label{font-size:var(--cds-font-size-body);font-weight:var(--cds-font-weight-medium)}
.tg select{font:inherit;font-size:var(--cds-font-size-body);padding:.4rem .6rem;border:1px solid var(--color-border-line);border-radius:var(--cds-radius);background:var(--color-bg);color:var(--color-fg);max-width:100%;min-width:0}
.tg button{font:inherit;font-size:var(--cds-font-size-caption);padding:.4rem .7rem;border:1px solid var(--color-border-line);border-radius:var(--cds-radius);background:var(--color-bg);color:var(--color-fg);cursor:pointer}
.tg button:hover{border-color:var(--color-fg-muted)}
.tg select:focus-visible,.tg button:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}
.tg-filter-note{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);flex-basis:100%}
.tg-refkey{display:inline-block;width:2px;height:.9em;background:var(--color-fg);vertical-align:-1px;margin-inline:.25rem}
.tg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));gap:var(--cds-gap-md)}
.tg-kpi{display:flex;flex-direction:column;gap:var(--cds-gap-xs);background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius);padding:var(--cds-pad-lg);min-width:0}
.tg-kpi-label{font-size:var(--cds-font-size-body);color:var(--color-fg-muted)}
.tg-kpi-num{font-family:var(--font-anthropic-serif);font-weight:400;font-size:calc(var(--cds-font-size-title) * 1.25);line-height:1.1;font-variant-numeric:tabular-nums;min-height:1.1em}
.tg-kpi-cmp{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);min-height:1.3em}
.tg-iso10{display:block;width:100%;max-width:15rem;height:auto;min-height:1.6rem}
.tg-sec{display:flex;flex-direction:column;gap:var(--cds-gap-md)}
.tg-sec-head{display:flex;gap:var(--cds-gap-sm);align-items:flex-start}
.tg-sec-head .tg-ic{width:1.6rem;height:1.6rem;flex:none;margin-top:.15rem;color:var(--color-fg-muted)}
.tg-sec-title{font-family:var(--font-anthropic-serif);font-weight:400;font-size:var(--cds-font-size-title);text-wrap:balance}
.tg-sec-sub{font-size:var(--cds-font-size-body);color:var(--color-fg-muted)}
.tg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--cds-gap-md)}
/* ocupa duas colunas quando a grade tem três (telas largas), para não deixar buraco */
@media (min-width:73rem){.tg-card.tg-span2{grid-column:span 2}}
.tg-card{display:flex;flex-direction:column;gap:var(--cds-gap-md);background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius);padding:var(--cds-pad-lg);min-width:0}
.tg-card.tg-wide{grid-column:1/-1}
.tg-card-title{font-size:var(--cds-font-size-heading);font-weight:var(--cds-font-weight-medium);text-wrap:balance}
.tg-card-note{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);margin-top:calc(var(--cds-gap-md) * -0.6)}
.tg-base{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);border-top:1px solid var(--color-border-line);padding-top:var(--cds-pad-sm);margin-top:auto}
.tg-chart{min-height:8rem;position:relative}
.tg-say{font-size:var(--cds-font-size-heading);line-height:1.4}
.tg-say b{font-weight:600}
.tg-iso100{display:block;width:100%;max-width:17rem;height:auto}
.tg-isowrap{display:flex;flex-wrap:wrap;gap:var(--cds-gap-lg);align-items:center}
.tg-isowrap > *{min-width:0}
.tg-isowrap .tg-say{flex:1 1 12rem}
.tg-ic{width:1.1rem;height:1.1rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tg-ic.tg-solid{fill:currentColor;stroke:none}
.tg-legend{display:flex;flex-wrap:wrap;gap:var(--cds-gap-xs) var(--cds-gap-md);font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-legend span{display:inline-flex;align-items:center;gap:.35rem}
.tg-sw{display:inline-block;width:.75rem;height:.75rem;border-radius:3px;flex:none}
.tg-bars{display:flex;flex-direction:column;gap:var(--cds-gap-sm)}
.tg-bar-row{display:flex;flex-direction:column;gap:.3rem;cursor:default}
.tg-bar-label{display:flex;gap:.45rem;align-items:flex-start;font-size:var(--cds-font-size-body);line-height:1.3}
.tg-bar-label .tg-ic{margin-top:.05rem;color:var(--color-fg-muted)}
.tg-bar-line{display:flex;align-items:center;gap:var(--cds-gap-sm)}
.tg-track{position:relative;flex:1;height:.85rem;border-radius:999px;background:var(--cds-chart-grid);min-width:0}
.tg-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px}
.tg-moe{position:absolute;top:-.15rem;bottom:-.15rem;border-radius:3px;background:var(--color-fg);opacity:.16}
.tg-ref{position:absolute;top:-.3rem;bottom:-.3rem;width:2px;margin-left:-1px;background:var(--color-fg);border-radius:1px}
.tg-val{font-variant-numeric:tabular-nums;font-size:var(--cds-font-size-body);font-weight:var(--cds-font-weight-medium);min-width:3.6rem;text-align:right}
.tg-bar-row:hover .tg-track{outline:1px solid var(--cds-chart-axis);outline-offset:2px}
.tg-stack-wrap{display:flex;flex-direction:column;gap:var(--cds-gap-sm)}
.tg-stack-cap{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-stack{display:flex;height:1.5rem;border-radius:6px;overflow:hidden;gap:2px}
.tg-stack.tg-thin{height:.7rem}
.tg-stack > div{height:100%;min-width:2px}
.tg-stack-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--cds-gap-sm)}
.tg-stack-legend > div{display:flex;flex-direction:column;gap:.1rem;font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-stack-legend b{font-size:var(--cds-font-size-heading);font-weight:var(--cds-font-weight-medium);color:var(--color-fg);font-variant-numeric:tabular-nums}
.tg-stack-legend .tg-lk{display:flex;align-items:center;gap:.35rem}
.tg-lik{display:flex;flex-direction:column;gap:var(--cds-gap-md)}
.tg-lik-row{display:flex;flex-direction:column;gap:.3rem}
.tg-lik-cap{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);font-variant-numeric:tabular-nums}
.tg-cmp-ctrl{display:flex;flex-wrap:wrap;gap:var(--cds-gap-sm);align-items:center;font-size:var(--cds-font-size-body)}
.tg-dots{display:flex;flex-direction:column}
.tg-dot-row{display:grid;grid-template-columns:minmax(6rem,13rem) minmax(0,1fr) 9.5rem;gap:var(--cds-gap-md);align-items:center;padding-block:.45rem;border-bottom:1px solid var(--color-border-line)}
.tg-dot-row.tg-axis{border-bottom:none;padding-block:0 .3rem}
.tg-dot-lab{font-size:var(--cds-font-size-body);line-height:1.25}
.tg-dot-track{position:relative;height:1.3rem}
.tg-dot-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--cds-chart-grid)}
.tg-axis .tg-dot-track::before{display:none}
.tg-tick{position:absolute;top:0;transform:translateX(-50%);font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.tg-gl{position:absolute;top:0;bottom:0;width:1px;background:var(--cds-chart-grid)}
.tg-ci{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:2px;opacity:.45}
.tg-dot{position:absolute;top:50%;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;border-radius:50%;border:2px solid var(--color-panel)}
.tg-dot-val{font-size:var(--cds-font-size-caption);display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums}
.tg-dot-val b{font-size:var(--cds-font-size-body);font-weight:var(--cds-font-weight-medium)}
.tg-verdict{color:var(--color-fg-muted)}
/* 0% ou 100% sem margem de erro estimada (ver flagNoMoe em painel.js) */
.tg-nomoe::after{content:"*";margin-left:.1em;color:var(--cds-chart-categorical-2);font-weight:700}
.tg-nomoe-note{margin:0;padding:.35rem .6rem;border-left:3px solid var(--cds-chart-categorical-2);background:var(--cds-chart-grid);border-radius:0 6px 6px 0;font-size:var(--cds-font-size-caption);line-height:1.4;color:var(--color-fg-muted)}
.tg-verdict.tg-up,.tg-verdict.tg-down{color:var(--color-fg);font-weight:var(--cds-font-weight-medium)}
.tg-verdict .tg-arrow{margin-right:.2em}.tg-up .tg-arrow{color:var(--color-positivo)}.tg-down .tg-arrow{color:var(--color-negativo)}
.tg-empty{font-size:var(--cds-font-size-body);color:var(--color-fg-muted)}
.tg-fail{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:inherit;font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-fail::before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:var(--color-bad)}
/* ---------- Como ler este painel: botão no cabeçalho + janela (dialog) ---------- */
.tg button.tg-guide-btn{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin-top:var(--cds-gap-xs);padding:.6rem 1.1rem .6rem .9rem;border:0;border-radius:999px;background:#fff;color:#1d3a96;font-size:var(--cds-font-size-body);font-weight:700;box-shadow:0 6px 18px -8px rgba(0,0,0,.45);transition:transform .15s ease,box-shadow .15s ease}
.tg button.tg-guide-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(0,0,0,.5)}
.tg button.tg-guide-btn:focus-visible{outline:3px solid var(--hero-hi,#ffd166);outline-offset:3px}
.tg-guide-btn .tg-ic{width:1.2rem;height:1.2rem}
.tg-guide{width:min(68rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:calc(var(--cds-radius) * 1.25);background:var(--color-panel);color:var(--color-fg);box-shadow:0 30px 80px -20px rgba(10,20,60,.5);overflow:auto;overscroll-behavior:contain}
.tg-guide::backdrop{background:rgba(12,18,40,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
body:has(.tg-guide[open]){overflow:hidden}
.tg-guide-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--cds-gap-md);padding:var(--cds-pad-md) var(--cds-pad-lg);background:var(--color-panel);border-bottom:1px solid var(--color-border-line)}
.tg-guide-ic{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border-radius:50%;background:var(--cds-chart-grid);color:var(--cds-chart-categorical-1)}
.tg-guide-ic .tg-ic{width:1.3rem;height:1.3rem}
.tg-guide-txt{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}
.tg-guide-title{font-size:var(--cds-font-size-heading);font-weight:700}
.tg-guide-sub{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg button.tg-guide-x{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;padding:0;border-radius:50%;background:var(--color-bg)}
.tg button.tg-guide-x:hover{background:var(--cds-chart-grid)}
.tg-guide-x .tg-ic{width:1.2rem;height:1.2rem}
.tg-guide-body{display:flex;flex-direction:column;gap:var(--cds-gap-md);padding:var(--cds-pad-lg)}
.tg-guide-note{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-guide .tg-lesson{background:var(--color-bg);scroll-margin-top:5rem}
.tg-guide .tg-lesson-vis{background:var(--color-panel)}
@media (max-width:520px){.tg-guide{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.tg-guide-sub{display:none}.tg-guide-top{padding:var(--cds-pad-md)}.tg-guide-body{padding:var(--cds-pad-md)}}
@media (prefers-reduced-motion:no-preference){.tg-guide[open]{animation:tg-rise .35s var(--tg-ease,ease-out) both}}
.tg-fonte{border-top:none}
/* ---------- Como ler este painel: guia visual ---------- */
.tg-learn{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:var(--cds-gap-md)}
.tg-lesson p{font-size:var(--cds-font-size-body);line-height:1.5;color:var(--color-fg-muted)}
.tg-lesson p b{color:var(--color-fg)}
.tg-lesson p a{color:var(--cds-chart-categorical-1)}
.tg-lesson .tg-card-title{display:flex;align-items:center;gap:.55rem}
.tg-lesson-n{display:grid;place-items:center;width:1.6rem;height:1.6rem;flex:none;border-radius:50%;background:var(--cds-chart-categorical-1);color:var(--color-panel);font-size:.8125rem;font-weight:700}
.tg-lesson-vis{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--cds-gap-sm);min-height:8.5rem;padding:1.6rem 1rem 1rem;background:var(--color-bg);border:1px solid var(--color-border-line);border-radius:var(--cds-radius)}
.tg-lesson-ex{position:absolute;top:.45rem;right:.6rem;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted);opacity:.8}
.tg-lesson-vis .tg-iso10{max-width:100%}
.tg-lesson-eq{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:1.05rem}
.tg-lesson-eq b{color:var(--cds-chart-categorical-1);font-weight:700}
.tg-lesson-eq span{color:var(--color-fg-muted)}
.tg-nest{display:flex;flex-direction:column;gap:.35rem;padding:.4rem .55rem .55rem;border:1.5px solid var(--cds-chart-axis);border-radius:8px;font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-nest .tg-nest{border-style:dashed}
.tg-nest.tg-nest-on{border:none;background:var(--cds-chart-categorical-1);color:var(--color-panel);font-weight:var(--cds-font-weight-medium)}
.tg-lesson-bar{display:flex;flex-direction:column;gap:.45rem}
.tg-lesson-bar .tg-track{flex:none}
.tg-lesson-row{display:flex;justify-content:space-between;font-size:var(--cds-font-size-caption)}
.tg-lesson-ann{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);padding-top:.15rem}
.tg-lesson-ann > span:first-child:not(.tg-refkey){font-weight:700;color:var(--color-fg);margin-right:.35rem}
.tg-lesson-br{padding-left:calc(var(--x) - .3rem)}
.tg-lesson-who{display:flex;justify-content:center;gap:2.5rem}
.tg-lesson-who > div{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium)}
.tg-lesson-who .tg-ic{width:2.6rem;height:2.6rem;color:var(--cds-chart-categorical-1)}
.tg-lesson-cmp{display:flex;flex-direction:column;gap:.15rem}
.tg-lesson-cmprow{display:grid;grid-template-columns:minmax(0,1fr) 8.2rem;gap:var(--cds-gap-md);align-items:center}
.tg-lesson-cmprow .tg-verdict{font-size:var(--cds-font-size-caption);white-space:nowrap}
.tg-lesson-cmprow .tg-dot{border-color:var(--color-bg)}
.tg-lesson-tip{display:flex;gap:.5rem;align-items:flex-start;font-size:var(--cds-font-size-body);color:var(--color-fg-muted)}
.tg-lesson-ast{color:var(--cds-chart-categorical-2)}
.tg-lesson-cores{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .6rem}
.tg-lesson-cores span{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .45rem;border-radius:999px;font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium);background:color-mix(in srgb,var(--sec) 13%,var(--color-panel));color:var(--color-fg)}
.tg-lesson-cores i{width:.9rem;height:.9rem;border-radius:50%;background:var(--sec);flex:none}
@media (min-width:1080px){.tg-lesson-cores{flex-wrap:nowrap;gap:.4rem}.tg-lesson-cores span{white-space:nowrap;flex:none;padding:.3rem .6rem .3rem .4rem;gap:.35rem;font-size:.75rem}.tg-lesson-cores i{width:.75rem;height:.75rem}}
@media (min-width:1280px){.tg-lesson-cores{gap:.6rem}.tg-lesson-cores span{padding:.35rem .75rem .35rem .45rem;gap:.45rem;font-size:var(--cds-font-size-caption)}.tg-lesson-cores i{width:.9rem;height:.9rem}}
.tg-lesson-tip .tg-ic{margin-top:.2rem;color:var(--cds-chart-categorical-1)}
.tg-how-more{font-size:var(--cds-font-size-body);color:var(--color-fg-muted)}
.tg-how-more a{color:var(--cds-chart-categorical-1);font-weight:var(--cds-font-weight-medium)}
.tg-tip{position:absolute;z-index:5;pointer-events:none;background:var(--cds-surface-popover);border:1px solid var(--cds-border);border-radius:var(--cds-radius);box-shadow:var(--cds-shadow-popover);padding:var(--cds-pad-xs) var(--cds-pad-sm);font-size:var(--cds-font-size-caption);max-width:17rem;display:flex;flex-direction:column;gap:.15rem}
.tg-tip div:first-child{color:var(--cds-text-secondary)}
[data-dash-source-state=refreshing]{opacity:.5;transition:opacity var(--cds-dur-slow)}
[data-dash-source-state=empty]{color:transparent}
@media (max-width:560px){
  .tg-dot-row{grid-template-columns:minmax(0,1fr) 7.5rem;row-gap:.2rem}
  .tg-dot-lab{grid-column:1/-1}
  .tg-axis .tg-dot-lab{display:none}
}
/* ---------- Animações (js/animacao.js liga .tg-reveal / .tg-in) ----------
   --d: atraso do bloco ao entrar na tela; --i: posição da linha ou figura dentro do gráfico. */
@media (prefers-reduced-motion:no-preference){
  :root{--tg-ease:cubic-bezier(.16,1,.3,1)}
  .tg-reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--tg-ease) var(--d,0ms),transform .7s var(--tg-ease) var(--d,0ms)}
  .tg-reveal.tg-in{opacity:1;transform:none}
  /* barras: crescem da esquerda, uma após a outra; margem de erro e traço do Brasil aparecem depois */
  .tg-in .tg-fill{transform-origin:left;animation:tg-grow 1s var(--tg-ease) both;animation-delay:calc(var(--d,0ms) + 120ms + var(--i,0) * 70ms)}
  .tg-in .tg-moe,.tg-in .tg-ref{animation:tg-fade .5s ease-out both;animation-delay:calc(var(--d,0ms) + 700ms + var(--i,0) * 70ms)}
  /* barras empilhadas: pintadas da esquerda para a direita */
  .tg-in .tg-stack{animation:tg-wipe 1.1s var(--tg-ease) both;animation-delay:calc(var(--d,0ms) + 120ms + var(--i,0) * 90ms)}
  .tg-in .tg-stack > div{animation:none}
  /* legendas e linhas de texto dos gráficos */
  .tg-in .tg-stack-legend > div,.tg-in .tg-bar-label,.tg-in .tg-dot-lab,.tg-in .tg-dot-val{animation:tg-rise .6s var(--tg-ease) both;animation-delay:calc(var(--d,0ms) + 80ms + var(--i,0) * 60ms)}
  /* pictogramas: as figuras acendem em sequência (só opacidade, para não mexer na posição do SVG) */
  .tg-in .tg-p{animation:tg-fadein .35s ease-out both;animation-delay:calc(var(--d,0ms) + 100ms + var(--i,0) * 9ms)}
  .tg-in .tg-iso10 .tg-c{animation:tg-fadein .4s ease-out both;animation-delay:calc(var(--d,0ms) + 150ms + var(--i,0) * 70ms)}
  /* comparação: faixa da margem de erro abre a partir do ponto, e o ponto surge */
  .tg-in .tg-ci{animation:tg-grow-c .8s var(--tg-ease) both;animation-delay:calc(var(--d,0ms) + 200ms + var(--i,0) * 70ms)}
  .tg-in .tg-dot{animation:tg-pop .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--d,0ms) + 300ms + var(--i,0) * 70ms)}
  /* cartões da tela inicial: leve elevação ao passar o mouse */
  #fato-txt,#fato-ic{animation:tg-rise .5s var(--tg-ease) both}
  @keyframes tg-grow{from{transform:scaleX(0)}}
  @keyframes tg-grow-c{from{transform:scaleX(0);opacity:0}}
  @keyframes tg-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  @keyframes tg-fade{from{opacity:0}}
  @keyframes tg-fadein{from{opacity:0}}
  @keyframes tg-rise{from{opacity:0;transform:translateY(6px)}}
  @keyframes tg-pop{from{transform:scale(0)}}
}
/* a imagem de compartilhar e a impressão saem sempre completas */
.tg-shot *,.tg-shot{animation:none!important;transition:none!important}
.tg-shot .tg-reveal{opacity:1!important;transform:none!important}
@media print{.tg-reveal{opacity:1!important;transform:none!important}*{animation:none!important}}

/* ---------- Barra de navegação ---------- */
.nav{position:sticky;top:0;z-index:20;background:var(--color-bg);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-line)}
.nav-in{max-width:calc(76rem + 32px);margin-inline:auto;min-height:3.6rem;display:flex;align-items:center;justify-content:space-between;gap:var(--cds-gap-md);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:900px){.nav-in{max-width:calc(76rem + 5rem);padding-left:max(2.5rem,env(safe-area-inset-left,0px));padding-right:max(2.5rem,env(safe-area-inset-right,0px))}}
.nav-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-fg);text-decoration:none;font-family:var(--font-anthropic-serif);font-size:1.3rem;line-height:1;white-space:nowrap;flex:none}
.nav-brand b{font-weight:600;color:var(--cds-chart-categorical-1)}
.nav-logo{width:1.75rem;height:1.75rem;flex:none}
.nav-logo rect{fill:var(--cds-chart-categorical-1)}
.nav-logo path{fill:var(--color-panel)}
.nav-links{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;min-width:0}
.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;color:var(--color-fg-muted);text-decoration:none;font-size:var(--cds-font-size-body);white-space:nowrap}
.nav-link:hover{color:var(--color-fg);background:var(--cds-chart-grid)}
.nav-link[aria-current=page]{color:var(--color-fg);background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-border-line);font-weight:var(--cds-font-weight-medium)}
.nav-link[aria-current=page] .tg-ic{color:var(--cds-chart-categorical-1)}
.nav-links{margin-left:auto}
.nav-tema{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border-line);border-radius:50%;background:var(--color-panel);color:var(--color-fg);cursor:pointer}
.nav-tema:hover{border-color:var(--color-fg-muted)}
.nav-tema .tg-ic{width:1.15rem;height:1.15rem}
.nav-tema .nav-sol,.nav-tema[data-tema=dark] .nav-lua{display:none}
.nav-tema[data-tema=dark] .nav-sol{display:block}
.nav-tema:focus-visible,.nav-brand:focus-visible,.nav-link:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}
@media (max-width:520px){.nav-in{gap:var(--cds-gap-sm)}.nav-link .tg-ic{display:none}.nav-links{gap:0}.nav-link{padding:.4rem .5rem;font-size:.8125rem}.nav-brand{font-size:1.05rem;gap:.4rem}.nav-logo{width:1.4rem;height:1.4rem}.nav-tema{width:2rem;height:2rem}}
@media (max-width:760px){.nav-link .tg-ic{display:none}}
@media (max-width:560px){.nav-in{flex-wrap:wrap;row-gap:.65rem;padding-top:.6rem}.nav-tema{margin-left:auto}.nav-links{order:3;flex-basis:100%;margin-left:0;justify-content:space-between;padding-bottom:.5rem}.nav-link{font-size:.875rem}.tg-sec,.tg-kpis,.tg-card{scroll-margin-top:8rem}}
.tg-sec,.tg-kpis,.tg-card{scroll-margin-top:5rem}

/* ---------- Compartilhar ---------- */
.tg-card.tg-has-share{position:relative}
.tg-has-share > .tg-card-title,.tg-has-share > .tg-cmp-ctrl{padding-right:2.5rem}
.tg .tg-share{position:absolute;top:.75rem;right:.75rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border-radius:50%;border:1px solid transparent;background:none;color:var(--color-fg-muted)}
.tg .tg-share:hover,.tg .tg-share[aria-expanded=true]{color:var(--color-fg);border-color:var(--color-border-line);background:var(--color-bg)}
.tg-share .tg-ic{width:1.1rem;height:1.1rem}
.tg-alt{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-alt summary{width:fit-content;cursor:pointer;font-weight:var(--cds-font-weight-medium);color:var(--cds-chart-categorical-1)}
.tg-alt summary:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px;border-radius:2px}
.tg-alt[open] summary{margin-bottom:var(--cds-gap-sm)}
.tg-alt ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem;color:var(--color-fg);line-height:1.45}
.tg-alt ul ul{margin-top:.2rem;gap:.15rem}
.tg .tg-ouvir{margin-bottom:var(--cds-gap-sm);padding:.3rem .8rem;border:1px solid var(--color-border-line);border-radius:999px;background:var(--color-bg);color:var(--color-fg);font:inherit;cursor:pointer}
.tg .tg-ouvir:hover{border-color:var(--color-fg-muted)}
.tg-share-menu{position:absolute;z-index:30;width:15rem;max-width:calc(100vw - 16px);display:flex;flex-direction:column;padding:.35rem;background:var(--cds-surface-popover);border:1px solid var(--cds-border);border-radius:var(--cds-radius);box-shadow:var(--cds-shadow-popover);font-family:var(--font-anthropic-sans)}
.tg-share-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;border:none;border-radius:calc(var(--cds-radius) - 4px);background:none;color:var(--color-fg);font:inherit;font-size:var(--cds-font-size-body);text-align:left;cursor:pointer}
.tg-share-item:hover,.tg-share-item:focus-visible{background:var(--cds-chart-grid);outline:none}
.tg-share-item:disabled{opacity:.6;cursor:progress}
.tg-share-item .tg-ic{color:var(--color-fg-muted)}
.tg-share-hint{margin:.25rem .6rem .1rem;font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);line-height:1.35}
.tg-share-status{margin:0 .6rem .25rem;font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium)}
.tg-share-status:empty{display:none}
.tg-shot{position:absolute;left:-10000px;top:0;width:720px;padding:28px;display:flex;flex-direction:column;gap:16px;background:var(--color-bg);color:var(--color-fg)}
.tg-shot-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tg-shot-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem}
.tg-shot-brand b{color:var(--cds-chart-categorical-1)}
.tg-shot-rec{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);text-align:right}
.tg-shot .tg-card{position:static}
.tg-shot .tg-has-share > .tg-card-title,.tg-shot .tg-has-share > .tg-cmp-ctrl{padding-right:0}
.tg-shot .tg-shot-sel{padding:.2rem .5rem;border:1px solid var(--color-border-line);border-radius:var(--cds-radius)}
.tg-shot-foot{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}

/* ---------- Início ---------- */
.tg-hero{display:flex;flex-direction:column;gap:var(--cds-gap-md);padding-top:var(--cds-gap-lg)}
.tg-hero-title{font-family:var(--font-anthropic-serif);font-weight:400;font-size:clamp(2.6rem,7vw,4.2rem);line-height:1;letter-spacing:-.01em}
.tg-hero-title span{color:var(--cds-chart-categorical-1);font-weight:600}
.tg-hero-lead{font-family:var(--font-anthropic-serif);font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.3}
.tg-hero-text{color:var(--color-fg-muted)}
.tg-fact{display:flex;gap:var(--cds-gap-lg);align-items:flex-start;padding:1.5rem;border-radius:calc(var(--cds-radius) * 1.4);background:var(--color-panel);border:1px solid var(--color-border-line);border-left:4px solid var(--cds-chart-categorical-1)}
.tg-fact-ic{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;border-radius:50%;background:var(--cds-chart-grid);color:var(--cds-chart-categorical-1)}
.tg-fact-ic .tg-ic{width:1.75rem;height:1.75rem}
.tg-fact-body{display:flex;flex-direction:column;gap:var(--cds-gap-sm);min-width:0;flex:1}
.tg .tg-fact-eyebrow{font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--cds-chart-categorical-1)}
.tg-fact-txt{font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.3;text-wrap:balance;max-width:40ch;min-height:1.3em}
.tg-fact-txt b{color:var(--cds-chart-categorical-1)}
.tg-fact .tg-iso10{max-width:16rem}
.tg-fact-meta{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.tg-fact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cds-gap-md);margin-top:var(--cds-gap-xs)}
.tg-fact-actions button{display:inline-flex;align-items:center;gap:.4rem}
.tg-fact-link{font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium);color:var(--cds-chart-categorical-1);text-decoration:none}
.tg-fact-link:hover{text-decoration:underline}
@media (max-width:520px){.tg-fact{padding:1.15rem;gap:var(--cds-gap-md)}.tg-fact-ic{width:2.75rem;height:2.75rem}.tg-fact-ic .tg-ic{width:1.35rem;height:1.35rem}}
/* ---------- Sobre ---------- */
.tg-about p,.tg-about li{font-size:var(--cds-font-size-body);line-height:1.55}
.tg-about ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem}
.tg-about .tg-fact-link{margin-top:auto}
.tg-autor-papel{display:block;font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted)}
.tg-autor .tg-fact-link{display:inline-block;margin-top:.3rem;margin-right:1rem}
.tg-about-head{display:flex;align-items:center;gap:var(--cds-gap-md)}
.tg-autor{display:flex;align-items:center;gap:var(--cds-gap-lg)}
.tg-autor-foto{width:6.5rem;height:6.5rem;flex:none;border-radius:50%;object-fit:cover;background:var(--cds-chart-grid);box-shadow:0 0 0 3px var(--color-panel),0 0 0 5px var(--cds-chart-categorical-1)}
.tg-autor .tg-autor-nome{display:inline-block;font-size:var(--cds-font-size-heading);margin-bottom:.15rem}
@media (max-width:520px){.tg-autor{gap:var(--cds-gap-md)}.tg-autor-foto{width:5rem;height:5rem}}
@media (max-width:330px){.tg-autor{flex-direction:column;align-items:flex-start}}
.tg-cite{display:flex;flex-direction:column;background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius)}
.tg-cite-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;gap:var(--cds-gap-md);align-items:start;padding:var(--cds-pad-lg)}
.tg-cite-row + .tg-cite-row{border-top:1px solid var(--color-border-line)}
.tg-cite-lab{font-size:var(--cds-font-size-caption);font-weight:var(--cds-font-weight-medium);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.06em;padding-top:.15rem}
.tg-cite-row p{font-size:var(--cds-font-size-body);line-height:1.5;overflow-wrap:anywhere}
@media (max-width:620px){.tg-cite-row{grid-template-columns:minmax(0,1fr) auto}.tg-cite-row p{grid-column:1/-1;grid-row:2}}
.tg-door-ic{display:grid;place-items:center;width:3rem;height:3rem;flex:none;border-radius:50%;color:var(--cds-chart-categorical-1);background:var(--cds-chart-grid)}
.tg-door-ic .tg-ic{width:1.5rem;height:1.5rem}
.tg-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--cds-gap-lg)}
.tg-feature{display:flex;gap:var(--cds-gap-sm);align-items:flex-start}
.tg-feature .tg-ic{width:1.4rem;height:1.4rem;margin-top:.1rem;color:var(--cds-chart-categorical-1)}
.tg-feature h3{font-size:var(--cds-font-size-heading);font-weight:var(--cds-font-weight-medium);margin-bottom:.2rem}
.tg-feature h3 a{color:inherit;text-decoration-color:var(--cds-chart-axis);text-underline-offset:3px}
.tg-feature p{color:var(--color-fg-muted);font-size:var(--cds-font-size-body)}
.tg-page{display:flex;flex-direction:column;gap:var(--cds-gap-xl);scroll-margin-top:100vh}
.tg-page[hidden]{display:none}
.tg-isorows{display:flex;flex-direction:column;gap:var(--cds-gap-lg)}
.tg-isorow{display:flex;flex-direction:column;gap:var(--cds-gap-xs)}
.tg-isorow .tg-iso10{max-width:20rem}
.tg-isorow .tg-say{font-size:var(--cds-font-size-body)}
.tg-cols4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--cds-gap-lg)}
.tg-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:var(--cds-gap-md)}
.tg-grid21{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cds-gap-md)}
@media (min-width:900px){.tg-grid21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
.tg-cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--cds-gap-lg) var(--cds-gap-xl)}

/* =====================================================================
   Tema vibrante: cada tema da pesquisa ganha sua cor, cabeçalhos em
   faixa colorida e destaques tingidos. Tudo abaixo sobrescreve o visual
   base; o destaque dos gráficos segue a cor da seção (bloco no fim).
   ===================================================================== */
:root{
  --font-anthropic-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-anthropic-serif:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --color-bg:#f4f6fb;
  --v-slate:#454d60;--v-blue:#2f5fd0;--v-teal:#0b8a7f;--v-orange:#c95f0e;--v-purple:#7346d0;--v-pink:#c73674;--v-gold:#9a6a00;
  --hero-a:#2448b8;--hero-b:#3b6be6;--hero-c:#7346d0;--hero-hi:#ffd166;
  --v-shadow:0 1px 2px rgba(20,30,70,.06),0 10px 28px -14px rgba(20,30,70,.22);
  --cds-radius:16px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --color-bg:#10121a;
  --v-slate:#c5ccda;--v-blue:#7aa0ff;--v-teal:#3fd0c0;--v-orange:#f5a053;--v-purple:#b28cf5;--v-pink:#f07aaf;--v-gold:#f2c14e;
  --hero-a:#1b2f80;--hero-b:#2a4fc0;--hero-c:#5434a6;
  --v-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -14px rgba(0,0,0,.6);
}}
:root[data-theme="dark"]{
  --color-bg:#10121a;
  --v-slate:#c5ccda;--v-blue:#7aa0ff;--v-teal:#3fd0c0;--v-orange:#f5a053;--v-purple:#b28cf5;--v-pink:#f07aaf;--v-gold:#f2c14e;
  --hero-a:#1b2f80;--hero-b:#2a4fc0;--hero-c:#5434a6;
  --v-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -14px rgba(0,0,0,.6);
}

/* cor de cada tema */
.tg-sec,.tg-kpi,.tg-feature{--sec:var(--v-blue)}
#conexao{--sec:var(--v-teal)}
#equipamentos,#tecnologia{--sec:var(--v-orange)}
#regras,#ia{--sec:var(--v-purple)}
#comunicacao,#comparar{--sec:var(--v-pink)}
#perfil{--sec:var(--v-blue)}

/* navegação */
.nav-brand{font-weight:700;letter-spacing:-.01em}
.nav-brand b{font-weight:800}
.nav-link{font-weight:500}
.nav-link[aria-current=page]{background:var(--v-blue);color:#fff;box-shadow:0 4px 14px -6px var(--v-blue)}
.nav-link[aria-current=page] .tg-ic{color:#fff}
:root[data-theme="dark"] .nav-link[aria-current=page]{color:#0b1230}
:root[data-theme="dark"] .nav-link[aria-current=page] .tg-ic{color:#0b1230}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav-link[aria-current=page],:root:not([data-theme="light"]) .nav-link[aria-current=page] .tg-ic{color:#0b1230}}

/* cabeçalhos em faixa colorida (início, sobre, escolas, gestores) */
.tg-hero,.tg-head{position:relative;overflow:hidden;isolation:isolate;padding:clamp(1.6rem,4vw,3rem);border-radius:calc(var(--cds-radius) * 1.5);
  background:radial-gradient(120% 140% at 100% 0%,var(--hero-c) 0%,transparent 55%),linear-gradient(135deg,var(--hero-a),var(--hero-b));
  color:#fff;box-shadow:0 18px 40px -22px var(--hero-a)}
.tg-hero::after,.tg-head::after{content:"";position:absolute;z-index:-1;right:-3rem;top:50%;width:clamp(11rem,28vw,19rem);aspect-ratio:1;transform:translateY(-50%) rotate(-12deg);opacity:.9;pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%23fff' stroke-opacity='.18' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%23fff' stroke-opacity='.12' stroke-width='1.5' stroke-dasharray='2 4'/%3E%3Cpath d='M50 8v8M50 84v8M8 50h8M84 50h8' stroke='%23fff' stroke-opacity='.3' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M50 18l9 32H41z' fill='%23ffd166'/%3E%3Cpath d='M50 82l-9-32h18z' fill='%23fff' fill-opacity='.45'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23fff'/%3E%3C/svg%3E")}
.tg-hero .tg-eyebrow,.tg-head .tg-eyebrow{color:rgba(255,255,255,.82);font-weight:600}
.tg-hero-title,.tg-title{font-weight:800;letter-spacing:-.025em;color:#fff;max-width:20ch}
.tg-hero-title span{color:var(--hero-hi);font-weight:800}
.tg-hero-lead{font-weight:600;color:#fff;max-width:34ch}
.tg-hero-text,.tg-head .tg-take{color:rgba(255,255,255,.88);max-width:62ch}
.tg-head .tg-take b{color:var(--hero-hi)}
.tg-head .tg-take.dash-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.24),rgba(255,255,255,.12));background-size:200% 100%}
.tg-hero > *,.tg-head > *{max-width:min(100%,46rem)}
@media (max-width:620px){.tg-hero::after,.tg-head::after{right:-5rem;top:.5rem;width:10rem;transform:rotate(-12deg);opacity:.35}.tg-title{font-size:1.65rem}}

/* cartões */
.tg-card,.tg-kpi,.tg-filter,.tg-cite,.tg-fact{border-color:color-mix(in srgb,var(--color-border-line) 70%,transparent);box-shadow:var(--v-shadow)}
.tg-sec .tg-card{box-shadow:inset 0 4px 0 var(--sec),var(--v-shadow)}
.tg-card-title{font-weight:700}
.tg button{border-radius:999px}

/* seções: ícone em pastilha colorida + filete */
.tg-sec-head{gap:var(--cds-gap-md);align-items:center}
.tg-sec-head .tg-ic{width:3rem;height:3rem;padding:.7rem;margin-top:0;border-radius:14px;color:var(--sec);background:color-mix(in srgb,var(--sec) 15%,var(--color-panel));stroke-width:1.9}
.tg-sec-head .tg-ic.tg-solid{padding:.75rem}
.tg-sec-title{font-weight:800;letter-spacing:-.02em}
.tg-sec-head .tg-sec-title{width:fit-content;max-width:100%;line-height:1.2}
.tg-sec-head .tg-sec-title::after{content:"";display:block;width:calc(100% + 1.25rem);max-width:calc(100vw - 6rem);height:4px;margin-top:.3rem;border-radius:4px;background:var(--sec)}

/* destaques tingidos com a cor da seção a que se referem (totais ficam no azul) */
#kpi-internet,#kpi-alunos{--sec:var(--v-teal)}
#kpi-celular,#kpi-guia-ia,#kpi-ia{--sec:var(--v-purple)}
#kpi-reuniao{--sec:var(--v-orange)}
.tg-kpi{--cds-chart-categorical-1:var(--sec);background:color-mix(in srgb,var(--sec) 9%,var(--color-panel));border-color:color-mix(in srgb,var(--sec) 28%,var(--color-panel))}
.tg-kpi-label{color:var(--color-fg);font-weight:600}
.tg-kpi-num{color:var(--sec);font-weight:800;letter-spacing:-.02em}

/* início: "Você sabia?" e recursos */
.tg-fact{border-left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--v-blue) 10%,var(--color-panel)),color-mix(in srgb,var(--v-purple) 10%,var(--color-panel)))}
.tg-fact-ic{background:linear-gradient(135deg,var(--v-blue),var(--v-purple));color:#fff;border-radius:18px}
.tg-fact-txt{font-weight:700;letter-spacing:-.01em}
.tg-feature:nth-child(4n+1){--sec:var(--v-blue)}
.tg-feature:nth-child(4n+2){--sec:var(--v-teal)}
.tg-feature:nth-child(4n+3){--sec:var(--v-orange)}
.tg-feature:nth-child(4n+4){--sec:var(--v-purple)}
.tg-feature{flex-direction:column;gap:var(--cds-gap-md);padding:var(--cds-pad-lg);border-radius:var(--cds-radius);background:var(--color-panel);box-shadow:inset 0 4px 0 var(--sec),var(--v-shadow)}
.tg-feature .tg-ic{width:2.75rem;height:2.75rem;padding:.65rem;margin:0;border-radius:14px;color:var(--sec);background:color-mix(in srgb,var(--sec) 15%,var(--color-panel))}
.tg-feature h3{font-weight:700}
.tg-guide-ic{border-radius:14px;background:color-mix(in srgb,var(--v-blue) 14%,var(--color-panel))}

/* gráficos seguem a cor da seção: o destaque vira a cor do tema, a escala
   sequencial é tingida por ela e a cor da paleta que coincidiria vira grafite,
   que não é cor de nenhuma seção */
.tg-sec[id]:not(#perfil){
  --cds-chart-categorical-1:var(--sec);
  --color-mulheres:var(--sec);
  --seq-escuro:color-mix(in oklab,var(--sec) 78%,#000);
  --seq-claro:color-mix(in oklab,var(--sec) 28%,#fff);
}
#conexao{--cds-chart-categorical-6:var(--v-slate);--cds-chart-categorical-3:var(--v-slate)}
#equipamentos,#tecnologia{--cds-chart-categorical-2:var(--v-slate)}
#regras,#ia{--cds-chart-categorical-4:var(--v-slate)}
#comunicacao,#comparar{--cds-chart-categorical-5:var(--v-slate)}

/* =====================================================================
   Início: cabeçalho em duas colunas, com o cartão "Você sabia?" flutuando
   sobre o gradiente, e faixa de números-chave logo abaixo.
   ===================================================================== */
.tg-hero-home{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.6rem,4.5vw,3.5rem)}
.tg-hero-home > *{max-width:none}
.tg-hero-copy{display:flex;flex-direction:column;gap:var(--cds-gap-md)}
.tg-hero-home .tg-hero-title{font-size:clamp(2.6rem,6vw,4.4rem)}
.tg-hero-home .tg-hero-text{max-width:46ch}
@media (min-width:900px){.tg-hero-home{grid-template-columns:minmax(0,1.15fr) minmax(19rem,25rem)}.tg-hero-home::after{right:auto;left:40%;opacity:.32}}
.tg-hero-home .tg-fact{flex-direction:column;gap:var(--cds-gap-md);padding:clamp(1.25rem,2.5vw,1.75rem);border:0;border-radius:calc(var(--cds-radius) * 1.4);background:var(--color-panel);color:var(--color-fg);box-shadow:0 30px 60px -24px rgba(5,12,45,.6),0 2px 6px rgba(5,12,45,.15)}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){.tg-hero-home .tg-fact{rotate:1.2deg;transition:rotate .3s ease}.tg-hero-home .tg-fact:hover,.tg-hero-home .tg-fact:focus-within{rotate:0deg}}
.tg-fact-top{display:flex;align-items:center;gap:.7rem}
.tg-hero-home .tg-fact-ic{width:2.75rem;height:2.75rem;border-radius:14px}
.tg-hero-home .tg-fact-ic .tg-ic{width:1.4rem;height:1.4rem}
.tg-hero-home .tg-fact-txt{font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.25;max-width:none;min-height:3.75em}
.tg-hero-home .tg-fact-txt b{display:block;font-size:1.5em;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:.15em}
.tg-hero-home .tg-fact .tg-iso10{max-width:100%}
.tg-hero-home .tg-fact-meta{min-height:2.6em}
.tg-hero-home .tg-fact-actions{justify-content:space-between}
.tg .tg-hero-home #fato-outro{padding:.55rem 1rem .55rem .8rem;border:0;background:var(--v-blue);color:#fff;font-size:var(--cds-font-size-body);font-weight:700}
:root[data-theme="dark"] .tg .tg-hero-home #fato-outro{color:#0b1230}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg .tg-hero-home #fato-outro{color:#0b1230}}

.tg-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--color-panel);border-radius:var(--cds-radius);box-shadow:var(--v-shadow);overflow:hidden}
.tg-home-stat{--sec:var(--color-fg);display:flex;flex-direction:column;gap:.3rem;padding:1.25rem 1.4rem;color:inherit;text-decoration:none;border-left:1px solid var(--color-border-line);transition:background .15s ease}
.tg-home-stat:first-child{border-left:0}
.tg-home-stat:hover{background:color-mix(in srgb,var(--sec) 7%,var(--color-panel))}
.tg-home-stat:focus-visible{outline:2px solid var(--color-fg);outline-offset:-2px}
.tg .tg-home-num{width:fit-content;min-width:3ch;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--sec);font-variant-numeric:tabular-nums}
.tg-home-stat span{font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);line-height:1.35}
@media (max-width:760px){.tg-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-home-stat{padding:1rem 1.1rem}.tg-home-stat:nth-child(odd){border-left:0}.tg-home-stat:nth-child(n+3){border-top:1px solid var(--color-border-line)}}