/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 206 17% 46%;
  --siga-200: 206 18% 41%;
  --siga-300: 207 18% 37%;
  --siga-500: 207 27% 22%;
  --siga-700: 207 30% 21%;
  --siga-900: 0 0% 10%;
  --bordas-card: white !important;
  --bg-submenu: hsl(var(--siga-900)) !important;
}
/* ------------------------ HEADER ------------------------ */
.navNormalTamanhos,
.navTopoHomeTamanhos {
  background-color: hsl(var(--siga-900)) !important;
}
.logoNormalTamanhos,
.logoTopoHomeTamanhos {
  max-width: 160px !important;
}
.navBtn {
  border-color: hsl(var(--siga-300)) !important;
  border-width: 2px !important;
}
#navIcons svg {
  color: hsl(var(--siga-300)) !important;
}
.navBtn:hover,
.btnSemBorda:hover {
  background-color: hsl(var(--siga-300)) !important;
}
@media (min-width: 1280px) {
  .logoTopoHomeTamanhos {
    max-height: 85px !important;
    max-width: 300px !important;
  }
  .logoNormalTamanhos {
    max-width: 250px !important;
  }
}
/* ------------------------ HOME ----------------------- */
#dropdownBairros {
  background: hsl(var(--siga-500)) !important;
  opacity: 1 !important;
  color: white !important;
}
#dropdownBairros svg {
  color: white !important;
}
#dropdownBairros:disabled {
  color: grey !important;
}
#dropdownBairros:disabled svg {
  color: grey !important;
}
#tituloBannerHome span {
  display: none !important;
}
#tituloBannerHome::after {
  content: "Roloff Neg\00F3 cios Imobili\00E1rios";
  color: hsl(var(--siga-500)) !important;
}
#tituloBannerHome:before {
  content: "Destaques ";
  color: white !important;
}
#homeBanner {
  background: hsl(var(--siga-900)) !important;
}
@media (min-width: 1280px) {
  .homeFiltros {
    margin-top: 70px !important;
  }
}
.titulo {
  color: hsl(var(--siga-900)) !important;
}
.fitrosHome .filtro {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
.fitrosHome .filtro svg {
  color: white !important;
}
.homeBusca.intro1BuscarContainer input {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
.homeMask {
  background-color: transparent !important;
}
.containerFiltros {
  background-color: hsl(var(--siga-900) / 0.5) !important;
}
#btnListaBairros,
#dropdownBairros {
  filter: none !important;
}
#btnBuscarFiltro {
  background: hsl(var(--siga-900)) !important;
}
.sub1VerTodos:hover {
  background: hsl(var(--siga-300)) !important;
}
.fitrosHome .filtroDrop {
  background-color: hsl(var(--siga-900)) !important;
  border-bottom-left-radius: 0 !important;
}
.fitrosHome .labelFiltros {
  color: white !important;
}
.containerInput:hover .labelFiltros span {
  color: white !important;
}
.containerInput:hover {
  background-color: hsl(var(--siga-500)) !important;
}
.quantidadeSelecao {
  color: white !important;
  background-color: hsl(var(--siga-900)) !important;
  border: none !important;
}
.verTodosBtn:hover,
.verTodosBtn {
  border-color: hsl(var(--siga-500)) !important;
}
.subTipos h2 {
  color: hsl(var(--siga-100)) !important;
}
.listaOp {
  background-color: transparent !important;
}
.listaOp #op-item-0 + label:hover,
.listaOp #op-item-1 + label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
.listaOp #op-item-0:checked + label:hover,
.listaOp #op-item-1:checked + label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
.listaOp #op-item-0:checked,
.listaOp #op-item-1:checked {
  background-color: hsl(var(--siga-900)) !important;
}
.listaOp input:checked ~ #label-item-0,
.listaOp input:checked ~ #label-item-1 {
  background: hsl(var(--siga-900)) !important;
  border-color: hsl(var(--siga-900)) !important;
  color: white !important;
}
.listaOp #label-item-0,
.listaOp #label-item-1 {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: grey !important;
}
#label-item-1,
#label-item-0 {
  height: 45px;
  margin-top: -5px;
}
/* ------------------------ CARDS ------------------------ */

/* ------------------------ LISTA ------------------------ */

#listaImoveis .filtroDrop {
  background-color: hsl(var(--siga-900)) !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
#listaImoveis .filtroDrop li div:hover label span,
#listaImoveis .filtroDrop li label {
  color: white !important;
}
#listaImoveis #comodidades li div:hover,
#listaImoveis #perfil li div:hover,
#listaImoveis #cidades li div:hover,
#listaImoveis #tipo li div:hover {
  background-color: hsl(var(--siga-500)) !important;
}
#listaImoveis #mobilia li .selecaoMobilia:hover {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
#valores {
  background: hsl(var(--siga-900)) !important;
  color: white !important;
}
#listaImoveis .btnAplicarContainer {
  background-color: hsl(var(--siga-900)) !important;
  border-bottom-left-radius: 0 !important;
}
#vagas li + button,
#comodos li + button {
  background: hsl(var(--siga-900)) !important;
}
#infobarDesktop,
#listaImoveis #filtros {
  background-color: hsl(var(--siga-900)) !important;
}
#infobarDesktop h1,
.filtro svg {
  color: white !important;
}

#containerMapa,
.btnNaoSelecionado {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
#listaImoveis .quantidadeSelecao {
  color: white !important;
  background-color: hsl(var(--siga-500)) !important;
  border: none !important;
}
#containerMapa input:checked ~ #btnMapa {
  background-color: hsl(var(--siga-900)) !important;
}
#btnMapa::after {
  background-color: hsl(var(--siga-500)) !important;
}
.btnSelecionado {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
#vagas,
#comodos {
  color: white !important;
}
.selecaoMobilia,
.dormVagaSuiteCheckbox {
  background: hsl(var(--siga-900)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
#mobilia li input:checked ~ .selecaoMobilia,
#vagas li input:checked ~ .dormVagaSuiteCheckbox,
#comodos li input:checked ~ .dormVagaSuiteCheckbox {
  background-color: hsl(var(--siga-500)) !important;
}
@media (min-width: 1280px) {
  #mapaSiga {
    margin-top: -8px !important;
  }
}
#paginadorLista label {
  border-color: hsl(var(--siga-900)) !important;
}
#paginadorLista label:hover {
  background: hsl(var(--siga-500));
  color: white !important;
}
#valores span {
  color: hsl(var(--siga-100)) !important;
}

input:checked ~ .selecaoMobilia {
  background: hsl(var(--siga-300)) !important;
}
.dormVagaSuiteCheckbox:hover,
.selecaoMobilia:hover {
  background-color: hsl(var(--siga-100)) !important;
}
/* ------------------------ IMOVEL ------------------------ */
#painelImovel svg {
  color: hsl(var(--siga-500)) !important;
}

/* ------------------------ FOOTER ------------------------ */

#indices,
#contato,
#links {
  background: hsl(var(--siga-900)) !important;
}
#copyrights {
  background: hsl(var(--siga-900)) !important;
}
.hrFooter {
  border-color: hsl(var(--siga-100)) !important;
}
#contato button:hover {
  background-color: hsl(var(--siga-500)) !important;
}
#copyrights {
  border-top: 1px solid hsl(var(--siga-100)) !important;
}

@media (min-width: 1200px) {
  #enderecoContato {
    margin-left: -160px;
  }
  .logoRodape {
    width: 350px !important;
  }
}
/* ------------------------ MOBILE ------------------------ */
@media (max-width: 992px) {
  #menuMobile {
    border-color: hsl(var(--siga-500)) !important;
  }
  #menuMobile svg {
    color: hsl(var(--siga-500)) !important;
  }
  .fitrosHome {
    padding: 10px !important;
  }
}
/* ------------------------ ADICIONAIS ------------------------ */

#filtrosListas,
.containerTituloPg {
  background: hsl(var(--siga-900)) !important;
  border-top: 1px solid hsl(var(--siga-100)) !important;
}
#infobarDesktopListas {
  background: hsl(var(--siga-900)) !important;
  color: white !important;
}
#filtrosListas h2 span {
  color: white !important;
  font-weight: 500 !important;
}
#containerMapaFavoritos,
#infobarDesktopListas button {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
}