/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 39 35% 57%;
  --siga-200: 37 35% 48%;
  --siga-300: 37 35% 48%;
  --siga-500: 211 28% 32%;
  --siga-700: 212 26% 30%;
  --siga-900: 211 27% 27%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}


/* ------------------------ HEADER ------------------------ */

.navBtn:hover,
.btnSemBorda:hover{
  background-color: hsl(var(--siga-200)) !important;
}

/* ------------------------ HOME ----------------------- */

.containerInput:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.containerInput:hover label span,
.containerInput:hover label {
  color: white !important;
}
div#inputBuscar {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
#inputBuscar div {
  color: white !important;
}
div#inputBuscar button:hover {
    background: hsl(var(--siga-300)) !important;
    color: white !important;
}
div#inputBuscar button:hover svg{
    color: white !important;
}
#inputBuscar input {
  box-shadow: none !important;
  outline: 0px solid transparent !important
}
div#infobarMobile button {
    background: hsl(var(--siga-100)) !important;
    color: white !important;
    border-color: hsl(var(--siga-100)) !important;
}
/* ------------------------ CARDS ------------------------ */

.cardsValor{
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ LISTA ------------------------ */
.btnNaoSelecionado {
  border-color: hsl(var(--siga-300)) !important;
}
.btnPosicao .svgSelecionada{
  color: hsl(var(--siga-500)) !important;
}
.btnSelecionado{
  border-color: hsl(var(--siga-300)) !important;
}
.svgBtn {
  color: hsl(var(--siga-300)) !important;
}
.containerCheckbox:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.containerCheckbox:hover label span,
.containerCheckbox:hover label{
  color:  white !important;
}

input:checked ~ label.selecaoMobilia,
input:checked ~ label.dormVagaSuiteCheckbox {
    background: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
/* ------------------------ IMÓVEL ------------------------ */
button#btnWhats {
    background: #22c75f !important;
}


/* ------------------------ FOOTER ------------------------ */
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
#matrizCel1:after {
    content: ' Vendas ';
}
#matrizCel2:after {
    content: ' Locação ';
}
div#indice-incc div p:nth-child(3) {
  display: none !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */



/* ------------------------ LOADING ------------------------ */

