@import url("https://www.associadas.com.br/associadas/site.css?nc=2342378");
/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 32 100% 65%;
  --siga-200: 36 100% 55%;
  --siga-300: 36 100% 48%;
  --siga-500: 179 84% 15%;
  --siga-700: 179 83% 12%;
  --siga-900: 180 68% 9%;
}
/* ------------------------ HEADER ------------------------ */
#containerMapa,
.btnListaOrdem > button,
#filtros .filtro,
#headerPremium .navBtn,
#headerPremium .btnSemBorda,
#dropdownTipos,
#dropdownDormitorios,
#dropdownCidades,
#dropdownBairros {
  border-bottom: 1px solid hsl(var(--siga-300) / 0.8) !important;
}
.logo {
  height: 90px;
}
#headerPremium .logoTopoHomeTamanhos {
  max-width: 230px !important;
}
/* ------------------------ HOME ----------------------- */

#maskSeloAssociadas {
  background-color: hsl(var(--siga-300) / 0.1) !important;
}
.searchInput {
  color: hsl(var(--siga-500)) !important;
}
#indicadorRolagem {
  bottom: 10px !important;
  left: 65% !important;
}
.indicadorRolagemArrow {
  border-color: black !important;
}
/* ------------------------ CARDS ------------------------ */
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  color: #fff !important;
}
.cardsDescricao .imovelCodigo {
  background: hsl(var(--siga-500)) !important;
}

/* ------------------------ LISTA ------------------------ */
.btnListaOrdem .btnNaoSelecionado {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
#listaImoveis .btnAplicarContainer {
  background: hsl(var(--siga-500)) !important;
}

.containerCheckbox input + label,
.checkboxLabel {
  color: white !important;
}
.containerCheckbox:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
}
#filtros .btnListaOrdem button:hover svg,
#filtros .btnMapa:hover svg,
#filtros .btnMapa.btnSelecionado svg,
#filtros .filtro:hover span,
#filtros .filtro.btnSelecionado span,
#filtros .filtro:hover svg,
#filtros .filtro.btnSelecionado svg,
#filtros .btnListaOrdem .btnSelecionado svg,
.filtroDrop li div:hover label {
  color: white !important;
}
#filtros .btnPosicao .filtro:hover,
#filtros .btnPosicao .filtro.btnSelecionado,
#filtros .btnListaOrdem .btnSelecionado,
#filtros .btnMapa:hover {
  background: hsl(var(--siga-300)) !important;
}
/* ------------------------ IMOVEL ------------------------ */
#btnWhats {
  background: linear-gradient(to right, hsl(var(--siga-300)), hsl(var(--siga-900))) !important;
}
.cardsFavoritar,
#listaImoveis .cardsValor,
#btnFavActive,
.imovelValor,
#btnMsg,
#nomeEndereco h1 {
  color: hsl(var(--siga-300)) !important;
}
.btnsGaleriaAtivo {
  background: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
#imoveisCard3 .cardsFooter {
  background: hsl(var(--siga-300)) !important;
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background-color: transparent !important;
}

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

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