/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 112 63% 81%;
  --siga-200: 112 62% 75%;
  --siga-300: 113 62% 46%;
  --siga-500: 113 53% 36%;
  --siga-700: 112 54% 31%;
  --siga-900: 111 55% 17%;
}

/* ------------------------ HEADER ------------------------ */
#comprar:hover,
#alugar:hover,
#litoral:hover,
#btn0:hover,
#btn1:hover,
#btn2:hover,
#Contato:hover {
  background: hsl(var(--siga-300)) !important;
}
.navTopoHomeTamanhos {
  background-color: rgb(55 140 43 / 0.1) !important;
}
@media (max-width: 992px) {
  .logoTopoHomeTamanhos {
    height: 65px !important;
    max-width: fit-content !important;
  }
}

/* ------------------------ HOME ----------------------- */
#homeBanner h2 span:first-child {
  color: hsl(var(--siga-500)) !important;
  font-weight: 500 !important;
}
#homeBanner h2 span:last-child {
  color: #4a4a4b !important;
  font-weight: 400 !important;
}
.homeMask {
  background-color: rgb(27 69 20 / 0.6) !important;
}
.homeFiltros svg {
  color: hsl(var(--siga-300)) !important;
}
.fitrosHome a button {
  background: hsl(var(--siga-700)) !important;
}
.tituloDestaques {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ CARDS ------------------------ */

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

/* ------------------------ IMÓVEL ------------------------ */
#detalhesIcones svg {
  color: hsl(var(--siga-300)) !important;
}
#idImovel h1 {
  color: hsl(var(--siga-300)) !important;
}
.imovelValor {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ FOOTER ------------------------ */
#indices,
#contato,
#links,
#copyrights {
  background: hsl(var(--siga-900)) !important;
}
.indice.textoIndice {
  color: white !important;
}
.linhaDotsFooter {
  background-color: hsl(var(--siga-700)) !important;
}
footer svg {
  color: hsl(var(--siga-300)) !important;
}
.indice.textoIndice {
  border-color: #266a1c !important;
}

/* ------------------------ WHATS FLUTUANTE ------------------------ */