/* cores  */
:root {
  --siga-100: 16 100% 56%;
  --siga-200: 16 100% 56%;
  --siga-300: 16 100% 50%;
  --siga-500: 0 2% 18%;
  --siga-700: 225 5% 44%;
  --siga-900: 0 2% 18%;
}

/* ------------------------ HEADER ------------------------ */
.btnSemBorda:hover,
.navBtn:hover {
  background-color: hsl(var(--siga-300)) !important;
}
.sub1VerTodos {
  border: 1px solid hsl(var(--siga-300)) !important;
}
.sub1VerTodos:hover {
  color: white !important;
  background-color: hsl(var(--siga-300)) !important;
}
.sub1Btn svg {
  color: hsl(var(--siga-300)) !important;
}
/* ------------------------ HOME ------------------------ */
#btnBuscarFiltro:hover span svg {
  color: white !important;
  transition: 0.3s;
}
#btnBuscarFiltro {
  background: hsl(0deg 0% 28.84%) !important;
}
#btnBuscarFiltro:hover {
  background: hsl(var(--siga-300)) !important;
  filter: none !important;
}
.listaOp #op-item-0 + label:hover,
.listaOp #op-item-1 + label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
.listaOp input:checked ~ #label-item-0,
.listaOp input:checked ~ #label-item-1 {
  background: hsl(var(--siga-300)) !important;
  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;
}
#btnBuscarFiltro {
  background: hsl(0deg 0% 28.84%) !important;
}
#btnBuscarFiltro:hover {
  background: hsl(var(--siga-300)) !important;
}
/* ------------------------ LISTA ------------------------ */
#btnMapa,
.btnPosicao svg,
#sub1Fechar svg,
.sub1Btn svg,
#imoveisCard1 .descricao svg,
#imoveisCard1 button svg,
#filtro1 svg {
  color: hsl(var(--siga-300)) !important;
  transition: 0.3s;
}
#containerMapa svg {
  color: hsl(var(--siga-300)) !important;
}
.btnNaoSelecionado {
  border-color: hsl(var(--siga-300)) !important;
}
.tituloDestaques {
  color: hsl(var(--siga-300));
}

.quantidadeSelecao,
#btnMapa,
#sub1Fechar,
.btnPosicao button {
  border-color: hsl(var(--siga-300)) !important;
}
.vue-slider-process {
  background: hsl(var(--siga-300)) !important;
}
.btnAplicarContainer button:hover {
  background: hsl(var(--siga-300));
  transition: 0.3s;
}
#btnWhats {
  background: #1eb957 !important;
}
#btnWhats:hover {
  background: #27af59 !important;
  filter: none !important;
}
.btnsGaleria:hover {
  background: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
#idImovel .imovelCodigo {
  background: hsl(var(--siga-300));
  color: white !important;
  border-radius: 20px;
  padding: 0 5px;
}
.cardsDescricao .imovelCodigo {
  background: hsl(var(--siga-300));
  color: white !important;
}
@media screen and (max-width: 992px) {
  #containerMapaMobile ~ select {
    background: hsl(var(--siga-500));
  }
  #filtrarFiltroMobile,
  #limparFiltroMobile,
  #cancelarFiltroMobile {
    border-color: hsl(var(--siga-300));
  }
}
.homeMask {
  background: transparent !important;
}
#escritura svg,
#financiamento svg {
  color: hsl(var(--siga-300));
}
.homeBusca {
  background: hsl(var(--siga-500) / 0.8);
}
.containerFiltros {
  background: hsl(var(--siga-500)) !important;
}
.navSigaOpacidade {
  background-color: hsl(var(--siga-500) / 0.8) !important;
}
#imoveisCard1 .cardsValor {
  color: hsl(var(--siga-300)) !important;
}
.imovelValor {
  color: hsl(var(--siga-300)) !important;
}
/* mask galeria */
#galeriaImob .swiper-slide-next,
#galeriaImob .swiper-slide-prev {
  filter: brightness(0.3);
  opacity: 1;
}
.cardDestaque {
  background: #ffffffad;
  color: hsl(var(--siga-900)) !important;
}
#btnAluguelOnline button {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
#btnAluguelOnline button:hover {
  background: hsl(var(--siga-900)) !important;
  color: white !important;
  border-color: hsl(var(--siga-900)) !important;
}
/* ------------------------ FOOTER ------------------------ */
#links,
#contato {
  background: hsl(var(--siga-500));
}
#indices,
#copyrights {
  background: hsl(var(--siga-500) / 0.9);
}
.celular2 {
  display: none;
}
#matrizCel2 {
  display: none !important;
}
.indice.textoIndice {
  border-color: hsl(var(--siga-300) / 0.4);
  border-radius: 20px;
}
#nomeEndereco svg,
#detalhesIcones svg,
#btnFav svg {
  color: hsl(var(--siga-300)) !important;
}