@import url("https://www.associadas.com.br/associadas/site.css?nc=11111");

/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 29 83% 62%;
  --siga-200: 29 74% 55%;
  --siga-300: 29 70% 51%;
  --siga-500: 0 0% 26%;
  --siga-700: 0 0% 22%;
  --siga-900: 0 0% 19%;
}
/* ------------------------ HEADER ------------------------ */
.logoNormalTamanhos {
  max-height: 65px !important;
}
#headerPremium .logoTopoHomeTamanhos {
  max-height: 77px !important;
}
#navBuscar:hover {
  border: 1px solid hsl(var(--siga-300)) !important;
}
#headerPremium .navBtn,
#headerPremium .btnSemBorda {
  border: 0px solid #ffffff;
  border-bottom: 1px solid hsl(var(--siga-300) / 0.5) !important;
  border-radius: 0px;
}
.navBtn:hover {
  background-color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 4px 6px -1px rgb(0 0 0 / 0.1),
    0 2px 4px -2px rgb(0 0 0 / 0.1);
}
/* ------------------------ HOME ----------------------- */
#dropdownTipos,
#dropdownDormitorios,
#dropdownCidades,
#dropdownBairros {
  border-bottom: 1px solid hsl(var(--siga-300) / 0.5) !important;
}
#favoritos h2 span:last-child,
.tituloDestaques {
  color: hsl(var(--siga-300));
}
.searchInput {
  color: hsl(var(--siga-500)) !important;
}
/* ------------------------ CARDS ------------------------ */

#imoveisCard3 .cardsFooter {
  background: hsl(var(--siga-300)) !important;
}

.cardsFooter svg,
.cardsFooter span {
  color: white !important;
}
.cardsFooter {
  background: hsl(var(--siga-300)) !important;
  color: white;
}
.cardsDescricao .imovelCodigo {
  background: hsl(var(--siga-300)) !important;
}
#indicadorRolagem {
  bottom: 10px !important;
  left: 65% !important;
}

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

#listaImoveis .btnAplicarContainer {
  background: hsl(var(--siga-500));
  border-radius: 0.2px !important;
}
@media (min-width: 1366px) {
  #ordem {
    margin-right: 50px !important;
  }
}
.btnListaOrdem button {
  background: transparent !important;
  color: white !important;
}
.containerCheckbox input + label,
.checkboxLabel {
  color: white !important;
}
.containerCheckbox:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
}
/* ------------------------ IMOVEL ------------------------ */
@media (min-width: 1200px) {
  #containerGaleria {
    max-width: 100% !important;
    margin-left: 0 !important;
    border-radius: 0px !important;
  }
  #containerGaleria > div:first-child {
    padding: 0px !important;
  }
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background: transparent !important;
  color: hsl(var(--siga-200)) !important;
}
#btnWhats {
  background: hsl(var(--siga-300)) !important;
}
.btnsGaleriaAtivo {
  background-color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
#imovelGaleria .legenda {
  background: hsl(var(--siga-300) / 0.8);
}

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

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