/* =========================================================
   Acessibilidade – Skip Links, Alto Contraste e Font Scale
   ========================================================= */

/* Esconde visualmente (mas acessível para leitores de tela) */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Esconde visualmente (mas acessível por teclado) */
.skip-links {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
}
.skip-links:focus-within {
  clip: auto;
  clip-path: none;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  z-index: 10000;
}
.skip-links a {
  position: absolute;
  left: -9999px !important;
  background: #002855;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
}
.skip-links a:focus { left: 8px !important; top: 8px; }

/* Compensação para header fixo */
#conteudo-principal,
#menu-principal,
#rodape-site,
#campo-busca {
  scroll-margin-top: 140px;
}



/* ---------- Compensação de header fixo para rolagens/âncoras ---------- */
/* ajuste aqui se o header mudar de altura */
#conteudo-principal,
#menu-principal,
#rodape-site,
#campo-busca {
  scroll-margin-top: 140px; /* se ainda “cortar”, aumente para 160/180 */
}

/* ---------- Alto contraste ---------- */
/* Seu JS liga/desliga body.high-contrast */
body.high-contrast,
body.high-contrast * {
  color: #fff !important;
}
body.high-contrast {
  background: #0a0a0a !important;
}
body.high-contrast a,
body.high-contrast a * {
  color: #ffed4f !important; /* amarelo para links */
}

/* (Mantém as regras que você já tem em alto-contraste.css)
   Se preferir, deixe tudo centralizado aqui e remova duplicatas. */

/* ---------- Escalas de fonte (se quiser usar classe em html) ---------- */
html.fontscale-90 { font-size: 90%; }
html.fontscale-100 { font-size: 100%; }
html.fontscale-110 { font-size: 110%; }
html.fontscale-120 { font-size: 120%; }
html.fontscale-130 { font-size: 130%; }