/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 357 81% 35%;
  --siga-200: 358 79% 33%;
  --siga-300: 357 81% 35%;
  --siga-500: 225 55% 38%;
  --siga-700: 225 53% 31%;
  --siga-900: 217 100% 20%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}


/* ------------------------ HEADER ------------------------ */
@media (min-width: 1280px) {
    .logoTopoHomeTamanhos {
        max-height: 100px !important;
    }
}
@media (min-width: 1280px) {
    .logoNormalTamanhos {
        max-height: 80px !important;
    }
}
.navBtn:hover,
.btnSemBorda:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
.btnSemBorda,
.navBtn{
  border-color: transparent !important;
  color: hsl(var(--siga-700)) !important;
}
.navTopoHomeTamanhos {
  background-color: rgba(255, 255, 255, 0.863) !important;
}
/* ------------------------ HOME ----------------------- */

.palavraDestaque {
  color: hsl(var(--siga-300)) !important;
}

.btnAplicar:hover {
  background-color: hsl(var(--siga-300)) !important;
}

a#btnBuscarFiltro {
    background: hsl(var(--siga-500)) !important;
}
.verTodosBtn:hover {
  background: hsl(var(--siga-300)) !important;
}
/* ------------------------ CARDS ------------------------ */
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
span.cardVisualizado, 
span.cardNovidade,
span.cardTour,
span.cardVideo,
span.cardMobilia,
span.cardExclusividade,
span.cardVisualizado,
span.cardPerfil,
span.cardVisualizado,
span.cardDestaque {
  background-color: hsl(var(--siga-300) / 0.8) !important;
}
.cardsValor {
  color: hsl(var(--siga-100)) !important;
}
/* ------------------------ LISTA ------------------------ */

.btnSelecionado {
  border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ IMÓVEL ------------------------ */



/* ------------------------ FOOTER ------------------------ */
.indice {
    border-color: hsl(var(--siga-100) / 0.3) !important;
    border-radius: 1px !important;
}
#enderecoContato a:hover{
    background: hsl(var(--siga-300)) !important;
    border: 1px solid hsl(var(--siga-300)) !important;
    color: white !important;
}
div#indices,
#links,
#contato {
    background-color: white !important;
    color: rgb(87, 87, 87) !important;
}
/* .logoRodape{
    width: 150px !important;
    height: 150px !important;
} */
#enderecoContato a {
  color: hsl(var(--siga-900)) !important;
}
#enderecoContato {
    color: rgb(87, 87, 87) !important;
}
.linksFooter,
#links div{
    color: rgb(87, 87, 87) !important;
}
#copyrights div{
    background-color: hsl(var(--siga-900)) !important;
}
hr.hrFooter {
    border-color: hsl(var(--siga-100) / 0.3) !important;
}
#logoFooter p{
  margin-left: -2px !important;
}

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



/* ------------------------ LOADING ------------------------ */

/* Elementos quadrados */
button,a,select,label,input,.filtroContainer,.filtroDrop,.rounded,.rounded-lg,.rounded-xl,#sub1Comprar .hoverBtns, .sigaTooltip, .sigaTooltipLeft, .nomeBtnModalMobile{
  border-radius: 1px !important;
}
#imoveisSimilares .cardGrid > div:first-child{
  width: -webkit-fill-available !important;
}