/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 174 49% 51%;
  --siga-200: 174 45% 50%;
  --siga-300: 174 45% 49%;
  --siga-500: 302 23% 29%;
  --siga-700: 302 24% 27%;
  --siga-900: 302 25% 23%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}
button,a,select,label,input,.filtroContainer,.filtroDrop,.rounded,.rounded-lg,.rounded-xl,#sub1Comprar .hoverBtns, .sigaTooltip, .sigaTooltipLeft, .nomeBtnModalMobile,.cardsFavoritar {
  border-radius: 2px !important;
}

/* ------------------------ HEADER ------------------------ */
.navSigaOpacidade{
  background-color: hsl(var(--siga-500)/0.9) !important;
}
.btnSemBorda:hover,
.navBtn:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
div#submenu {
    background: hsl(var(--siga-700)) !important;
}
.subTipos h2{
  color: hsl(var(--siga-300)) !important;
}
/* .sub1Btn span{
  color: hsl(var(--siga-300)) !important;
} */
.hoverBtns {
  color: white !important;
}
.hoverBtns:hover,
.sub1VerTodos:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-900)) !important;
} 

.sub1VerTodos{
  background-color: hsl(var(--siga-900)) !important;
  color: white !important;
}
.subTipos menu{
  border-color: transparent !important;
}
#barra-contatos svg {
  color: hsl(var(--siga-300)) !important;
}
.submenu-ativado{
  background-color: hsl(var(--siga-900)) !important;
}

/* ------------------------ HOME ----------------------- */
input#op-item-0:checked ~ label,
input#op-item-1:checked ~ label {
  background-color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
input#op-item-0 ~ label:hover,
input#op-item-1 ~ label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
input#op-item-0 ~ label,
input#op-item-1 ~ label {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-900)) !important;
  color: white !important;
}
#btnBuscarFiltro {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.listaOp,
.filtro  {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
} 
.filtro svg {
  color: hsl(var(--siga-300)) !important;
}
#filtro1{
  background-color: transparent !important;
}
.filtroContainer  {
  background-color: hsl(var(--siga-500)) !important;
}
.labelFiltros {
  color: white !important;
}
.containerInput:hover {
  background-color: hsl(var(--siga-300)) !important;
} 
.containerInput:hover .labelFiltros {
  color: hsl(var(--siga-500)) !important;
}
.btnAplicar {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.btnAplicar:hover {
  background-color: hsl(var(--siga-200)) !important;
}
.quantidadeSelecao {
  border-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-500)) !important;
}
button#buscarPorCodigoHome {
    border-color: hsl(var(--siga-500)) !important;
}
button#dropdownBairros {
    filter: none !important;
}
div#textoBanner {
    background: hsl(var(--siga-500) / 0.5) !important;
}
/* ------------------------ CARDS ------------------------ */

.btnVerMaisCard {
  box-shadow: none !important;
  border: 1px solid hsl(var(--siga-300)) !important;
}
.btnVerMaisCard:hover {
  box-shadow: none !important;
  border: 1px solid hsl(var(--siga-300)) !important;
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background-color: transparent !important;
}
.cardsValor,
.cardsFavoritar {
  color: hsl(var(--siga-300)) !important;
}
/* ------------------------ LISTA ------------------------ */
.btnSelecionado {
  border-color: hsl(var(--siga-300)) !important;
}
.btnNaoSelecionado {
  border-color: rgba(255, 255, 255, 0.164) !important;
  background-color: hsl(var(--siga-900)) !important;
}

#filtros{
  background-color: hsl(var(--siga-900)) !important;
}
#valores,
.btnAplicarContainer,
.filtroDrop {
    background: hsl(var(--siga-500)) !important;
}
#infobarDesktop {
  background-color: hsl(var(--siga-900));
  color: white !important;
}
#infobarDesktop svg {
  color: hsl(var(--siga-300)) !important;
}
#infobarDesktop .btnSelecionado svg {
  color: hsl(var(--siga-900)) !important;
}
.containerCheckbox:hover {
  background-color: hsl(var(--siga-300)) !important;
}
.containerCheckbox:hover label {
  color: hsl(var(--siga-500)) !important;
}
.textoValor,
.containerCheckbox label {
  color: white !important;
}
.textoValorDestacado{
  color: hsl(var(--siga-300)) !important;
}
.vue-slider-process {
  background-color: hsl(var(--siga-300)) !important;
}
div#comodos svg {
  color: hsl(var(--siga-300)) !important;
}
.selecaoMobilia,
.abrirSelecaoDormsVagas,
label.dormVagaSuiteCheckbox {
    color: hsl(var(--siga-300)) !important;
    background: hsl(var(--siga-900)) !important;
    border: 1px solid hsl(var(--siga-300) / 0.5) !important;
}
input:checked ~ label.selecaoMobilia,
input:checked ~ label.dormVagaSuiteCheckbox {
    background: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-900)) !important;
}
#comodos span {
  color: white !important;
}
/* ------------------------ IMÓVEL ------------------------ */



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



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



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

::-webkit-scrollbar-thumb {
  background-color: hsl(var(--siga-300)) !important;
}