.dropdown-menu > li > a {
    color: #0060AF; /* cor do texto */
}
 
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #cccc;
    color: #003f7f; /* cor no hover */
}
 
.dropdown-menu > li > a:active {
    color: #003f7f;
    background-color: #e6e6e6;
}

/* quando o submenu está aberto */
.navbar-default .open .dropdown-menu > li > a {
    color: #0060AF;
}
 
@media (max-width: 767px) {
    .dropdown-menu > li > a {
        color: #222; /* cor mobile */
    }
}
	
	
	
	
/* ===== SUBMENU (DROPDOWN) ===== */
 
 
 

.navbar-default .dropdown-menu > li > a:hover {
    background-color: #cccc;
    color: #0060AF;
}	
	
	
	
	
	
	
	/* Acessibilidade – tamanho padrão */
#acessLinks a,
#acessLinks span,
#acessAtalhos a {
    font-size: 10px;
}
 

 
body {
    font-size: 10px;
}
 
let tamanhoFonte = 10; // tamanho inicial

function aumentarFonte() {
    tamanhoFonte++;
    document.body.style.fontSize = tamanhoFonte + "10px";
}

function diminuirFonte() {
    if (tamanhoFonte > 10) {
        tamanhoFonte--;
        document.body.style.fontSize = tamanhoFonte + "10px";
    }
}
 
.alto-contraste {
    background: #000;
    color: #fff;
    /* NÃO definir font-size aqui */
}
 
function aplicarFonte() {
    document.querySelectorAll('#acessLinks a, #acessLinks span')
        .forEach(el => el.style.fontSize = tamanhoFonte + "10px");
}
 
function aumentarFonte() {
    tamanhoFonte++;
    aplicarFonte();
}
	
	
	

/* ================================
   CONFIGURAÇÕES GERAIS
================================ */
body {
  font-size: 12px;
  color: #000;
  background-color: #fff;
  transition: all 0.3s ease;
}

/* ================================
   MODO ESCURO / ALTO CONTRASTE
================================ */
body.dark-mode {

  background-color: #000 !important;
  color: #fff !important;
}

body.dark-mode a {
  color: #00ffff !important;
}

body.dark-mode nav,
body.dark-mode header,
body.dark-mode footer {
  background-color:   !important;
}

/* ================================
   CORES DA FONTE (btn lápis)
================================ */
body.font-color-1 {
  color: #000 !important;
}

body.font-color-2 {
  color: #003366 !important; /* azul escuro */
}

body.font-color-3 {
  color: #7a0000 !important; /* vermelho escuro */
}

body.font-color-4 {
  color: #ccccc !important; /* vermelho escuro */
}


body.font-color-5 {
  color: #ffff !important; /* branco */
}

body.font-color-6 {
  color: #014BBA !important; /* branco */
}


body.font-color-6 {
  color: #8b4513 !important; /* branco */
}

body.font-color-7 {
  color: #FABC00 !important; /* branco */
}

body.font-color-8 {
  color: #008332 !important; /* branco */
}

body.font-color-9 {
  color: #00F2EF !important; /* branco */
}


body.font-color-10 {
  color: #8E54EA !important; /* branco */
}
 

/* Links seguem a cor da fonte */
body.font-color-1 a,
body.font-color-2 a,
body.font-color-3 a,
body.font-color-4 a,
body.font-color-5 a,
body.font-color-6 a,
body.font-color-7 a,
body.font-color-8 a,
body.font-color-9 a,
body.font-color-10 a {
  color: inherit !important;
}

/* ================================
   OCULTAR IMAGENS
================================ */
body.hide-images img {
  display: none !important;
}

/* ================================
   ACESSIBILIDADE – HEADER
================================ */
 

 
 
 

/* Separador | */
#acessibilidade span {
  color: #999;
  font-size: 12px;
}

/* ================================
   RESPONSIVO
================================ */
@media (max-width: 991px) {
  #acessAtalhos {
    display: none;
  }
 

/* Esconde TODAS as imagens */
 

/* ================================
   OCULTAR IMAGENS
================================ */
 

/* ================================
   ACESSIBILIDADE – HEADER
================================ */
 

 /* Esconde TODAS as imagens */
.hide-images img {
  display: none !important;
}

/* Esconde sliders e carrosséis */
.hide-images #slider-home,
.hide-images .carousel,
.hide-images .slider,
.hide-images .swiper,
.hide-images .owl-carousel {
  display: none !important;
}




/* Cor padrão continua normal */

/* Quando ativado */
.font-color-alt {
  color: #b30000 !important; /* escolha a cor que quiser */
}

/* Garante que links, títulos etc. também mudem */
.font-color-alt a,
.font-color-alt h1,
.font-color-alt h2,
.font-color-alt h3,
.font-color-alt h4,
.font-color-alt h5,
.font-color-alt h6,
.font-color-alt p,
.font-color-alt span,
.font-color-alt li,
.font-color-alt div {
  color: #b30000 !important;
}

document.addEventListener("DOMContentLoaded", function () {

  const btnFontColor = document.getElementById("btnFontColor");

  btnFontColor.addEventListener("click", function (e) {
    e.preventDefault();

    document.body.classList.toggle("font-color-alt");
  });
 
 
<script>
document.addEventListener("DOMContentLoaded", function () {
  document.getElementById("btnImages").addEventListener("click", function (e) {
    e.preventDefault();
    document.body.classList.toggle("hide-images");
  });
});
</script>
 
 .menu-acessibilidade {
  background-color: transparent !important;
}
 

/* Caixa de notícias */
.hide-images #caixa-noticias,
.hide-images .caixa-noticias,
.hide-images .box-noticias {
  display: none !important;
}
document.addEventListener("DOMContentLoaded", function () {
  document.body.insertAdjacentHTML("afterbegin", `
    <div id="menu-acessibilidade" class="menu-acessibilidade">
      <!-- conteúdo do menu -->
    </div>
  `);
 

  

(function () {
  const style = document.createElement("style");
  style.id = "hide-images-style";
  style.innerHTML = `
    /* ESCONDE TODAS AS IMAGENS */
    body.hide-images img {
      display: none !important;
      visibility: hidden !important;
    }

    /* ESCONDE BACKGROUND IMAGES */
    body.hide-images * {
      background-image: none !important;
    }

    /* ESCONDE SLIDERS / CARROSSÉIS */
    body.hide-images .carousel,
    body.hide-images .carousel-inner,
    body.hide-images .carousel-item,
    body.hide-images .slider,
    body.hide-images .swiper,
    body.hide-images .swiper-wrapper,
    body.hide-images .swiper-slide,
    body.hide-images .owl-carousel,
    body.hide-images .owl-stage,
    body.hide-images .slick-slider,
    body.hide-images #slider,
    body.hide-images #slider-home {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      overflow: hidden !important;
    }
  `;
  document.head.appendChild(style);
})();