/* ------------------------ CORES ------------------------ */
:root {
  --siga-100: 40 39% 57%;
  --siga-200: 40 35% 54%;
  --siga-300: 38 36% 54%;
  --siga-500: 20 3% 21%;
  --siga-700: 0 4% 15%;
  --siga-900: 0 2% 11%;
  --isotipo: url("https://3cc791f55f295f1d.cdn.gocache.net/crisnedel/arquivos/isotipo.svg");
}

.navBtn:hover,
.btnSemBorda:hover {
  background-color: hsl(var(--siga-300)) !important;
}
.navBtn {
  border-color: transparent !important;
}
/* ------------------------ HEADER ------------------------ */
.navSigaOpacidade {
  background-color: hsl(0deg 3.9% 15.1% / 85%) !important ;
}
.navSiga {
  background: hsl(var(--siga-700)) !important;
}
#submenu {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
.subTipos {
  color: white !important;
}
.sub1Nomes,
.nomeTipos,
.subTipos h2 {
  color: hsl(var(--siga-200)) !important;
}
.hoverBtns:hover {
  color: hsl(var(--siga-300)) !important;
}
.sub1VerTodos {
  background-color: hsl(var(--siga-700)) !important;
  color: white !important;
}
.sub1VerTodos:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
#dropdownTipos {
  border-radius: 10px 0 0 10px !important;
}
#btnBuscarFiltro {
  border-radius: 0 10px 10px 0 !important;
}
#headerPremium #btnBuscar .sigaTooltip {
  margin-left: 12px !important;
}
/* ------------------------ HOME ----------------------- */
.tituloHome::before {
  content: "";
  background: var(--isotipo) no-repeat left bottom / 30px;
  display: flex;
  width: 31px;
  height: 31px;
  margin: 0 auto 3px auto;
}
#blog div h1:before {
  content: "";
  background: var(--isotipo) no-repeat left bottom / 30px;
  display: inline-block;
  width: 31px;
  height: 30px;
}

.titulosPagImovel::before {
  content: "";
  background: var(--isotipo) no-repeat left bottom / 20px;
  display: inline-block;
  width: 31px;
  height: 24px;
}
#indicadorRolagem {
  left: 50%;
  bottom: 2px;
}
.tituloHome .palavraDestaque {
  color: hsl(var(--siga-300)) !important;
}
#textHome .textHomeTitulo {
  color: hsl(var(--siga-300)) !important;
}
#textHome img {
  max-width: 300px !important;
  max-height: 310px !important;
}
#textHome p {
  padding: 60px;
  font-size: 18px;
}
.verTodosBtn {
  background-color: hsl(var(--siga-300)) !important;
  background-image: none !important;
  border-radius: 5px !important;
}

#textoHomeQuemSomos {
  padding: 8px 20px;
  background: hsl(var(--siga-300));
  color: #fff;
  text-decoration: none;
  text-underline-offset: 2px;
  font-size: 18px;
  transition: 0.4s;
  border-radius: 8px;
}
#textoHomeQuemSomos:hover {
  color: white !important;
  background-color: hsl(var(--siga-100));
  filter: brightness(101%);
}
#tituloImob {
  align-items: center !important;
}
.depoimentoImagem {
  display: none !important;
}
.depoimentoNome {
  color: hsl(var(--siga-300)) !important;
}
/* #videos svg {
  color: hsl(var(--siga-200)) !important;
} */

.listaOp,
.homeFiltros .filtro {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
  height: 60px !important;
}
.filtro svg {
  color: hsl(var(--siga-200)) !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;
}
.listaOp input ~ #label-item-0,
.listaOp input ~ #label-item-1 {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: white;
}
.listaOp input ~ #label-item-0:hover,
.listaOp input ~ #label-item-1:hover {
  filter: brightness(110%);
  color: white;
}
#btnBuscarFiltro {
  background-color: hsl(var(--siga-700)) !important;
  height: 60px !important;
  color: hsl(var(--siga-300)) !important;
}
#filtro1 {
  background-color: transparent !important;
}
@media (min-width: 80rem) {
  .filtroIntro3 {
    bottom: 18% !important;
  }
}
.btnAplicar {
  background-color: hsl(var(--siga-700)) !important;
  color: hsl(var(--siga-300)) !important;
}
.btnAplicar:hover {
  filter: brightness(110%);
}
.containerInput label {
  color: white !important;
}
.containerInput:hover,
.containerInput:hover label {
  color: white !important;
  background-color: hsl(var(--siga-700)) !important;
}
.filtroContainer {
  background-color: hsl(var(--siga-500)) !important;
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-siga-100) !important;
}
.searchInput,
.homeFiltros input {
  color: white !important;
  border-color: hsl(var(--siga-100)) !important;
  outline: none !important;
}
input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aa9768'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
}
#navBuscar,
#inputBuscar input,
#inputBuscar {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#inputBuscar div {
  color: white !important;
}
@media (max-width: 992px) {
  .linksEstrTituloPrincipal {
    font-size: 17px !important;
  }
}
@media (min-width: 1200px) {
  #linksEstrategicos h2 + div {
    gap: 15rem !important;
  }
}
.linksEstrTituloPrincipal {
  color: hsl(var(--siga-300)) !important;
  font-size: 26px !important;
  font-style: italic;
  font-weight: 600;
}
.linksEstrLinkTitulo {
  color: hsl(var(--siga-300)) !important;
  margin-bottom: 0 !important;
  font-style: normal !important;
  font-weight: 400;
  font-size: 22px;
}
#buscarPorCodigoHome {
  background: hsl(var(--siga-500) / 0.8) !important;
}
/* ------------------------ CARDS ------------------------ */
.cardEquipe,
.cardsFavoritar,
#imoveisCard1 {
  background: hsl(var(--siga-500)) !important;
}
.cardsValor,
.cardsFavoritar,
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
.nomeCoretorEquipe,
.setorCorretorEquipe,
.creciCorretorEquipe,
.cardsFooter,
.cardsFooter .detalheImovel,
.cardsEndereco,
#imoveisCard1 .imovelCodigo,
.cardNome {
  color: white !important;
}
.cardsFooter svg,
.cardsFavoritar,
.cardsValor {
  color: hsl(var(--siga-300)) !important;
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background: transparent !important;
}
.iconeEmailEquipe {
  color: hsl(var(--siga-300)) !important;
}
.iconeInstagramEquipe {
  color: var(--color-orange-500) !important;
}
.iconeTelefoneEquipe {
  color: var(--color-green-600) !important;
}
.cardsFooter {
  border-top: 1px solid hsl(var(--siga-700)) !important;
}
/* ------------------------ LISTA ------------------------ */
.btnNaoSelecionado {
  color: white !important;
  border-color: transparent !important;
  background-color: hsl(var(--siga-500)) !important;
  border-radius: 5px !important;
}
.quantidadeSelecao {
  border-color: hsl(var(--siga-700)) !important;
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-300)) !important;
}
.filtroDropValores,
.btnAplicarContainer,
.filtroDrop,
#infobarDesktop,
#listaImoveis #filtros {
  background-color: hsl(var(--siga-700)) !important;
  color: white !important;
}
.btnSelecionado svg {
  color: hsl(var(--siga-900)) !important;
}
.containerCheckbox:hover,
.containerCheckbox:hover label {
  background-color: hsl(var(--siga-700)) !important;
  color: white !important;
}
.containerCheckbox label {
  color: white !important;
}
.textoValorDestacado {
  color: hsl(var(--siga-100)) !important;
}
.vue-slider-process {
  background-color: hsl(var(--siga-300)) !important;
}
#comodos div svg {
  color: hsl(var(--siga-100)) !important;
}
.selecaoMobilia,
.abrirSelecaoDormsVagas,
.dormVagaSuiteCheckbox {
  background-color: hsl(var(--siga-900)) !important;
  color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-900)) !important;
}
input:checked ~ .selecaoMobilia,
input:checked ~ .dormVagaSuiteCheckbox {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ IMÓVEL ------------------------ */
#financiamento input {
  color: hsl(var(--siga-300)) !important;
}
#painelImovel .cardsFavoritar {
  background-color: white !important;
}

/* ------------------------ FOOTER ------------------------ */
.logoRodape {
  width: 210px !important;
}
#contato span,
#links p {
  color: hsl(var(--siga-300)) !important;
}
#seoDescricaoFooter {
  color: white !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */

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

button,
select,
label,
input,
.filtroContainer,
.filtroDrop,
.rounded,
.rounded-lg,
.rounded-xl {
  border-radius: 4px !important;
}
/* ------------------------ MOBILE ------------------------ */
@media (max-width: 992px) {
  #textHome p {
    padding: 60px;
    font-size: 13px;
    margin-top: -20px;
  }
  #textHome img {
    max-width: 250px !important;
    max-height: 260px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

#containerImob #mapaImob div:first-child {
  justify-content: center !important;
}
#equipeHome div {
  justify-content: center !important;
}
#destaquesHome {
  order: 1 !important;
}
#linksEstrategicos {
  order: 16 !important;
  background: white !important;
}

.estilos-v-html {
  text-align: justify !important;
}
#textoHomeConteudo h3 {
  margin-top: 30px;
  color: #505050;
}

.fitrosHome .filtro {
  border-radius: 0 !important;
}
#linkBlogPgImob {
  color: hsl(var(--siga-300)) !important;
  text-decoration: none !important;
  font-weight: bold;
}

#blog div a,
.textoHomeCTABtn {
  background: hsl(var(--siga-300)) !important;
}
#politicaDePrivacidade div div {
  align-items: center;
}
#politicaDePrivacidade .tituloHome::before {
  background-image: none !important;
  width: 0px;
  height: 0px;
  margin: 0;
}
#btnBuscar .sigaTooltip {
  margin-left: 12px;
}
.subTipos menu {
  border-color: hsl(var(--siga-700)) !important;
}