/* =====================================================
   Escala da interface — carregada por TODAS as páginas
   -----------------------------------------------------
   O usuário reduzia o zoom do navegador para 75% porque em
   telas de notebook o portal ficava grande demais. Aqui a
   redução é automática e proporcional à tela — em 1366x768
   o resultado é o mesmo que 75% de zoom, sem que ninguém
   precise mexer no navegador.

   Mora em arquivo próprio porque precisa valer no portal E
   no admin, que tem CSS próprio e não carrega o style.css.
   Deixar a regra só no style.css fazia o admin abrir em 100%
   enquanto o resto da plataforma estava em 75%.

   `zoom` na raiz vale também para o conteúdo dos iframes das
   ferramentas, que é justamente o que um media query de px
   não conseguiria alcançar. As alturas de viewport são
   compensadas por --vh (100vh ÷ escala), senão sobraria uma
   faixa vazia embaixo.
   ===================================================== */
:root{
  --ui-zoom: 1;
  --vh: 100vh;
}
html{ zoom: var(--ui-zoom); }

/* monitores 1600–1699 */
@media (max-width: 1699px){
  :root{ --ui-zoom: .90; --vh: 111.2vh; }
}
/* 1440 / 1536 */
@media (max-width: 1535px){
  :root{ --ui-zoom: .82; --vh: 122.0vh; }
}
/* 1366 x 768 — a tela alvo */
@media (max-width: 1440px){
  :root{ --ui-zoom: .75; --vh: 133.4vh; }
}
/* telas de pouca altura (768px) chegam à mesma escala
   mesmo quando a janela está larga */
@media (max-height: 820px){
  :root{ --ui-zoom: .75; --vh: 133.4vh; }
}
/* abaixo disso o portal já recolhe a sidebar por conta
   dos media queries do style.css; não vale reduzir mais,
   o texto fica ilegível */
@media (max-width: 900px){
  :root{ --ui-zoom: 1; --vh: 100vh; }
}