:root{
  /* Paleta "neuro": frios na interface, verde para ação/sucesso, amarelo só para destaque, vermelho/laranja só para alerta */
  --bg:#f4f6f9; --bg2:#e9eef4; --card:#fbfcfd; --ink:#2c3e50; --ink2:#4a5d70; --muted:#7a8a9a;
  --line:#d9e1ea; --brand:#2a5ea8; --brand2:#3d74c2; --brand-soft:#e3ecf8;
  --acao:#1d7a5a; --acao2:#239069;
  --ok:#1d7a5a; --ok-soft:#dcefe7; --bad:#c0392b; --bad-soft:#f9e1de; --warn:#c2610c; --warn-soft:#fcebd9;
  --gold:#d4a72c; --marca:rgba(255,214,0,.38);
  --shadow:0 1px 2px rgba(30,50,80,.06),0 6px 24px rgba(30,50,80,.07);
  --r:14px; --serif:"Merriweather",Georgia,serif; --sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#121821; --bg2:#1a2230; --card:#1b2432; --ink:#e3e9f0; --ink2:#b4c0cd; --muted:#8495a7; --line:#2c3848;
  --brand:#7fb0f0; --brand2:#9cc3f5; --brand-soft:#1f3150; --acao:#2f9e76; --acao2:#38b386;
  --ok:#5fcf9f; --ok-soft:#163328; --bad:#ff8a7d; --bad-soft:#3d1f1d; --warn:#f2a659; --warn-soft:#3a2914; --gold:#e3bf55; --marca:rgba(255,214,0,.22);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.35); color-scheme:dark;}}
:root[data-theme="dark"]{
  --bg:#121821; --bg2:#1a2230; --card:#1b2432; --ink:#e3e9f0; --ink2:#b4c0cd; --muted:#8495a7; --line:#2c3848;
  --brand:#7fb0f0; --brand2:#9cc3f5; --brand-soft:#1f3150; --acao:#2f9e76; --acao2:#38b386;
  --ok:#5fcf9f; --ok-soft:#163328; --bad:#ff8a7d; --bad-soft:#3d1f1d; --warn:#f2a659; --warn-soft:#3a2914; --gold:#e3bf55; --marca:rgba(255,214,0,.22);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.35); color-scheme:dark;}

*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}
body{min-height:100vh;-webkit-font-smoothing:antialiased}
.protegido{-webkit-user-select:none;user-select:none}
.protegido textarea,.protegido input{-webkit-user-select:text;user-select:text}
a{color:var(--brand)}
button{font:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}

/* top bar */
.topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topo .wrap{display:flex;align-items:center;gap:12px;height:60px}
.marca{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.2rem;font-weight:700}
.selo{width:32px;height:32px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.95rem}
.topo .esp{flex:1}
.btn-ic{background:none;border:1px solid var(--line);color:var(--ink2);border-radius:10px;height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-size:.88rem}
.btn-ic:hover{border-color:var(--brand);color:var(--brand)}
.quem{font-size:.82rem;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* generic */
.migalha{font-size:.85rem;color:var(--muted);margin:22px 0 8px;display:flex;gap:6px;flex-wrap:wrap}
.migalha a{color:var(--muted);text-decoration:none}.migalha a:hover{color:var(--brand)}
.titulo-pg{margin:0 0 6px;font-size:clamp(1.6rem,4vw,2.3rem)}
.sub-pg{color:var(--ink2);margin:0 0 22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.btn{border:0;border-radius:11px;padding:11px 18px;font-weight:700;background:var(--acao);color:#fff;display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none;font-size:.95rem}
.btn:hover{filter:brightness(1.07)}
.btn.sec{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.btn.sec:hover{border-color:var(--brand);color:var(--brand)}
.btn.peq{padding:7px 12px;font-size:.85rem;border-radius:9px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--bg2);color:var(--ink2);letter-spacing:.02em}
.chip.br{background:var(--brand-soft);color:var(--brand)}
.chip.ok{background:var(--ok-soft);color:var(--ok)}
.chip.bad{background:var(--bad-soft);color:var(--bad)}
.chip.warn{background:var(--warn-soft);color:var(--warn)}
.vazio{padding:40px;text-align:center;color:var(--muted)}
.barra{height:6px;background:var(--bg2);border-radius:99px;overflow:hidden}
.barra>i{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .4s}

/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:
  radial-gradient(1200px 500px at 10% -10%,var(--brand-soft),transparent 60%),var(--bg)}
.login .card{width:100%;max-width:400px;padding:30px 26px}
.login h1{font-size:1.7rem;margin:14px 0 4px}
.login p{color:var(--ink2);margin:0 0 20px;font-size:.95rem}
label.campo{display:block;font-size:.82rem;font-weight:700;color:var(--ink2);margin:12px 0 6px}
.inp{width:100%;padding:12px 13px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.inp:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}
.erro{background:var(--bad-soft);color:var(--bad);padding:10px 12px;border-radius:10px;font-size:.9rem;margin-top:12px}
.nota{font-size:.8rem;color:var(--muted);margin-top:16px}

/* home / av */
.hero{padding:26px 0 8px}
.av-card{padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}
.av-card:hover{transform:translateY(-2px);border-color:var(--brand)}
.av-card h3{font-size:1.3rem}
.roteiro{padding:20px 22px;margin-bottom:22px;border-left:4px solid var(--brand)}
.roteiro h3{font-size:1.1rem;margin-bottom:10px}
.roteiro ul{margin:0;padding-left:20px}
.roteiro li{margin:3px 0}
.dois{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:820px){.dois{grid-template-columns:1.1fr .9fr}}
.avisos li::marker{content:"⚑  ";color:var(--brand)}
.top-card{padding:18px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}
.top-card:hover{transform:translateY(-2px);border-color:var(--brand)}
.top-card h3{font-size:1.15rem}
.top-card .meta{display:flex;flex-wrap:wrap;gap:5px}
.top-card.pend{opacity:.8;border-style:dashed}
.acoes-av{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}

/* topic */
.abas{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;margin-bottom:14px;scrollbar-width:thin;position:sticky;top:60px;background:var(--bg);z-index:10}
.aba{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink2);padding:8px 14px;border-radius:99px;font-weight:650;font-size:.88rem;text-decoration:none;white-space:nowrap}
.aba.on{background:var(--brand);border-color:var(--brand);color:#fff}
.aba small{opacity:.75;font-weight:600;margin-left:4px}

/* resumo */
.resumo{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:900px){.resumo{grid-template-columns:230px 1fr}}
.indice{display:none}
@media(min-width:900px){.indice{display:block;position:sticky;top:130px;align-self:start;max-height:calc(100vh - 150px);overflow:auto}}
.indice a{display:block;padding:6px 10px;border-radius:8px;color:var(--ink2);text-decoration:none;font-size:.87rem;border-left:2px solid transparent}
.indice a:hover{background:var(--bg2);color:var(--brand);border-left-color:var(--brand)}
.secao{padding:22px 24px;margin-bottom:16px}
.secao h2{font-size:1.35rem;margin-bottom:12px;color:var(--brand)}
.conteudo p{margin:0 0 10px}
.conteudo ul,.conteudo ol{margin:0 0 12px;padding-left:22px}
.conteudo li{margin:4px 0}
.conteudo strong{color:var(--ink)}
.conteudo table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:.92rem;display:block;overflow-x:auto}
.conteudo th,.conteudo td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.conteudo th{background:var(--bg2);font-weight:700}
.conteudo .tag{display:inline-block;font-size:.75rem;font-weight:700;padding:1px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand)}

/* flashcards */
.fc-wrap{max-width:680px;margin:0 auto}
.fc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.fc{perspective:1400px;height:330px;cursor:pointer;margin-bottom:14px}
.fc-in{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.fc.virado .fc-in{transform:rotateY(180deg)}
.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:auto;border:1px solid var(--line);box-shadow:var(--shadow)}
.fc-frente{background:var(--card)}
.fc-frente .q{font-family:var(--serif);font-size:1.35rem;line-height:1.35}
.fc-verso{background:var(--brand);color:#fff;transform:rotateY(180deg);font-size:1.02rem}
.fc-verso strong{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5)}
.fc-dica{position:absolute;bottom:12px;font-size:.75rem;color:var(--muted)}
.fc-verso .fc-dica{color:rgba(255,255,255,.7)}
.fc-bot{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn.ok{background:var(--ok)} .btn.bad{background:var(--bad)}

/* questões */
.q-card{padding:22px;margin-bottom:14px}
.q-num{font-size:.8rem;font-weight:800;color:var(--brand);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.q-enun{font-size:1.03rem;margin-bottom:14px}
.alts{display:flex;flex-direction:column;gap:8px}
.alt{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:.97rem}
.alt:hover:not(:disabled){border-color:var(--brand)}
.alt .l{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.82rem;background:var(--bg2);color:var(--ink2)}
.alt.sel{border-color:var(--brand);background:var(--brand-soft)}
.alt.certa{border-color:var(--ok);background:var(--ok-soft)} .alt.certa .l{background:var(--ok);color:#fff}
.alt.errada{border-color:var(--bad);background:var(--bad-soft)} .alt.errada .l{background:var(--bad);color:#fff}
.alt:disabled{cursor:default}
.coment{margin-top:14px;padding:14px 16px;border-radius:12px;background:var(--bg2);font-size:.94rem}
.coment b.ok{color:var(--ok)} .coment b.bad{color:var(--bad)}
.nav-q{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.pontos{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 16px}
.pontos button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-size:.8rem;font-weight:700;color:var(--ink2)}
.pontos button.at{outline:2px solid var(--brand)}
.pontos button.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.pontos button.bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}
.placar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.filtros{display:flex;gap:6px;flex-wrap:wrap}
.filtros button{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:6px 12px;font-size:.83rem;font-weight:650;color:var(--ink2)}
.filtros button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

.vf-bot{display:flex;gap:10px;margin-top:4px}
.vf-bot button{flex:1;padding:11px;border-radius:11px;border:1px solid var(--line);background:var(--bg);font-weight:800;color:var(--ink)}
.vf-bot button:hover:not(:disabled){border-color:var(--brand)}
.vf-bot button.certa{background:var(--ok);border-color:var(--ok);color:#fff}
.vf-bot button.errada{background:var(--bad);border-color:var(--bad);color:#fff}

textarea.resp{width:100%;min-height:150px;padding:12px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;resize:vertical}
.espelho{margin-top:14px;padding:16px 18px;border-radius:12px;background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.espelho h4{margin:0 0 8px;font-family:var(--serif);color:var(--ok);font-size:1.05rem}
.checklist label{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:.94rem;cursor:pointer}
.checklist input{margin-top:4px;accent-color:var(--ok);width:17px;height:17px}

.peg{padding:18px 20px;border-left:4px solid var(--warn)}
.peg h3{font-size:1.05rem;margin-bottom:6px;display:flex;gap:8px;align-items:baseline}
.peg h3::before{content:"⚠";color:var(--warn)}
.peg .origem{font-size:.75rem;color:var(--muted);margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

/* simulado */
.sim-cfg{padding:22px;max-width:720px}
.sim-cfg fieldset{border:0;padding:0;margin:0 0 18px}
.sim-cfg legend{font-weight:800;margin-bottom:8px}
.opc{display:flex;gap:8px;flex-wrap:wrap}
.opc label{display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:.92rem;cursor:pointer}
.relogio{position:sticky;top:68px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;margin-bottom:14px}
.resultado{padding:24px;margin-bottom:18px;text-align:center}
.resultado .nota-g{font-family:var(--serif);font-size:3rem;color:var(--brand);font-weight:700}
.tab-res{width:100%;border-collapse:collapse;margin-top:12px;font-size:.92rem}
.tab-res td,.tab-res th{padding:8px;border-bottom:1px solid var(--line);text-align:left}

/* bloqueio & marca d'água */
.marca-dagua{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.06}
.bloq{min-height:100vh;display:grid;place-items:center;padding:24px}
.bloq .card{max-width:440px;padding:30px;text-align:center}
.bloq .ico{font-size:2.6rem}
.rodape{padding:40px 0 30px;text-align:center;color:var(--muted);font-size:.8rem}
.esconde{display:none!important}
@media(max-width:560px){.quem{display:none}.fc{height:380px}.fc-face{padding:22px}.secao{padding:18px}.q-card{padding:18px}}
@media print{body{display:none}}

/* caixa de diálogo própria (substitui confirm/alert do navegador) */
.dlg-fundo{position:fixed;inset:0;background:rgba(20,15,12,.45);display:grid;place-items:center;padding:16px;z-index:200000}
.dlg{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:440px;width:100%;padding:22px}
.dlg h3{font-size:1.15rem;margin:0 0 8px}
.dlg p{margin:0 0 6px;color:var(--ink2)}
.dlg label{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:.92rem;cursor:pointer}
.dlg label input{margin-top:3px;width:17px;height:17px;accent-color:var(--brand)}
.dlg-bt{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.chip.oab{background:#e8eefc;color:#2747a6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip.oab{background:#1d2747;color:#9db4ff}}
:root[data-theme="dark"] .chip.oab{background:#1d2747;color:#9db4ff}
.obs-prof{margin:12px 0 0;font-size:.82rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}
@media(max-width:700px){.rot-rev{display:none}}

/* painel de desempenho */
.dsb-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}
.dsb-tile{padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.dsb-tile span{font-size:.8rem;color:var(--muted);font-weight:700}
.dsb-tile b{font-family:var(--serif);font-size:2rem;line-height:1.1;color:var(--ink)}
.dsb-tile small{font-size:.8rem;color:var(--ink2)}
.dsb-box{padding:20px 22px;margin-bottom:16px}
.dsb-box h2{font-size:1.2rem;margin-bottom:12px}
.dsb-leg{display:flex;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--ink2);margin-bottom:12px}
.dsb-leg span{display:inline-flex;align-items:center;gap:6px}
.sw{width:12px;height:12px;border-radius:3px;display:inline-block}
.sw.ok{background:var(--ok)} .sw.bad{background:var(--bad)} .sw.vazio-sw{background:var(--bg2);border:1px solid var(--line)}
.dsb-linha{display:grid;grid-template-columns:minmax(120px,240px) 1fr 190px;gap:12px;align-items:center;padding:7px 0}
@media(max-width:640px){.dsb-linha{grid-template-columns:1fr auto}.dsb-val{justify-content:flex-end}.dsb-trilho{grid-column:1/-1;order:3}}
.dsb-rot{font-size:.9rem;font-weight:700;color:var(--ink);text-decoration:none}
.dsb-rot:hover{color:var(--brand)}
.dsb-trilho{display:flex;gap:2px;height:14px;background:var(--bg2);border-radius:4px;overflow:hidden}
.dsb-trilho .seg{display:block;height:100%;cursor:pointer}
.dsb-trilho .seg.ok{background:var(--ok)} .dsb-trilho .seg.bad{background:var(--bad)}
.dsb-trilho .seg:first-child{border-radius:4px 0 0 4px}
.dsb-val{display:flex;gap:6px;align-items:center;font-size:.9rem;white-space:nowrap}
.dsb-nota{font-size:.8rem;color:var(--muted);margin:10px 0 0}
.dsb-svg{width:100%;max-width:720px;height:auto;display:block}
.dsb-svg .grade-l{stroke:var(--line);stroke-width:1}
.dsb-svg .meta{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 5}
.dsb-svg .eixo{fill:var(--muted);font-size:11px;font-family:var(--sans)}
.dsb-svg .serie{fill:none;stroke:var(--brand);stroke-width:2}
.dsb-svg .ponto{fill:var(--brand);stroke:var(--card);stroke-width:2}
.dsb-svg .alvo{fill:transparent;cursor:pointer}
.dsb-tip{position:fixed;z-index:500;background:var(--ink);color:var(--bg);font-size:.8rem;padding:7px 10px;border-radius:8px;max-width:250px;pointer-events:none;box-shadow:var(--shadow)}
.foco{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.foco:last-child{border-bottom:0}
.foco-n{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}
.foco p{margin:2px 0 8px;color:var(--ink2);font-size:.92rem}
.foco-ac{display:flex;gap:6px;flex-wrap:wrap}
.dsb-tab small{color:var(--muted)}


/* ---- leitura confortável (neuro): largura de linha, marca-texto e foco */
.conteudo,.q-enun,.coment,.espelho .conteudo,.peg .conteudo{max-width:72ch}
.conteudo p,.conteudo li{line-height:1.65}
.conteudo strong{color:var(--ink);background:linear-gradient(transparent 58%,var(--marca) 58%);padding:0 1px;border-radius:2px}
.conteudo mark{background:var(--marca);color:inherit;padding:0 2px;border-radius:3px}
.secao h2{color:var(--brand)}
.btn:hover{background:var(--acao2);filter:none}
.btn.sec{background:var(--card);color:var(--ink)}
.btn.sec:hover{background:var(--card);border-color:var(--brand);color:var(--brand)}
.btn.bad{background:var(--bad)} .btn.ok{background:var(--acao)}
.aba.on{background:var(--brand);border-color:var(--brand)}
.barra>i{background:var(--acao)}
.fc-verso{background:var(--brand)}
.selo{background:var(--brand)}
.roteiro{border-left-color:var(--brand)}
.avisos li::marker{color:var(--warn)}
.peg{border-left-color:var(--warn)}
:focus-visible{outline:3px solid var(--brand2);outline-offset:2px}

/* correção automática das subjetivas */
.sub-bar{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.corr-box{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--bg)}
.corr-topo{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.corr-rot{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.corr-nota{font-family:var(--serif);font-size:2.4rem;font-weight:900;line-height:1}
.corr-nota small{font-size:1rem;color:var(--muted);font-weight:700;margin-left:2px}
.corr-aviso{flex:1;min-width:220px;margin:0;font-size:.85rem;color:var(--ink2)}
.corr-itens{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.corr-item{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:start;font-size:.93rem}
@media(max-width:560px){.corr-item{grid-template-columns:1fr}}
.corr-item .chip{justify-self:start}

/* marca Kal.IA */
.logo-kalia{display:inline-flex;align-items:center}
.logo-kalia img{height:40px;width:auto;display:block}
.marca-login .logo-kalia img{height:52px}
.logo-kalia .lg-escuro{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-kalia .lg-claro{display:none}:root:not([data-theme="light"]) .logo-kalia .lg-escuro{display:block}}
:root[data-theme="dark"] .logo-kalia .lg-claro{display:none}
:root[data-theme="dark"] .logo-kalia .lg-escuro{display:block}
@media(max-width:640px){.topo .logo-kalia img{height:30px}}