/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 358 98% 63%;
  --siga-200: 358 98% 63%;
  --siga-300: 358 98% 63%;
  --siga-500: 0 0% 15%;
  --siga-700: 0 0% 73%;
  --siga-900: 0 0% 15%;
}

/* ------------------------ HEADER ------------------------ */
#Contato,
#comprar,
#alugar,
#litoral {
  color: hsl(var(--siga-500)) !important;
}
#Contato:hover,
#comprar:hover,
#alugar:hover,
#litoral:hover {
  background-color: hsl(var(--siga-300));
}
.navNormalTamanhos {
  background: hsl(var(--siga-700)) !important;
}
.navTopoHomeTamanhos {
  background-color: rgb(38 38 38 / 0) !important;
}

/* ------------------------ HOME ----------------------- */
.homeMask {
  background-color: rgb(63 63 70 / 0.6) !important;
}
#btnBuscarFiltro:hover {
  background: hsl(var(--siga-500));
}
#btnBuscarFiltro {
  background: hsl(var(--siga-300));
}
.tituloHome .palavraDestaque,
#detalhesIcones svg,
#nomeEndereco h1,
.imovelValor {
  color: hsl(var(--siga-300)) !important;
}
.tituloHome span {
  color: black !important;
}

/* ------------------------ CARDS ------------------------ */

/* ------------------------ LISTA ------------------------ */

.filtro,
.btnListaOrdem button,
.btnlistasOrdem button,
#containerMapa,
#containerMapaFavoritos {
  color: hsl(var(--siga-900)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
.filtro svg {
  color: hsl(var(--siga-900)) !important;
}

.btnAplicarContainer .btnAplicar {
  color: white !important;
}
/* ------------------------ IMOVEL ------------------------ */
#btnCompartilhar,
#btnMsg {
  color: hsl(var(--siga-500)) !important;
}

/* ------------------------ FOOTER ------------------------ */
#indices,
#contato,
#links,
#copyrights {
  background: hsl(var(--siga-900));
}
.indice.textoIndice {
  color: white !important;
  border-color: white;
}
#footer #copyrights {
  border-top: 1px solid #3d3d40;
}

/* ------------------------ WHATS FLUTUANTE ------------------------ */
.headerWhatsFlutuante,
#headerDeixeMensagem {
  background-color: hsl(var(--siga-500)) !important;
}
