/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 0 0% 67%;
  --siga-200: 0 0% 64%;
  --siga-300: 30 1% 62%;
  --siga-500: 224 49% 42%;
  --siga-700: 224 50% 39%;
  --siga-900: 224 48% 10%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}


/* ------------------------ HEADER ------------------------ */

.navBtn:hover,
.btnSemBorda:hover {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: white !important;
}

.navBtn,
.btnSemBorda {
  border-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
@media (min-width: 1280px) {
    .logoTopoHomeTamanhos{
        max-width: 250px !important;
    }
}
@media (min-width: 1280px) {
    .navNormalTamanhos {
        background: hsl(0deg 0% 100% / 80%) !important;
    }
}
/* ------------------------ SUBMENU ----------------------- */
#submenu {
    background: hsl(var(--siga-500)) !important;
}
.subTipos h2{
  color: hsl(var(--siga-300)) !important;
}
.sub1Item,
.sub1Btn svg, 
span.nomeTipos,
.sub1Nomes {
  color: white !important;
}
.submenu-ativado{
  background-color: hsl(var(--siga-700)) !important;
}
.hoverBtns:hover {
  color: hsl(var(--siga-100)) !important;
} 
.sub1VerTodos{
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
  border: 1px solid hsl(var(--siga-100)) !important;
  border-radius: 0 !important;
}
.sub1VerTodos:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: white  !important;
}
button#sub1Fechar {
    color: hsl(var(--siga-300)) !important;
    border: 1px solid hsl(var(--siga-100)) !important;
}
button#sub1Fechar:hover {
    background-color: hsl(var(--siga-700)) !important;
    color: hsl(var(--siga-100)) !important;
}
/* ------------------------ HOME ----------------------- */

a.verTodosBtn:hover {
    background: hsl(var(--siga-500)) !important;
}
.containerFiltros {
    background: #ffffff29 !important;
}
.homeMask {
    background: hsl(var(--siga-700) / 0.2) !important;
}
/* ------------------------ CARDS ------------------------ */

.btnVerMaisCard {
    --tw-ring-color: hsl(var(--siga-500)) !important;
}
.btnVerMaisCard:hover {
    background-color: hsl(var(--siga-500)) !important;
    color: white !important;
}
/* ------------------------ LISTA ------------------------ */
#infobarDesktop,
#listaImoveis #filtros{
  background-color: hsl(var(--siga-500)) !important;
}
#infobarDesktop{
  color: white !important;
}
.btnSelecionado{
  background-color: hsl(var(--siga-300)) !important;
}
.btnNaoSelecionado {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
  border-color: hsl(var(--siga-200)) !important;
}
button#btnListaBairros {
  filter: none !important;
}
div#filtrosListas #infobarDesktopListas,
div#filtrosListas {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
}
div#infobarDesktopListas button, #containerMapaFavoritos {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
    border-color: hsl(var(--siga-200)) !important;
}
div#filtrosListas span {
    color: #ffffff !important;
}
/* ------------------------ IMÓVEL ------------------------ */

button#btnWhats {
    background: #0bbf4d !important;
}

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



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



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

/* Elementos quadrados */
button,a,select,label,input,.filtroContainer,.filtroDrop,.rounded,.rounded-lg,.rounded-xl,#sub1Comprar .hoverBtns, .sigaTooltip, .sigaTooltipLeft, .nomeBtnModalMobile{
  border-radius: 0px !important;
}
.filtro{
  border-radius: 0px !important;
}