/* ------------------------ 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 ----------------------- */
#op-item-0:checked ~ label,
#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;
}
#op-item-0 ~ label:hover,
#op-item-1 ~ label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
#op-item-0 ~ label,
#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;
}
#buscarPorCodigoHome {
  border-color: hsl(var(--siga-500)) !important;
}
#dropdownBairros {
  filter: none !important;
}
#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;
}
#comodos svg {
  color: hsl(var(--siga-300)) !important;
}
.selecaoMobilia,
.abrirSelecaoDormsVagas,
.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 ~ .selecaoMobilia,
input:checked ~ .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;
}