/* ------------------------ CORES ------------------------  */
/* :root {
  --siga-100: 36 100% 54%;
  --siga-200: 36 94% 51%;
  --siga-300: 36 94% 49%;
  --siga-500: 180 4% 10%;
  --siga-700: 180 3% 6%;
  --siga-900: 180 4% 5%;
} */
:root {
  --siga-100: 47 100% 58%;
  --siga-200: 47 100% 54%;
  --siga-300: 47 100% 49%;
  --siga-500: 180 4% 10%;
  --siga-700: 180 3% 6%;
  --siga-900: 180 4% 5%;
}
/* ------------------------ HEADER ------------------------ */
#containerMapa:hover,
.btnNaoSelecionado:hover,
.btnSemBorda:hover,
.navBtn:hover{
    background: transparent !important;
    border: 1px solid hsl(var(--siga-300)) !important;
    border-radius: 2px !important;
}
.btnSemBorda{
  border: 1px solid hsl(var(--siga-500)) !important;
  border-radius: 2px !important;
}
.top-\[--contact-bar-height\] .logo{
    max-width: 320px !important;
    max-height: 115px !important;
    margin-top: -35px !important;
    margin-left: 2.85rem !important;
}
@media (min-width: 1280px) {
    .tamanhosIntro2 {
        height: 600px !important;
    }
}
@media (min-width: 1600px) {
.logoNormalTamanhos{
    max-width: 230px !important;
    margin-top: -8px !important;
    margin-left: 2.85rem !important;
}
}
@media (min-width: 1280px) and (max-width: 1390px) {
    .top-\[--contact-bar-height\] .logo{
            max-width: 225px !important;
            max-height: 80px !important;
            margin-top: -50px !important;
            margin-left: 25px !important;
        }
}
@media (min-width: 1390px) and (max-width: 1600px) {
    .logoTopoHomeTamanhos {
        max-height: 90px !important;
        max-width: 340px !important;
        margin-top: -50px !important;
        margin-left: -5px !important;
    }
}
@media (min-width: 1280px) {
    .logoNormalTamanhos {
        max-height: 80px !important;
        margin-left: 4.25rem !important;
    }
}
#submenu {
    background: hsl(var(--siga-700)) !important;
}
#submenu .subTipos h2 span {
    color: hsl(var(--siga-300)) !important;
}
#submenu .svgDesktop{
    display: block !important;
    color: white !important;
}
#submenu span,
.hoverBtns{
    color: white !important;
}
#sub1Fechar {
    color: white !important;
    border: 1px solid hsl(var(--siga-300)) !important;
}
#barra-contatos svg {
    color: white !important;
  }
#barra-contatos {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
  }
/* ------------------------ POLIGONO HEADER ----------------------- */
#headerPremium:before {
    background: white !important;
    position: absolute;
    height: 100%;
    content: ". ";
    color: white !important;
    top: -1px;
    width: 15%;
    left: 0;
    /* clip-path: polygon(0% 0%,100% 0%,85% 100%,-100% 100%); */
    /* filter: drop-shadow(-1px 8px 8px rgba(0,0,0,0.36)); */
    z-index: -1 !important;
  }
#barra-contatos:before {
    background: white !important;
    position: absolute;
    height: 100%;
    content: ". ";
    color: white !important;
    top: 0;
    width: 15%;
    left: 0;
    /* clip-path: polygon(0% 0%, 96% 0%, 92% 100%, -100% 100%); */
    filter: drop-shadow(-1px 8px 8px rgba(0,0,0,0.36));
    z-index: -1 !important;
  }
  @media (max-width: 992px) {
    #headerPremium:before {
        width: 48% !important;
    }
    #headerPremium .logo {
        margin-top: -36px !important;
        margin-left: 0 !important;
        max-width: 120px !important;
    }
    #nav1 {
        margin-top: 0px !important;
    }
    #barra-contatos:before {
        width: 48% !important;
        /* clip-path: polygon(0% 0%, 99% 0%, 92% 100%, -100% 100%) !important; */
  }
}
.sub1VerTodos {
    color: hsl(var(--siga-500)) !important;
}
div#barra-contatos a span, div#barra-contatos a svg {
    color: hsl(var(--siga-900)) !important;
}
/* ------------------------ HOME ----------------------- */
.filtroContainer {
    background: hsl(var(--siga-500)) !important;
}
.labelFiltros {
    color: white !important;
}
.listaOp #op-item-0 +label:hover,
.listaOp #op-item-1 +label:hover {
    border-color: hsl(var(--siga-300)) !important;
}
.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-100)) !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;
}

.fitrosHome .filtro {
    background: hsl(var(--siga-700)) !important;
    color: white !important;
}
.fitrosHome .filtro svg{
    color: white !important;
}
#btnBuscarFiltro {
    background: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-500)) !important;
}
.fitrosHome {
    border-radius: 8px;
}
.verTodosContainer a:hover {
    background: hsl(var(--siga-300)) !important;
}
#sub1Fechar:hover,
.hoverBtns:hover,
.containerInput:hover {
    background: hsl(var(--siga-300)) !important;
}
#sub1Fechar:hover,
.hoverBtns:hover,
.containerInput:hover label {
    color: hsl(var(--siga-500)) !important;
}
.hoverBtns:hover .sub1VerTodos{
    border-color: hsl(var(--siga-500)) !important;
}
.intro2BuscarInput {
    background: hsl(var(--siga-500)) !important;
    border-color: hsl(var(--siga-300)) !important;
}
.intro2BuscarInput svg {
    color: hsl(var(--siga-300)) !important;
}
button#navBuscar {
    background: hsl(var(--siga-300)) !important;
}
button#navBuscar svg {
    color: white !important;
}
.homeBusca {
    display: none !important;
}
.homeFiltros #containerFiltro button#dropdownTipos {
    border-left: 1px solid hsl(var(--siga-100)) !important;
}
.homeFiltros #containerFiltro button.filtro {
    border-top: 1px solid hsl(var(--siga-100)) !important;
    border-bottom: 1px solid hsl(var(--siga-100)) !important;
}

@media (max-width: 1279px) {
    button.filtro {
        border: 1px solid hsl(var(--siga-100)) !important;
    }
}
.listaOp {
    padding: 0px !important;
}
.homeOpBtn {
    background: hsl(var(--siga-700)) !important;
    color: #fff !important;
    border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ CARDS ------------------------ */
.cardsFavoritar.favIcon,
.cardsFooter svg {
    color: hsl(var(--siga-300)) !important;
}
.cardDestaque,
.cardNovidade,
.cardTour,
.cardVideo,
.cardPerfil,
.cardMobilia,
.cardExclusividade,
.cardVisualizado{
    background: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-900)) !important;
}
swiper-container::part(button-next), swiper-container::part(button-prev) {
    background: transparent !important;
}
.tituloDestaques{
    color: hsl(var(--siga-300)) !important;
}
/* ------------------------ LISTA ------------------------ */
.filtroDrop{
    background: hsl(var(--siga-500)) !important;
}
.containerCheckbox label,
.checkboxLabel {
    color: white !important;
}
#listaImoveis #filtros {
    background: hsl(var(--siga-500)) !important;
}
#infobarDesktop {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
}
.btnNaoSelecionado {
    border-color: hsl(var(--siga-300)) !important;
    background: transparent !important;
    color: white !important;
}
#btnListaBairros {
    filter: none !important;
}
#containerMapa {
    background: transparent !important;
    color: white !important;
    border-color: hsl(var(--siga-300)) !important;
}
#containerMapa input:checked ~ #btnMapa {
    background-color: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
}

#btnMapa:after {
    background: hsl(var(--siga-500)) !important;
}
button.btnAplicar {
    background: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-500)) !important;
}
.btnAplicarContainer {
    background: hsl(var(--siga-500)) !important;
}
.containerCheckbox:hover,
.dormVagaSuiteCheckbox:hover,
.selecaoMobilia:hover {
    background: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-500)) !important;
    border-color: hsl(var(--siga-300)) !important;
}
#comodos span{
    color: white !important;
}

.containerCheckbox:hover label{
    color: hsl(var(--siga-500)) !important;
}
@media (min-width: 1280px){
    #ordem {
        margin-right: 20px !important;
    }
}
#valores {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
}
.textoValorDestacado{
    color: hsl(var(--siga-300)) !important;
}
.vue-slider-process, .vue-slider-dot-tooltip-inner {
    background: hsl(var(--siga-300)) !important;
}
.dormVagaSuiteCheckbox {
    background: transparent !important;
    border-color: #f2940770 !important;
    color: white !important;
}
#comodos div svg {
    color: hsl(var(--siga-300)) !important;
}
.abrirSelecaoDormsVagas {
    background: transparent !important;
}
label.selecaoMobilia {
    background: transparent !important;
    color: white !important;
    border-color: #f2940747 !important;
}
#bairros input,
#cidades input {
    background: transparent !important;
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
#infobarDesktopListas button,
#containerMapaFavoritos {
    border-color: hsl(var(--siga-300)) !important;
}
.navBtn,
#containerMapa,
.btnNaoSelecionado {
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-radius: 2px !important;
}
.containerListaInputs {
    color: white !important;
}
#ordem {
    background: hsl(var(--siga-500)) !important;
}
/* ------------------------ IMOVEL ------------------------ */
.btnsGaleriaAtivo {
    background: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-500)) !important;
}
button#btnWhats {
    background: #04b704 !important;
}

/* ------------------------ FOOTER ------------------------ */
#enderecoContato a,
.indice.textoIndice {
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-radius: 2px !important;
}
#enderecoContato a:hover{
    background: transparent !important;
    border: 1px solid hsl(var(--siga-300)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */
#skeletonBanner2 div{ 
    height: 600px !important; 
   }