/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 44 71% 76%;
  --siga-200: 44 42% 65%;
  --siga-300: 44 71% 76%;
  --siga-500: 212 71% 25%;
  --siga-700: 212 71% 22%;
  --siga-900: 212 71% 17%;
}
/* ------------------------ HEADER ------------------------ */
#submenu {
  background-color: hsl(var(--siga-500)) !important;
}
.nomeTipos {
  color: #fff !important;
}
#submenu .hoverBtns {
  background-color: transparent !important;
  color: #fff !important;
}
#submenu .hoverBtns:hover {
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-300)) !important;
}
#submenu .hoverBtns:hover .nomeTipos,
#submenu .hoverBtns:hover svg,
#submenu .hoverBtns:hover .sub1VerTodos {
  color: hsl(var(--siga-300)) !important;
}
.submenu-ativado {
  background-color: hsl(var(--siga-700)) !important;
}
.sub1VerTodos,
.sub1Btn .icon {
  background-color: transparent !important;
  color: #fff !important;
}
.navBtn,
.btnSemBorda {
  border: 2px solid transparent !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}
.navBtn:hover,
.btnSemBorda:hover {
  border-bottom: 2px solid hsl(var(--siga-100)) !important;
  color: hsl(var(--siga-100)) !important;
}
#navIcons .icon,
#sub1Fechar {
  color: #fff !important;
}
.redeSocialHeader .icon,
#submenu .hoverBtns .sub1VerTodos:hover {
  color: hsl(var(--siga-300)) !important;
}
#filtro1 {
  background-color: hsl(var(--siga-500) / 0.4) !important;
}
.subTipos h2 {
  color: hsl(var(--siga-300)) !important;
  margin-left: 29px !important;
}
#inputBuscar .icon {
  color: hsl(Var(--siga-300)) !important;
}
#navBuscar {
  background-color: hsl(var(--siga-700)) !important;
}
.sub1VerTodos {
  padding: 0.75rem 0.625rem !important;
}
@media (min-width: 1280px) {
  .redeSocialHeader {
    position: absolute !important;
    right: 26px;
    color: hsl(var(--siga-100)) !important;
  }
  #btnBuscar {
    margin-right: 60px;
  }
}
/* ------------------------ HOME ----------------------- */
@media (min-width: 992px) {
  #containerFiltro {
    top: auto !important;
    bottom: 50px !important;
  }
}

#indicadorRolagem {
  display: none !important;
}
.inputFiltros,
.inputFiltros:hover:checked {
  accent-color: hsl(var(--siga-300)) !important;
}
.btnAplicar {
  background-color: hsl(var(--siga-500)) !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, filter !important;
}
.btnAplicar:hover {
  background-color: hsl(var(--siga-500)) !important;
  filter: brightness(1.25) !important;
}
.svgBtn {
  color: #c7b37e !important;
}
.sigaTooltip,
.sigaTooltipLeft {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.sigaTooltip::after,
.sigaTooltipLeft:after {
  border-top-color: hsl(var(--siga-300)) !important;
}
.intro1BuscarInput,
.verTodosBtn,
.sub1VerTodos {
  border-color: hsl(var(--siga-500)) !important;
}
.verTodosBtn:hover,
.sub1VerTodos:hover {
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
.quantidadeSelecao {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
.containerTitulos {
  text-shadow: 2px 2px black;
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background-color: transparent !important;
}
#sub1Fechar:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
@media (min-width: 1280px) {
  .tamanhosIntro2 {
    height: 90svh !important;
  }
}

@media (min-width: 1366px) {
  .tamanhosIntro2 {
    height: 85svh !important;
  }
}

@media (min-width: 1536px) {
  .tamanhosIntro2 {
    height: 72svh !important;
  }
}
@media (min-width: 1280px) {
  .filtroIntro3 {
    bottom: 30% !important;
  }
  .homeFiltros swiper-container::part(button-next),
  .homeFiltros swiper-container::part(button-prev) {
    margin-top: 9.5rem !important;
  }
  .intro3ContainerTitulos {
    top: -4rem !important;
  }
}
@media (min-width: 1590px) {
  .homeFiltros swiper-container::part(button-next),
  .homeFiltros swiper-container::part(button-prev) {
    margin-top: 3rem !important;
  }
}
@media (max-width: 1280px) {
  #filtro1 {
    background-color: transparent !important;
  }
  .logoTopoHomeTamanhos {
    max-width: 160px !important;
  }
  .logoNormalTamanhos {
    max-width: 130px !important;
  }
  .intro1BuscarInput {
    border-color: #fff !important;
  }
  #containerFiltro {
    background-color: hsl(var(--siga-700) / 0.9) !important;
  }
  #btnBuscarFiltro {
    background-color: hsl(var(--siga-200)) !important;
  }
}

/* ------------------------ CARDS ------------------------ */
.cardDestaque,
.cardVideo,
.cardPerfil,
.cardMobilia,
.cardNovidade,
.cardExclusividade,
.cardVisualizado {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ LISTA ------------------------ */
.btnSelecionado {
  background-color: hsl(var(--siga-500)) !important;
}
.btnAplicar:hover {
  color: hsl(var(--siga-300)) !important;
  filter: none !important;
}
.checkboxInput:checked {
  accent-color: hsl(var(--siga-500));
}
.peer:checked ~ .dormVagaSuiteCheckbox,
.peer:checked ~ .selecaoMobilia {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: hsl(vaR(--siga-300)) !important;
}
.containerCheckbox:hover,
.containerCheckbox:hover label,
.containerCheckbox:hover span,
.dormVagaSuiteCheckbox:hover,
.abrirSelecaoDormsVagas:hover,
.selecaoMobilia:hover {
  background-color: hsl(Var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: #fff !important;
}
@media (max-width: 1280px) {
  .btnSelecionado span {
    color: #fff !important;
  }
}
/* ------------------------ IMOVEL ------------------------ */
#nomeEndereco .icon,
#caracteristicasDescricao .icon,
.simuladoresImovel .icon {
  color: hsl(var(--siga-200)) !important;
}
#btnWhats {
  background: #1ab352 !important;
}
#idImovel .imovelCodigo {
  color: #000 !important;
}
#imoveisCondominio a:hover {
  background-color: hsl(Var(--siga-500)) !important;
  color: hsl(var(--siga-100)) !important;
}
/* ------------------------ FOOTER ------------------------ */
#copyrights {
  background-color: hsl(var(--siga-900)) !important;
}

.indice {
  border-color: transparent !important;
}

#enderecoContato a {
  border-color: hsl(var(--siga-300)) !important;
}
#enderecoContato a:hover {
  background-color: hsl(var(--siga-200) / 0.9);
}

.linhaDotsFooter {
  background-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */

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

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

/* SELECTION */
::selection {
  color: hsl(var(--siga-300)) !important;
  background-color: hsl(var(--siga-500)) !important;
}