/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 167 100% 63%;
  --siga-200: 167 79% 59%;
  --siga-300: 167 71% 57%;
  --siga-500: 200 62% 20%;
  --siga-700: 200 67% 17%;
  --siga-900: 200 66% 15%;
}
/* ------------------------ HEADER ------------------------ */

#submenu {
  background: hsl(var(--siga-500)) !important;
}
#submenuComprarApartamentos,
#submenuComprarCasas,
#submenuComprarComercial,
#submenuComprarTerrenos,
#submenuComprarSobrados,
#submenuAlugarApartamentos,
#submenuAlugarCasas,
#submenuAlugarComercial,
#submenuAlugarTerrenos,
#submenuAlugarSobrados {
  border-color: transparent !important;
}
.submenu-ativado {
  background: hsl(var(--siga-700)) !important;
}
.sub1Item,
.subTipos h2 {
  color: white !important;
}
.sub1VerTodos {
  background: hsl(var(--siga-700)) !important;
  color: white !important;
}
.sub1VerTodos:hover {
  background: hsl(var(--siga-300)) !important;
}
.nomeTipos {
  color: hsl(var(--siga-300)) !important;
}
.sub1Item.hoverBtns:hover {
  background: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.navSigaOpacidade {
  background-color: hsl(var(--siga-500) / 0.9) !important;
}
/* ------------------------ HOME ----------------------- */
.listaOp #op-item-0 + label:hover,
.listaOp #op-item-1 + label:hover,
.listaOp #op-item-0:checked + label:hover,
.listaOp #op-item-1:checked + label:hover {
  border-color: hsl(var(--siga-300)) !important;
}

.listaOp #op-item-0:checked,
.listaOp #op-item-1:checked {
  background-color: hsl(var(--siga-300)) !important;
}
.listaOp input:checked ~ #label-item-0,
.listaOp input:checked ~ #label-item-1 {
  background: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.filtroDrop,
.fitrosHome .filtro {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
.containerCheckbox label,
.fitrosHome .filtro svg {
  color: white !important;
}
#btnBuscarFiltro svg,
.containerInput:hover .labelFiltros {
  color: hsl(var(--siga-500)) !important;
}
#btnBuscarFiltro {
  background: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.listaOp input ~ #label-item-0,
.listaOp input ~ #label-item-1 {
  background-color: transparent !important;
  color: white !important;
  border-color: hsl(var(--siga-100)) !important;
}
.lancamentos {
  display: none !important;
}
.homeMask {
  background: transparent !important;
}
.btnAplicarContainer,
.filtroContainer,
.listaOp {
  background: hsl(var(--siga-500)) !important;
}
.btnAplicar {
  background: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.labelFiltros {
  color: white !important;
}
.containerCheckbox:hover,
.fitrosHome .containerInput:hover {
  background: hsl(var(--siga-300)) !important;
}
/* ------------------------ CARDS ------------------------ */

swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background: transparent !important;
}
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
.cardsFavoritar.favIcon {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ LISTA ------------------------ */

.containerCheckbox:hover label {
  color: hsl(var(--siga-500)) !important;
}
.btnSelecionado {
  border-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-500)) !important;
}
/*Cor mapa*/
#containerMapa input:checked ~ #btnMapa {
  background-color: hsl(var(--siga-300)) !important;
}
#valores {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
#valores span {
  color: hsl(var(--siga-300)) !important;
}
.vue-slider-process {
  background: hsl(var(--siga-300)) !important;
}
.quantidadeSelecao {
  color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
/*mobilia*/
#mobilia input:checked + label {
  background: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.selecaoMobilia {
  background: hsl(var(--siga-500)) !important;
  border-color: #3c5e6f !important;
  color: white !important;
}
#vagas > div > svg,
#comodos > div > svg {
  color: hsl(var(--siga-300)) !important;
}
.gridDormsVagas input:checked ~ .dormVagaSuiteCheckbox {
  color: hsl(var(--siga-500)) !important;
}

#ordem {
  background: hsl(var(--siga-500)) !important;
}
.containerListaInputs {
  color: white !important;
}
.btnSelecionado,
#btnMapa,
#containerMapa,
.btnNaoSelecionado {
  border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ IMOVEL ------------------------ */

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

#enderecoContato button:hover {
  color: hsl(var(--siga-500)) !important;
}

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

/* Elementos quadrados */
button,
select,
label,
input,
.filtroContainer,
.filtroDrop,
.rounded,
.rounded-lg,
.rounded-xl {
  border-radius: 2px !important;
}
.filtro {
  border-radius: 0px !important;
}
@media (max-width: 992px) {
  .sub1Btn svg,
  .sub1Nomes {
    color: white !important;
  }
}