/* cores  */
:root {
    --siga-100: 39 100% 80%;
    --siga-200: 40 90% 73%;
    --siga-300: 40 54% 61%;
    --siga-500: 239 51% 38%;
    --siga-700: 239 50% 35%;
    --siga-900: 232 53% 31%;
}

/* css personalizado  */
div#nav1 svg {
  color: white;
}
svg.icon.sub1Icon {
  color: hsl(var(--siga-300)) !important;
}
#submenu button svg {
  color: #4f4f50;
}
div#bannerMask {
  background: hsl(var(--siga-900)) !important;
}
.fitrosHome svg {
  color: hsl(var(--siga-300)) !important;
}
span.tituloDestaques {
  color: hsl(var(--siga-300)) !important;
}
.indice.textoIndice {
  color: white !important;
}
footer#footer div {
  background: hsl(var(--siga-900)) !important;
}
footer#footer svg {
  color: hsl(var(--siga-200)) !important;
}
.logoRodape {
  height: 92px !important;
}
html .preloader-span,
#loadingIndicator .preloader-span{
  background-color: #303293cd !important;
}
div#sub1 div:first-child button {
  border-color: hsl(var(--siga-200)) !important;
}
div#btnMapa,
.btnPosicao span,
.filtro,
.fitrosHome div button span {
  border-color: hsl(var(--siga-300)) !important;
}
.containerInput input,
.containerInput input:hover {
  accent-color: #a4874e !important;
}
.navTopoHomeTamanhos {
  background-color: rgb(48 50 147 / 0.3) !important;
}