/* Tipos de letra servidos pelo próprio portal (assets/fontes/).
   Não se usa o Google Fonts: menos uma dependência externa, funciona com a
   rede da fábrica fechada e não expõe o IP de quem abre o portal a terceiros. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;src:url(fontes/bricolage-grotesque-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;src:url(fontes/bricolage-grotesque-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fontes/public-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fontes/public-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:500;src:url(fontes/public-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:500;src:url(fontes/public-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fontes/public-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fontes/public-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fontes/public-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fontes/public-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;src:url(fontes/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;src:url(fontes/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fontes/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fontes/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:600;src:url(fontes/ibm-plex-mono-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:600;src:url(fontes/ibm-plex-mono-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ============================================================
   Portal WOP — direcção "Prova"
   O portal como folha de prova: papel, tinta e uma cor directa.
   Regras da direcção: sem cantos redondos em lado nenhum (inclui
   avatares), sem sombras. A hierarquia faz-se com filetes, peso
   tipográfico e cor.
   ============================================================ */
:root{
  --papel:#f4f1ea;          /* fundo principal */
  --papel-escuro:#eeeade;   /* lateral e hover de linha */
  --tinta:#14110f;          /* texto principal e botões sólidos */
  --laranja:#ff3b1f;        /* única cor de destaque */
  --laranja-5:rgba(255,59,31,.05);
  --filete:rgba(20,17,15,.14);
  --filete-forte:rgba(20,17,15,.22);
  --txt-45:rgba(20,17,15,.45);
  --txt-55:rgba(20,17,15,.55);
  --txt-70:rgba(20,17,15,.70);
  --lateral:230px;
  --f-titulo:'Bricolage Grotesque','Public Sans',system-ui,sans-serif;
  --f-corpo:'Public Sans',system-ui,-apple-system,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--papel);color:var(--tinta);
  font:15px/1.6 var(--f-corpo);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* rótulos monoespaçados em maiúsculas — o "carimbo" da direcção */
.eyebrow{font:500 9.5px/1 var(--f-mono);letter-spacing:3.2px;text-transform:uppercase;color:var(--txt-55)}
.rotulo{font:500 9.5px/1 var(--f-mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--txt-45)}
.mono{font-family:var(--f-mono)}
/* tamanho de base dos ícones — cada sítio ajusta se precisar */
.ic{width:18px;height:18px;flex:0 0 auto;vertical-align:middle}

/* marcas de registo nos 4 cantos — mira de impressão */
.marcas{position:absolute;inset:0;pointer-events:none}
.marcas i{position:absolute;width:13px;height:13px;opacity:.4}
.marcas i:nth-child(1){top:20px;left:20px;border-top:1px solid var(--tinta);border-left:1px solid var(--tinta)}
.marcas i:nth-child(2){top:20px;right:20px;border-top:1px solid var(--tinta);border-right:1px solid var(--tinta)}
.marcas i:nth-child(3){bottom:20px;left:20px;border-bottom:1px solid var(--tinta);border-left:1px solid var(--tinta)}
.marcas i:nth-child(4){bottom:20px;right:20px;border-bottom:1px solid var(--tinta);border-right:1px solid var(--tinta)}

/* ============================================================ ACESSO (3b) */
body.acesso{display:flex;align-items:center;justify-content:center;padding:24px}
.folha-acesso{position:relative;width:100%;max-width:640px;padding:54px 60px;background:var(--papel)}
.acesso-cx{max-width:420px;margin:0 auto}
.acesso-marca{text-align:center;margin-bottom:34px}
.acesso-marca .logo{height:36px;width:auto;display:inline-block;color:var(--tinta)}
.acesso-marca .filete{height:1px;background:var(--filete-forte);margin:12px auto 9px;max-width:200px}
.folha-acesso h1{font:800 34px/1 var(--f-titulo);letter-spacing:-1.3px;margin:0 0 12px;text-align:center}
.acesso-nota{margin:0 0 30px;font-size:14px;line-height:1.6;color:var(--txt-70);text-align:center}
.campo-linha{border-bottom:1px solid var(--tinta);padding:6px 0 10px;margin-bottom:22px}
.campo-linha input{width:100%;border:0;outline:0;background:transparent;padding:0;
  font:500 16px/1.3 var(--f-corpo);color:var(--tinta)}
.campo-linha input[type=password]{letter-spacing:2px}
.campo-topo{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:7px}
.sessao-nota{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;
  font:500 10.5px/1.5 var(--f-mono);letter-spacing:.5px;color:var(--txt-45)}
.sessao-nota .ic{width:13px;height:13px;flex:0 0 auto}

/* ============================================================ BOTÕES */
.bt{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--tinta);color:var(--papel);padding:14px 18px;border:0;cursor:pointer;
  font:600 11.5px/1 var(--f-mono);letter-spacing:2.2px;text-transform:uppercase;
  transition:background .15s}
.bt:hover{background:var(--laranja)}
.bt .ic{width:17px;height:17px}
.bt-largo{width:100%}
.bt-mini{background:var(--tinta);color:var(--papel);border:0;cursor:pointer;padding:8px 12px;
  font:600 10px/1 var(--f-mono);letter-spacing:1.6px;text-transform:uppercase}
.bt-mini:hover{background:var(--laranja)}
.bt-linha{display:inline-flex;align-items:center;gap:8px;
  font:600 11px/1 var(--f-mono);letter-spacing:2px;text-transform:uppercase;color:var(--laranja);
  border-bottom:1px solid var(--laranja);padding-bottom:3px;cursor:pointer;background:none;border-top:0;border-left:0;border-right:0}
.bt-linha:hover{color:var(--tinta);border-bottom-color:var(--tinta)}
.bt-fantasma{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--filete-forte);
  background:transparent;cursor:pointer;font:500 11px/1 var(--f-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--tinta)}
.bt-fantasma:hover{border-color:var(--laranja);color:var(--laranja)}

/* ============================================================ ESTRUTURA */
.portal{display:flex;min-height:100vh}

/* ---- lateral, dois níveis */
.lateral{width:var(--lateral);flex:0 0 auto;background:var(--papel-escuro);
  border-right:1px solid rgba(20,17,15,.16);display:flex;flex-direction:column;padding:26px 0 18px;
  position:sticky;top:0;height:100vh;overflow-y:auto}
.lat-marca{padding:0 20px 24px}
.lat-marca .logo{height:30px;width:auto;display:block;color:var(--tinta)}
.lat-marca .filete{height:1px;background:var(--filete-forte);margin:11px 0 9px}
.lat-sec{font:500 9.5px/1 var(--f-mono);letter-spacing:1.8px;text-transform:uppercase;
  color:var(--txt-45);padding:22px 20px 10px}
.lat-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--tinta);
  border-left:3px solid transparent;margin-left:-3px;transition:background .12s}
.lat-item:hover{background:var(--papel)}
.lat-item .ic{width:17px;height:17px;flex:0 0 auto;color:var(--txt-45)}
.lat-item span{font:500 14.5px/1.4 var(--f-corpo)}
.lat-item.activo{background:var(--papel);border-left-color:var(--laranja)}
.lat-item.activo .ic{color:var(--laranja)}
.lat-item.activo span{font-weight:700}
.lat-item.inerte{color:rgba(20,17,15,.38);pointer-events:none}
.lat-item.inerte .ic{color:rgba(20,17,15,.30)}
/* segundo nível: separadores do módulo activo */
.lat-sub{background:var(--papel);border-left:3px solid var(--laranja);margin-left:-3px;padding:2px 0 8px;
  display:flex;flex-direction:column}
.lat-sub .sep{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:7px 20px 7px 49px;font:500 13px/1.4 var(--f-corpo);color:var(--txt-70)}
.lat-sub .sep:hover{background:var(--papel-escuro);color:var(--tinta)}
.lat-sub .sep.activo{color:var(--tinta);font-weight:700}
.lat-sub .sep.activo::before{content:'';display:inline-block;width:5px;height:1px;background:var(--laranja);
  vertical-align:middle;margin:0 7px 0 -12px}
.lat-fim{margin-top:auto;padding:16px 20px 0;border-top:1px solid var(--filete)}
.lat-user{display:flex;align-items:center;gap:11px}
.avatar{width:34px;height:34px;flex:0 0 auto;background:var(--tinta);color:var(--papel);
  display:flex;align-items:center;justify-content:center;
  font:600 12px/1 var(--f-mono);letter-spacing:.5px;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid rgba(20,17,15,.22)}
.lat-user b{display:block;font:600 13.5px/1.3 var(--f-corpo)}
.lat-user a{font:500 10px/1 var(--f-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--laranja)}
.lat-user a:hover{color:var(--tinta)}

/* ---- conteúdo em altura fixa (SGQ: árvore + leitura, scroll por coluna) */
.conteudo-cheio{display:flex;flex-direction:column;height:100vh;padding-bottom:0;overflow:hidden}
.conteudo-cheio .filete-titulo{margin-bottom:0}
.conteudo-cheio .painel.activo{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}
.conteudo-cheio .painel.activo>.area{flex:1;min-height:0}
.conteudo-cheio #matriz.activo,.conteudo-cheio #admin.activo{padding-top:22px}

/* ---- conteúdo */
.conteudo{flex:1;min-width:0;position:relative;padding:30px 40px 40px}
.pagina-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pagina-cab h1{font:800 38px/1 var(--f-titulo);letter-spacing:-1.7px;margin:6px 0 0}
.pagina-cab .meta{text-align:right;font:500 10px/1.7 var(--f-mono);letter-spacing:1.6px;
  text-transform:uppercase;color:var(--txt-45);padding-top:8px}
.filete-titulo{height:2px;background:var(--tinta);margin:16px 0 22px}
.intro{margin:0 0 30px;font-size:15px;line-height:1.65;color:var(--txt-70);max-width:62ch}

/* ============================================================ DASHBOARD (3a) */
.destaques{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:34px}
.destaques>a{padding:0 34px 0 0}
.destaques>a+a{padding:0 0 0 34px;border-left:1px solid var(--filete)}
.dq-cab{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.dq-cab .ic{width:22px;height:22px;color:var(--laranja)}
.dq-nome{font:700 25px/1.15 var(--f-titulo);letter-spacing:-.8px;margin:0 0 8px}
.dq-desc{font-size:14.5px;line-height:1.55;color:var(--txt-70);margin:0 0 16px}
.destaques>a:hover .dq-nome{color:var(--laranja)}

.lista-tit{font:500 9.5px/1 var(--f-mono);letter-spacing:1.8px;text-transform:uppercase;
  color:var(--txt-45);padding-bottom:10px;border-bottom:1px solid var(--tinta)}
.lista-mods a,.lista-mods .item{display:flex;align-items:center;gap:16px;padding:16px 8px;
  border-bottom:1px solid var(--filete);transition:background .12s}
.lista-mods a:hover{background:var(--papel-escuro)}
.lista-mods .ic{width:19px;height:19px;flex:0 0 auto;color:var(--txt-45)}
.lm-nome{font:700 15.5px/1.3 var(--f-corpo);flex:0 0 auto;min-width:190px}
.lm-desc{flex:1;min-width:0;font-size:14px;color:var(--txt-70)}
.lm-seta{width:17px;height:17px;flex:0 0 auto;color:var(--laranja)}
.lista-mods .item{color:rgba(20,17,15,.38)}
.lista-mods .item .lm-desc{color:rgba(20,17,15,.38)}
/* selo do dashboard — só aqui: nas tabelas dos módulos .selo é outra coisa */
.lista-mods .selo{font:500 9.5px/1 var(--f-mono);letter-spacing:1.4px;text-transform:uppercase;
  border:1px solid var(--filete-forte);padding:5px 9px;color:var(--txt-45);flex:0 0 auto}

/* ============================================================ COMUNS */
.aviso{background:var(--laranja-5);border-left:2px solid var(--laranja);padding:13px 16px;
  margin:0 0 22px;font-size:14px}
.ok{background:rgba(20,17,15,.04);border-left:2px solid var(--tinta);padding:13px 16px;margin:0 0 22px;font-size:14px}
.nota{font:400 12.5px/1.55 var(--f-corpo);color:var(--txt-45)}

table{width:100%;border-collapse:collapse}
thead th{font:500 9.5px/1 var(--f-mono);letter-spacing:1.6px;text-transform:uppercase;
  color:var(--txt-45);text-align:left;padding:0 10px 10px;border-bottom:1px solid var(--tinta);white-space:nowrap}
tbody td{padding:14px 10px;border-bottom:1px solid var(--filete);vertical-align:top;font-size:14px}
tbody tr:hover{background:var(--papel-escuro)}
tbody tr.alerta{background:var(--laranja-5)}
tbody tr.alerta:hover{background:var(--laranja-5)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}

.campo{display:block;margin-bottom:16px}
.campo>span{display:block;font:500 9.5px/1 var(--f-mono);letter-spacing:1.8px;
  text-transform:uppercase;color:var(--txt-45);margin-bottom:7px}
.campo input,.campo select,.campo textarea{width:100%;border:0;border-bottom:1px solid var(--tinta);
  background:transparent;padding:6px 0 10px;font:500 15px/1.3 var(--f-corpo);color:var(--tinta)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-bottom-color:var(--laranja)}
.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 26px}
.grupo{border:1px solid var(--filete);padding:22px 24px;margin-bottom:22px}
.grupo h2{font:700 19px/1.2 var(--f-titulo);letter-spacing:-.5px;margin:0 0 4px}
.linha{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.erro{background:var(--laranja-5);border-left:2px solid var(--laranja);padding:13px 16px;
  margin:0 0 22px;font-size:14px}
.ajuda{margin:0 0 22px;font-size:14.5px;line-height:1.6;color:var(--txt-70);max-width:70ch}
details.grupo{padding:0}
details.grupo summary{cursor:pointer;padding:16px 24px;font:600 14.5px/1 var(--f-corpo);list-style:none}
details.grupo summary::-webkit-details-marker{display:none}
details.grupo summary::before{content:'+';font-family:var(--f-mono);color:var(--laranja);margin-right:10px}
details.grupo[open] summary{border-bottom:1px solid var(--filete)}
details.grupo[open] summary::before{content:'–'}
details.grupo>form{padding:20px 24px 24px}
.checks{display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center}
.chk{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;cursor:pointer}
.chk input{accent-color:var(--laranja);width:15px;height:15px}
.chk.mini{font-size:12.5px;color:var(--txt-70)}
.inline{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.rolar{overflow-x:auto}
td.mods{max-width:340px}
td.mods .chk.mini{margin-right:14px}
table select,table input[type=text],table input[type=password]{border:0;border-bottom:1px solid var(--filete-forte);
  background:transparent;padding:4px 0;font:500 13px/1.3 var(--f-corpo);color:var(--tinta)}
table select:focus,table input:focus{outline:0;border-bottom-color:var(--laranja)}

/* ============================================================ ECRÃ ESTREITO */
.barra-movel{display:none;align-items:center;gap:14px;padding:14px 18px;
  background:var(--papel-escuro);border-bottom:1px solid var(--filete-forte);position:sticky;top:0;z-index:30}
.barra-movel .logo{height:21px;width:auto;color:var(--tinta)}
.bt-menu{background:none;border:0;padding:4px;cursor:pointer;color:var(--tinta);display:flex}
.bt-menu .ic{width:22px;height:22px}

@media (max-width:900px){
  .portal{flex-direction:column}
  .barra-movel{display:flex}
  .lateral{position:static;height:auto;width:100%;border-right:0;
    border-bottom:1px solid var(--filete-forte);display:none}
  .lateral.aberta{display:flex}
  .conteudo{padding:22px 18px 40px}
  .pagina-cab h1{font-size:30px;letter-spacing:-1.1px}
  .pagina-cab .meta{text-align:left}
  .destaques{grid-template-columns:1fr}
  .destaques>a{padding:0 0 24px}
  .destaques>a+a{padding:24px 0 0;border-left:0;border-top:1px solid var(--filete)}
  .lm-nome{min-width:0}
  .lista-mods a,.lista-mods .item{flex-wrap:wrap;gap:8px 14px}
  .lm-desc{flex:1 0 100%;order:3}
  .marcas{display:none}
  .folha-acesso{padding:34px 22px}
}