@charset "UTF-8";
@import url("https://www.associadas.com.br/associadas/site.css");

/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 358 52% 52%;
  --siga-200: 358 61% 46%;
  --siga-300: 358 85% 38%;
  --siga-500: 358 88% 33%;
  --siga-700: 358 82% 29%;
  --siga-900: 355 55% 4%;
}
/* ------------------------ HEADER ------------------------ */
.navBtn:hover{
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#footer button:hover,
#btn3:hover, #btn2:hover, #btn1:hover, #btn0:hover, #Comprar:hover, #Alugar:hover, #Contato:hover{
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
@media (min-width: 1200px) {
  #headerPremium .logoTopoHomeTamanhos {
      max-height: 80px !important;
  }
  #headerPremium .logoNormalTamanhos {
      max-height: 80px !important;
  }
}
.subTipos h2{
  color: white !important;
}
#containerFiltro {
  background: transparent !important;
}
#navIcons svg,
.redeSocialHeader svg{
  color: hsl(var(--siga-500)) !important;
}
#navbar-sticky {
  color: black !important;
}
@media (min-width: 1200px) {
  #headerPremium .navBtn, #headerPremium .btnSemBorda {
    border-color: hsl(var(--siga-500));
  }
  #headerPremium.navSigaOpacidade.navHome {
      background: white !important;
  }
}
#headerPremium.navSiga,
#filtros{
  background-color: white !important;
  color: white !important;
}
@media (max-width: 1000px) {
  #menuMobile {
      border-color: hsl(var(--siga-900)) !important;
  }
  .filtroDrop div, .filtroDrop div svg, #navIcons svg, #menuMobile svg {
    color: hsl(var(--siga-900)) !important;
  }
  #headerPremium {
    background: white !important;
  }

  #containerFiltro {
    background: hsl(var(--siga-900)) !important;
  }
  #containerFiltro {
    background: white !important;
  }
  .homeBusca input#search{
    border-color: hsl(var(--siga-500)) !important;
  }
  .homeBusca button svg{
    color: hsl(var(--siga-500)) !important;
  }
  body .homeBusca input::placeholder{
    color: hsl(var(--siga-900)) !important;
  }
  body .homeBusca input{
    background: white !important;
  }
}
body .filtroUp{
  background: white !important;
}
body .btnFecharMobile{
  color: hsl(var(--siga-900)) !important;
}
#comprar {
  order: 1;
}
#alugar {
  order: 1;
}
#areadocliente {
  order: 1;
}
#Contato {
  order: 2;
}
@media (max-width: 1280px) {
  #subNavMenulancamentos {
    display: none !important;
  }
}
/* ------------------------ HOME ----------------------- */
#filtro1{
    display: none !important;
}
.homeBusca.intro3BuscarContainer input#search {
  color: white !important;
}
.filtroIntro3 {
  top: auto !important;
  bottom: 120px !important;
}
#maskSeloAssociadas {
  background-color: hsl(0deg 0%0%/60%) !important;
}
#submenu .sub1VerTodos {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
button#btnBuscarFiltro, .listaOp input:checked ~ #label-item-0, .listaOp input:checked ~ #label-item-1 {
  background: hsl(var(--siga-500)) !important;
}
.filtro {
  background-color: white !important;
  color: hsl(var(--siga-900)) !important;
}
#filtro1 #bairros.filtroContainer, #filtro1 #cidades.filtroContainer, #filtro1 #dormitorio.filtroContainer, #filtro1 #tipo.filtroContainer, #valores {
  background: white !important;
}
.containerInput label, .filtroMargin label, #valores span, #valores p, #listaImoveis .filtroDrop div, #listaImoveis .filtroDrop div svg {
  color: #000 !important;
}
#listaImoveis .filtroDrop input:checked ~ label div{
  color: #FFF !important;

}
.containerInput:hover label{
  color: white !important;
}
.homeBusca input{
  background-color: hsl(var(--siga-900) / 0.4) !important;
}
svg.svgBtn,
#search {
  color: hsl(var(--siga-500)) !important;
}
#submenu {
  background-color: white !important;
}
#submenu .svgDesktop,
#sub1Fechar svg,
.subTipos h2,
#submenu li {
  color: hsl(var(--siga-900)) !important;
}
#submenu button:hover {
  background-color: hsl(var(--siga-100)) !important;
  color: white !important;
}
#submenu li div:hover {
  background-color: hsl(var(--siga-100));
  color: white;
}
#inputBuscar {
  background: white;
  color: black !important;
}
#inputBuscar input#searchHeader,
#inputBuscar div{
  color: black !important;
}
buton#navBuscar:focus {
  border-color: hsl(var(--siga-700));
  box-shadow: none;
}
@media (max-width: 1000px){
  .listaOp input:checked ~ #label-item-0, .listaOp input:checked ~ #label-item-1 {
    color: white !important;
  }
  .listaOp input ~ #label-item-0, .listaOp input ~ #label-item-1 {
    color: hsl(var(--siga-900)) !important;
  }
}
#indicadorRolagem{
  bottom: 75px !important;
}
/* ------------------------ CARDS ------------------------ */
#imoveisCard3 .cardsFooter {
  background: hsl(var(--siga-900)) !important;
}

/* ------------------------ LISTA ------------------------ */
.btnSelecionado{
  color: white !important;
  background: hsl(var(--siga-500)) !important;
}
#filtros #btnsFiltros{
  background: white !important;
}
#listaImoveis .btnAplicarContainer {
  background: white !important;
}
.filtroDrop input,input#searchHeader,#navBuscar,.filtroContainer input ,
#listaImoveis #bairros.filtroContainer, #listaImoveis #cidades.filtroContainer, #listaImoveis #dormitorio.filtroContainer, #listaImoveis #tipo.filtroContainer, #listaImoveis #valores, #listaImoveis #ordem, #listaImoveis .filtroDrop {
  background: white !important; 
}
#containerMapa input:checked ~ #btnMapa {
  background-color: hsl(var(--siga-900)) !important;
}
.filtroMargin label.ordemLabel,
#filtros button svg,
#containerMapa{
  color: hsl(var(--siga-900)) !important;
}
#infobarDesktop {
  color: hsl(var(--siga-900));
  background-color: white;
}
.btnListaOrdem button:hover span, #containerMapa:hover, .btnPosicao button:hover,.btnListaOrdem .btnSelecionado span {
  color: white !important;
}
#filtros button svg{
  fill: transparent !important;
}
.btnListaOrdem span{
  color: hsl(var(--siga-900)) !important;
}
.filtroDrop li div:hover label{
    color: white !important;
}
#mobilia ul button, #mobilia label, #vagas ul button, #vagas label, #comodos ul button, #comodos label{
  background: white;
  border-bottom: 1px solid hsl(var(--siga-500));
}
.filtroDrop input:checked ~ label > div {
  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 {
    border-radius: 0px !important;
    padding: 0px !important;
  }
}
#btnWhats {
  background: linear-gradient(to right, hsl(var(--siga-500)), hsl(var(--siga-900))) !important;
}
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background: transparent !important;
}
/* ------------------------ FOOTER ------------------------ */
#links div,
#enderecoContato{
  color: hsl(var(--siga-900)) !important;
}
.titulosPagImovel{
  color: hsl(var(--siga-500)) !important;
}
#footer svg,
.textoIndice{
  color: hsl(var(--siga-500)) !important;
}
#footer button{
  color: hsl(var(--siga-900)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
#indices,
#links,
#contato{
  color: hsl(var(--siga-900)) !important;
  background: white !important;
}
.linkHover{
  color: hsl(var(--siga-900)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */
#whatsAberto p + p{
  margin-left: 70px;

}
#whatsAberto p span {
  margin-right: 65px;
}
#whatsAberto p + p:after {
  content: " (Ao iniciar o atendimento voc\00EA  autoriza a utiliza\00E7\00E3o dos meus dados pessoais em conformidade com a Lei Geral de Prote\00E7\00E3o de Dados Pessoais (LGPD), Lei n\00BA 13.709/2018) ";
  font-size: 11px !important;
  position: relative;
  left: -30px;
}
#formLead p:after {
  content: " (Ao iniciar o atendimento voc\00EA  autoriza a utiliza\00E7\00E3o dos meus dados pessoais em conformidade com a Lei Geral de Prote\00E7\00E3o de Dados Pessoais (LGPD), Lei n\00BA 13.709/2018) ";
  margin-left: 125px;
  font-size: 11px !important;
}
@media screen and (max-width: 992px) {
  #formLead p:after {
    margin-left: 80px !important;
  }
}
.containerCheckbox:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
}
.selecaoMobilia span {
  color: black !important;
}