:root{
  --azul:#123A6B; --azul-c:#EAF0F8; --ouro:#C8951B; --ouro-c:#FCF4E2;
  --verde:#1B7A4B; --verde-c:#E4F2EA; --vermelho:#B3261E; --vermelho-c:#FBEAE8;
  --roxo:#6B3FA0; --roxo-c:#F2ECFA;
  --tinta:#0E1621; --tinta2:#3A4756; --tinta3:#6B7787;
  --fundo:#F4F6F9; --carta:#FFF; --linha:#E3E7ED;
  --serif:"Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif;
  --sans:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --azul:#7BA7DC; --azul-c:#16273A; --ouro:#E6B54A; --ouro-c:#2E2413;
  --verde:#4FD1A5; --verde-c:#12291F; --vermelho:#F08C82; --vermelho-c:#2E1614;
  --roxo:#B69AE0; --roxo-c:#221A33;
  --tinta:#E9EEF5; --tinta2:#AFBCCC; --tinta3:#7E8C9E;
  --fundo:#0C1017; --carta:#141A23; --linha:#26303C;}}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--serif);
font-size:18px;line-height:1.68;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
button{font-family:var(--sans);cursor:pointer;touch-action:manipulation}
/* sem zoom por toque duplo e sem selecao acidental nos controles */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{touch-action:manipulation}
button,.trilha,.materia,.op,.ce button,.nav,.link{-webkit-user-select:none;user-select:none;
-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
h1{font-size:30px;line-height:1.18;margin:0 0 14px;font-weight:600;letter-spacing:-.015em;text-wrap:balance}
h2{font-size:23px;line-height:1.22;margin:0 0 12px;font-weight:600;text-wrap:balance}
p{margin:0 0 16px}p:last-child{margin-bottom:0}
mark{background:var(--ouro-c);color:inherit;padding:.05em .18em;border-radius:3px}
b,strong{font-weight:600}
.rot{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
font-weight:700;color:var(--azul);margin-bottom:10px}
.conteudo{max-width:680px;margin:0 auto;padding:22px 20px calc(env(safe-area-inset-bottom) + 110px)}
.carregando{max-width:680px;margin:0 auto;padding:80px 20px;color:var(--tinta3);font-family:var(--sans)}

/* portal */
.portal{max-width:400px;margin:0 auto;padding:14vh 24px 60px}
.portal-marca{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
font-weight:700;color:var(--azul);text-align:center}
.portal-marca i{color:var(--ouro);font-style:normal;letter-spacing:0}
.portal-titulo{font-size:27px;text-align:center;margin:14px 0 30px}
.portal-form{display:flex;flex-direction:column;gap:15px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo span{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--tinta2)}
.campo input{font-family:var(--sans);font-size:16px;padding:13px 14px;border-radius:10px;
border:1.5px solid var(--linha);background:var(--carta);color:var(--tinta)}
.campo input:focus{border-color:var(--azul);outline:none}
.btn-principal{background:var(--azul);color:#fff;border:none;border-radius:11px;padding:15px;
font-size:15.5px;font-weight:600;flex:1}
.btn-principal:disabled{opacity:.6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-principal{color:#0C1017}}
.aviso{font-family:var(--sans);font-size:14px;padding:11px 13px;border-radius:9px}
.aviso.ruim{background:var(--vermelho-c);color:var(--vermelho)}
.aviso.ok{background:var(--verde-c);color:var(--verde)}
.portal-links{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:22px}
.link{background:none;border:none;color:var(--tinta3);font-size:14px;font-weight:500;
text-decoration:underline;text-underline-offset:3px;padding:5px}
.link:hover{color:var(--azul)}

/* cabeçalho */
.cab{position:sticky;top:0;z-index:20;background:var(--carta);border-bottom:1px solid var(--linha);
padding:calc(env(safe-area-inset-top) + 11px) 20px 11px;display:flex;align-items:center;gap:12px}
.cab-marca{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
font-weight:700;color:var(--azul)}
.cab-marca i{color:var(--ouro);font-style:normal;letter-spacing:0}
.cab .sair,.cab .passo{margin-left:auto}
.passo{font-family:var(--sans);font-size:11.5px;color:var(--tinta3);font-variant-numeric:tabular-nums}
.trilho{height:3px;background:var(--linha);position:sticky;top:52px;z-index:19}
.trilho i{display:block;height:100%;background:var(--ouro);transition:width .3s ease}

/* jornada */
.identidade{margin-bottom:22px}
.patente{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
font-weight:700;color:var(--ouro);margin-bottom:8px}
.identidade .sub{color:var(--tinta3);font-size:16px;margin:0}
.cartoes{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px}
.cartao{background:var(--carta);border:1px solid var(--linha);border-radius:12px;padding:16px 17px;
font-family:var(--sans)}
.cartao b{display:block;font-size:30px;font-weight:700;line-height:1;color:var(--azul)}
.cartao.fogo b{color:var(--ouro)}
.cartao small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
color:var(--tinta3);margin-top:6px}
.cartao em{display:block;font-style:normal;font-size:12px;color:var(--tinta3);margin-top:9px}
.cartao .tr{height:6px;background:var(--linha);border-radius:99px;margin-top:11px;overflow:hidden}
.cartao .tr i{display:block;height:100%;background:var(--azul);border-radius:99px}
.desafio{display:block;width:100%;text-align:left;background:var(--azul);border:none;border-radius:14px;
padding:20px 22px;color:#fff;margin-bottom:30px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .desafio{color:#0C1017}}
.desafio .rot{color:inherit;opacity:.72;margin-bottom:7px;display:block}
.desafio b{display:block;font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.25}
.desafio small{display:block;font-family:var(--sans);font-size:13px;opacity:.78;margin-top:7px}
.secao{font-size:19px;margin:0 0 12px}
.grupo{font-family:var(--sans);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
font-weight:700;color:var(--tinta3);margin:22px 0 9px}
.grupo:first-child{margin-top:0}
.trilha{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--carta);
border:1px solid var(--linha);border-radius:11px;padding:14px 16px;margin-bottom:8px}
.trilha:hover{border-color:var(--azul)}
.trilha.ok{border-color:var(--verde)}
.trilha-txt{flex:1}
.trilha-txt b{display:block;font-family:var(--serif);font-size:16.5px;font-weight:600;line-height:1.35}
.trilha-txt small{display:block;font-family:var(--sans);font-size:12px;color:var(--tinta3);margin-top:3px}
.trilha-est{font-family:var(--sans);color:var(--verde);font-size:17px;font-weight:700}
.trilha.meio .trilha-est{color:var(--ouro)}

/* leitura */
.capa .chamada{font-size:19px;color:var(--tinta2);margin:0 0 24px}
.fichas{display:flex;gap:10px;flex-wrap:wrap}
.ficha{background:var(--azul-c);border-radius:9px;padding:11px 15px;font-family:var(--sans);flex:1;min-width:94px}
.ficha b{display:block;font-size:18px;color:var(--azul);font-weight:700}
.ficha small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta3)}
.lei{background:var(--carta);border-left:4px solid var(--azul);border-radius:0 10px 10px 0;
padding:19px 21px;font-size:17px;color:var(--tinta2)}
.lei .cite{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
color:var(--azul);font-weight:700;margin-bottom:9px}
.numerao{text-align:center;padding:14px 0 4px}
.numerao .val{font-family:var(--sans);font-size:clamp(42px,13vw,62px);font-weight:700;color:var(--ouro);
line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.numerao .val.longo{font-size:clamp(26px,7.4vw,38px)}
.numerao .un{font-family:var(--sans);font-size:13px;color:var(--tinta3);margin-top:6px}
.numerao .etapa{margin-top:19px;background:var(--ouro-c);border-radius:10px;padding:15px 17px;
text-align:left;font-size:16px}
.numerao .txt{margin-top:17px;text-align:left}
.peg{background:var(--roxo-c);border-radius:12px;padding:19px 21px}
.peg .rot{color:var(--roxo)}
.par{display:grid;gap:11px;margin-top:15px}
.par>div{border-radius:9px;padding:14px 16px;font-size:16px;background:var(--carta)}
.par .e{border-left:4px solid var(--vermelho)}
.par .c{border-left:4px solid var(--verde)}
.par small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.11em;
text-transform:uppercase;font-weight:700;margin-bottom:6px}
.par .e small{color:var(--vermelho)}.par .c small{color:var(--verde)}
.vir{background:var(--azul-c);border-radius:12px;padding:19px 21px}
.lt{display:grid;gap:11px;margin-top:15px}
.lt>div{background:var(--carta);border-radius:9px;padding:14px 16px;font-size:15.5px}
.lt .ano{font-family:var(--sans);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
font-weight:700;color:var(--ouro);margin-bottom:6px}
.fec{background:var(--carta);border:1px solid var(--linha);border-radius:12px;padding:21px 23px}
.fec ul{margin:0;padding-left:20px}
.fec li{margin-bottom:11px}.fec li:last-child{margin-bottom:0}
.opcoes{display:grid;gap:11px;margin-top:18px}
.op{text-align:left;background:var(--carta);border:1.5px solid var(--linha);border-radius:11px;
padding:15px 17px;font-size:16.5px;color:var(--tinta);font-family:var(--serif);line-height:1.5}
.op:hover:not(:disabled){border-color:var(--azul)}
.op:disabled{cursor:default}
.op.certa{border-color:var(--verde);background:var(--verde-c)}
.op.errada{border-color:var(--vermelho);background:var(--vermelho-c)}
.fb{margin-top:15px;border-radius:10px;padding:14px 16px;font-size:16px;display:none}
.fb.on{display:block}
.fb.bom{background:var(--verde-c);border-left:4px solid var(--verde)}
.fb.ruim{background:var(--vermelho-c);border-left:4px solid var(--vermelho)}
.selo{display:inline-block;font-family:var(--sans);font-size:9.5px;letter-spacing:.1em;
text-transform:uppercase;font-weight:700;padding:4px 9px;border-radius:99px;margin-bottom:12px}
.selo.oficial{background:var(--azul-c);color:var(--azul)}
.selo.adaptada{background:var(--ouro-c);color:var(--ouro)}
.selo.autoral{background:var(--roxo-c);color:var(--roxo)}
.fund{font-family:var(--sans);font-size:12.5px;color:var(--tinta3);margin-bottom:10px}
.enun{font-size:18.5px;line-height:1.62;margin:0 0 20px}
.ce{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ce button{background:var(--carta);border:1.5px solid var(--linha);border-radius:11px;padding:16px 0;
font-size:16px;font-weight:600;color:var(--tinta)}
.ce button:hover:not(:disabled){border-color:var(--azul)}
.ce button:disabled{cursor:default}
.ce button.certa{border-color:var(--verde);background:var(--verde-c);color:var(--verde)}
.ce button.errada{border-color:var(--vermelho);background:var(--vermelho-c);color:var(--vermelho)}
.resolucao{display:none;margin-top:18px}.resolucao.on{display:block}
.veredito{font-family:var(--sans);font-weight:700;font-size:15px;margin-bottom:11px}
.veredito.bom{color:var(--verde)}.veredito.ruim{color:var(--vermelho)}
.coment{background:var(--carta);border:1px solid var(--linha);border-radius:10px;padding:15px 17px;font-size:16.5px}
.placar .anel{text-align:center;margin:8px 0 24px}
.placar .pct{font-family:var(--sans);font-size:60px;font-weight:700;color:var(--azul);line-height:1;
letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.placar .leg{font-family:var(--sans);font-size:13px;color:var(--tinta3);margin-top:8px}
.barras{display:flex;flex-direction:column;gap:13px;margin:20px 0 24px}
.barras .item{font-family:var(--sans);font-size:13.5px}
.barras .cabx{display:flex;justify-content:space-between;margin-bottom:5px;gap:12px}
.barras .cabx span:last-child{color:var(--tinta3);font-variant-numeric:tabular-nums}
.barras .tr{height:8px;background:var(--linha);border-radius:99px;overflow:hidden}
.barras .tr i{display:block;height:100%;border-radius:99px}
.proximo{background:var(--azul-c);border-radius:12px;padding:19px 21px;font-size:17px}
.proximo b{color:var(--azul)}

/* rodapé */
.rodape{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--carta);
border-top:1px solid var(--linha);padding:12px 20px calc(env(safe-area-inset-bottom) + 12px);
display:flex;align-items:center;gap:10px;max-width:100%;}
.rodape>*{max-width:680px}
.rodape{justify-content:center}
.nav{border:1px solid var(--linha);background:var(--carta);color:var(--tinta2);border-radius:10px;
padding:13px 17px;font-size:15px;font-weight:600}
.nav:disabled{opacity:.35;cursor:default}
.erro{white-space:nowrap;font-size:12.5px}

/* modal */
.veu{position:fixed;inset:0;background:rgba(6,10,16,.55);z-index:50;display:flex;
align-items:flex-end;justify-content:center}
.modal{background:var(--carta);width:100%;max-width:560px;border-radius:16px 16px 0 0;
padding:26px 24px calc(env(safe-area-inset-bottom) + 26px)}
.modal h3{font-family:var(--sans);font-size:18px;margin:0 0 6px;font-weight:700}
.modal p{font-size:15px;color:var(--tinta2)}
.modal .op{font-family:var(--sans);font-size:15px;padding:13px 15px}
.modal .fechar{margin-top:14px;width:100%;border:1px solid var(--linha);background:none;
color:var(--tinta2);border-radius:10px;padding:12px;font-size:14.5px;font-weight:600}
.recebido{margin:0;color:var(--verde);font-family:var(--sans);font-size:15px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* portal: telas de recado e nova senha */
.portal-texto{text-align:center;color:var(--tinta2);font-size:16.5px;margin:0}
.portal-nota{text-align:center;color:var(--tinta3);font-family:var(--sans);font-size:13.5px;margin:12px 0 0}
.selo-aviso{width:52px;height:52px;margin:26px auto 4px;border-radius:99px;display:flex;
align-items:center;justify-content:center;font-family:var(--sans);font-size:23px;font-weight:700}
.selo-aviso.bom{background:var(--verde-c);color:var(--verde)}
.selo-aviso.ruim{background:var(--vermelho-c);color:var(--vermelho)}

/* materias da jornada */
.materias{display:flex;flex-direction:column;gap:9px}
.materia{display:block;width:100%;text-align:left;background:var(--carta);border:1px solid var(--linha);
border-radius:12px;padding:16px 18px;font-family:var(--sans)}
.materia:hover:not(.trancada){border-color:var(--azul)}
.materia-topo{display:flex;align-items:baseline;gap:12px}
.materia-topo b{flex:1;font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.3;color:var(--tinta)}
.materia .peso{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--azul);
font-weight:700;white-space:nowrap}
.materia .cadeado{font-size:14px;opacity:.5}
.materia .tr{height:6px;background:var(--linha);border-radius:99px;margin-top:12px;overflow:hidden}
.materia .tr i{display:block;height:100%;background:var(--azul);border-radius:99px}
.materia small{display:block;font-size:12px;color:var(--tinta3);margin-top:8px}
.materia.trancada{background:transparent;border-style:dashed;opacity:.72}
.materia.trancada .materia-topo b{color:var(--tinta2)}
.aviso-materia{font-family:var(--sans);font-size:14px;line-height:1.55;background:var(--ouro-c);
color:var(--tinta2);border-radius:10px;padding:13px 15px;margin-bottom:12px}
.aviso-materia b{color:var(--ouro)}
.barra-materia{height:7px;background:var(--linha);border-radius:99px;margin-top:14px;overflow:hidden}
.barra-materia i{display:block;height:100%;background:var(--ouro);border-radius:99px}