/* EscolaMP — identidade institucional. Sobreposição compatível com os módulos existentes. */
:root {
  --azul:#006bb6; --azul-hover:#005895; --azul-suave:#e9f3ff;
  --navy:#062540; --navy-2:#082d4c; --dourado:#edbd22;
  --fundo:#f3f7fc; --texto:#122b47; --texto-2:#52647c; --texto-3:#71839b;
  --borda:#e1e9f3; --raio:12px; --raio-p:8px;
  --menu-l:246px; --topo-a:76px;
  --sombra:0 3px 14px rgba(19,54,89,.035);
}
:root[data-tema="escuro"] { --fundo:#0b1422; --texto:#e5edf8; --texto-2:#a9bdd4; --texto-3:#91a4bd; --borda:#26364b; --sombra:0 3px 14px #0002; }
.portal-institucional .menu {background:linear-gradient(165deg,#082d4c,#041e36); padding:0 14px 18px;}
.marca-simbolo {width:45px;height:45px;object-fit:contain;flex:none;}
.portal-institucional .marca {height:99px;gap:11px;padding:0 8px;}
.portal-institucional .marca-nome {font:700 1.28rem/1.1 var(--fonte);letter-spacing:-.045em;}
.portal-institucional .marca-nome small {font-size:.58rem;letter-spacing:.045em;margin-top:7px;color:#afc8df;}
.portal-institucional .menu-grupo {margin-top:8px;}
.portal-institucional .menu-rotulo {color:#87bbdf;font-size:.62rem;letter-spacing:.14em;padding-top:13px;padding-bottom:8px;}
.portal-institucional .menu-item {padding:9px 12px;color:#d3e4f4;font-size:.81rem;border-radius:7px;transition:background .18s,color .18s,transform .18s;}
.portal-institucional .menu-item:hover {background:#ffffff10;transform:translateX(2px);}
.portal-institucional .menu-item.ativo {background:#006bb6;box-shadow:0 5px 18px #00162933;color:white;}
.portal-institucional .menu-item.ativo::before {content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--dourado);}
.portal-institucional .menu-item .ic {width:18px;height:18px;}
.portal-institucional .menu-usuario .avatar {background:#4779ad;color:white;}
.portal-institucional .topo {background:color-mix(in srgb,var(--superficie) 94%,transparent);padding:0 32px;gap:16px;}
.portal-institucional .topo-busca {max-width:510px;}
.portal-institucional .topo-busca input {background:var(--superficie-2);height:40px;padding-right:72px;font-size:.8rem;}
.busca-atalho {position:absolute;right:11px;top:11px;border:1px solid var(--borda);border-radius:4px;padding:0 5px;font:10px/18px var(--fonte);color:var(--texto-3);background:var(--superficie);pointer-events:none;}
.portal-institucional .conteudo {max-width:1700px;padding:30px 32px 36px;margin-inline:auto;}
.portal-institucional h1 {font-size:2rem;letter-spacing:-.045em;color:var(--texto);}
.portal-institucional .trilha {font-size:.73rem;letter-spacing:.02em;}
.portal-institucional .cabecalho {margin-bottom:16px;gap:18px;}
.portal-institucional .cabecalho p {font-size:.85rem;}
.painel-data {display:block;margin-top:4px;font-size:.74rem;color:var(--texto-3);text-transform:capitalize;}
.portal-institucional .btn {transition:background .18s,box-shadow .18s,transform .18s;}
.portal-institucional .btn:hover {box-shadow:0 4px 12px #006bb61a;transform:translateY(-1px);}
.portal-institucional .btn.secundario {color:var(--azul);border-color:var(--borda-forte);}
.portal-institucional .grade {gap:18px;}
.portal-institucional .kpi {padding:19px 20px;gap:12px;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s;}
.portal-institucional .kpi:hover {border-color:color-mix(in srgb,var(--azul) 35%,var(--borda));box-shadow:0 7px 24px #1236590b;}
.portal-institucional .kpi-titulo {font-size:.77rem;color:var(--texto);}
.portal-institucional .kpi-valor {font-size:2rem;letter-spacing:-.04em;}
.portal-institucional .kpi-valor small {display:block;font-size:.76rem;margin:8px 0 0;}
.portal-institucional .chip {width:38px;height:38px;border-radius:10px;}
.portal-institucional .kpi-rodape {font-size:.69rem;gap:6px;}
.portal-institucional .cartao-topo {padding:20px 21px 0;align-items:flex-start;}
.portal-institucional .cartao-topo h2 {font-size:.91rem;display:flex;align-items:center;gap:8px;}
.portal-institucional .cartao-topo h2 .ic {color:var(--azul);flex-shrink:0;}
.portal-institucional .cartao-topo p {font-size:.69rem;margin-top:6px;}
.portal-institucional .cartao-corpo {padding:20px 21px;}
.portal-institucional .cartao-corpo.sem-pad {padding:12px 0 4px;}
.portal-institucional .grade-2-1 {grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);}
.portal-institucional .grafico .linha {stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.portal-institucional .grafico .grade-linha {stroke-dasharray:none;opacity:.6;}
.portal-institucional .grafico .ponto {fill:var(--azul);stroke:var(--superficie);stroke-width:2;transition:r .18s;}
.portal-institucional .grafico .ponto:hover,.portal-institucional .grafico .ponto:focus {r:6;}
.portal-institucional .rosca-caixa {gap:18px;flex-wrap:nowrap;}
.portal-institucional .rosca {width:142px;height:142px;flex-shrink:0;}
.portal-institucional .legenda {min-width:0;flex:1;font-size:.75rem;}
.portal-institucional .legenda small {font-size:.7rem;}
.portal-institucional .aviso.alerta {font-size:.72rem;border:1px solid #e8b01a26;}
.portal-institucional .tabela {font-size:.75rem;}
.portal-institucional .tabela th {font-size:.63rem;letter-spacing:.055em;}
.portal-institucional .tabela td {padding:13px 18px;}
.portal-institucional .lista .data {background:var(--azul-suave);border-color:transparent;color:var(--azul);border-radius:8px;}
.painel-ferramentas {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px;}
.contexto-vivo {display:inline-flex;gap:7px;align-items:center;color:var(--texto-3);font-size:.7rem;}
.contexto-vivo>span {width:6px;height:6px;border-radius:50%;background:#269b73;box-shadow:0 0 0 3px #269b7312;}
.painel-ferramentas kbd {font:10px var(--fonte);padding:3px 5px;background:var(--superficie-2);border:1px solid var(--borda);border-radius:4px;color:var(--texto-3);margin-left:8px;}
.pular-conteudo {position:fixed;top:-70px;left:16px;z-index:100;background:var(--superficie);padding:12px 20px;border-radius:8px;box-shadow:var(--sombra-alta);}
.pular-conteudo:focus {top:12px;}
.atalhos-modal {width:min(590px,calc(100vw - 32px));}
.atalhos-topo {display:flex;justify-content:space-between;align-items:center;padding:25px 26px 16px;}
.sobretitulo {display:block;font-size:.62rem;font-weight:700;letter-spacing:.16em;color:var(--azul);margin-bottom:10px;}
.atalhos-grade {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 26px 26px;}
.atalhos-grade a {display:flex;flex-direction:column;gap:6px;border:1px solid var(--borda);border-radius:10px;padding:20px;color:var(--texto);transition:background .15s,border-color .15s;}
.atalhos-grade a:hover {background:var(--azul-suave);border-color:var(--azul);text-decoration:none;}
.atalhos-grade .ic {color:var(--azul);margin-bottom:5px;}
.atalhos-grade small {color:var(--texto-3);font-size:.72rem;}
/* Login: aplicação da assinatura original, com composição editorial. */
.login-institucional .entrada {grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:100svh;}
.login-institucional .entrada-arte {display:flex;padding:50px 56px;isolation:isolate;background:#062540 url("../img/login-arquitetura.626982950d1d.png") center/cover no-repeat;}
.login-institucional .entrada-arte::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031c36ee 0%,#032440b0 50%,#03244010 100%),linear-gradient(0deg,#031d37b0,transparent 60%);}
.login-institucional .entrada-grade {inset:auto auto -220px -310px;width:900px;height:900px;border:1px solid #edbd2277;border-radius:50%;background:none;z-index:-1;}
.login-institucional .entrada-arte .marca {max-width:385px;}
.login-institucional .entrada-arte h2 {font:400 clamp(2.8rem,4.2vw,4.8rem)/1.1 Georgia,serif;letter-spacing:-.045em;}
.login-institucional .entrada-arte .sobretitulo {color:#c5d9ee;font-size:.62rem;letter-spacing:.2em;margin-bottom:24px;}
.login-institucional .entrada-arte p {color:#d4e5f5;font-size:.96rem;line-height:1.8;}
.entrada-traco {display:block;width:45px;height:3px;background:var(--dourado);margin:26px 0;}
.login-institucional .entrada-numeros {gap:25px;}
.login-institucional .entrada-numeros strong {font-size:.82rem;}
.login-institucional .entrada-numeros span {font-size:.67rem;color:#b5cde4;}
.login-institucional .entrada-numeros div {border-color:#edbd2288;padding-left:10px;}
/* Sem logo no painel da esquerda: o texto fica no meio da altura, alinhado ao formulário; os atalhos ficam no rodapé. */
.login-institucional .entrada-arte {justify-content:center;}
.login-institucional .entrada-arte .entrada-numeros {position:absolute;left:56px;right:56px;bottom:50px;}
.login-institucional .entrada-form {background:var(--superficie);padding:48px clamp(28px,5vw,88px);}
.login-institucional .entrada-caixa {max-width:415px;}
.login-institucional .entrada-caixa .marca {display:flex;margin-bottom:55px;height:auto;max-width:100%;padding:0;}
.logo-login {display:block;width:100%;height:auto;}
.login-institucional .entrada-caixa h1 {font-size:1.85rem;letter-spacing:-.04em;}
.login-institucional .entrada-caixa .sub {font-size:.85rem;margin:10px 0 30px;line-height:1.7;}
.login-institucional .campo {margin-bottom:20px;}
.login-institucional .campo>span:first-child {font-size:.76rem;margin-bottom:9px;}
.login-institucional .campo input {height:49px;font-size:.81rem;background:var(--superficie-2);}
.login-institucional .campo-senha input {padding-right:80px;}
.login-institucional .campo-senha button {font-size:.7rem;}
.login-institucional .btn.largo {height:49px;font-size:.86rem;box-shadow:0 7px 18px #006bb620;margin-top:5px;transition:background .2s,box-shadow .2s;}
.login-institucional .btn.largo:hover {box-shadow:0 9px 24px #006bb633;}
.login-institucional .entrada-rodape {font-size:.75rem;line-height:2;margin-top:27px;}
.login-institucional .entrada-rodape a {font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.entrada-legal {margin:44px 0 0;text-align:center;font-size:.62rem;color:var(--texto-3);letter-spacing:.04em;}
:root[data-tema="escuro"] .entrada-caixa .logo-login {content:url("../img/logo-reversa.8ec729bf415b.svg");}
@media (min-width:1025px) and (max-height:850px) {.portal-institucional .marca {height:82px}.portal-institucional .menu-grupo{margin-top:3px}.portal-institucional .menu-item{padding-block:7px}.portal-institucional .menu-rotulo{padding-top:8px}.portal-institucional .menu-usuario{padding-top:10px}}
@media (max-width:1250px) {.portal-institucional .grade-2-1{grid-template-columns:1fr}.portal-institucional .rosca-caixa{justify-content:flex-start}.portal-institucional .legenda{flex:initial;min-width:220px}.login-institucional .entrada-arte{padding:40px}.login-institucional .entrada-arte .entrada-numeros{left:40px;right:40px;bottom:40px}.login-institucional .entrada-numeros{gap:16px}}
@media (max-width:1024px) {.portal-institucional .conteudo{padding:24px}.portal-institucional .topo{padding:0 24px}.login-institucional .entrada{grid-template-columns:1fr}.login-institucional .entrada-arte{display:none}.login-institucional .entrada-form{min-height:100svh}.login-institucional .entrada-caixa .marca{margin-bottom:40px}}
@media (max-width:720px) {.portal-institucional h1{font-size:1.65rem}.portal-institucional .conteudo{padding:22px 16px}.portal-institucional .topo{height:64px;padding:0 14px}.portal-institucional .kpi{padding:16px}.portal-institucional .kpi-valor{font-size:1.7rem}.portal-institucional .grade-1-1{grid-template-columns:1fr}.portal-institucional .rosca-caixa{flex-wrap:wrap}.portal-institucional .legenda{min-width:0;flex:1}.portal-institucional .cartao-topo{padding:17px 16px 0}.portal-institucional .cartao-corpo{padding:18px 16px}.painel-ferramentas kbd{display:none}.login-institucional .entrada-form{padding:40px 24px}.login-institucional .entrada-caixa h1{font-size:1.65rem}.atalhos-grade{gap:8px;padding:0 18px 20px}.atalhos-grade a{padding:16px}.portal-institucional .kpi-titulo{font-size:.7rem}}
@media (max-width:400px) {.portal-institucional .grade-kpi{grid-template-columns:1fr}.portal-institucional .rosca-caixa{flex-direction:column}.portal-institucional .legenda{width:100%}.atalhos-grade{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print {.painel-ferramentas,.pular-conteudo{display:none}.portal-institucional .conteudo{max-width:none;padding:0}.portal-institucional .kpi{box-shadow:none}}
.portal-institucional .grade > * {min-width:0;}
.portal-institucional .lista .texto {min-width:0;overflow-wrap:anywhere;}
@media (max-width:720px) {
  .portal-institucional .grade-1-1,.portal-institucional .grade-2-1 {grid-template-columns:minmax(0,1fr);}
  .portal-institucional .lista li {flex-wrap:wrap;}
  .portal-institucional .lista .texto {flex:1;}
}