/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 210 2% 53%;
  --siga-200: 358 100% 74%;
  --siga-300: 358 91% 56%;
  --siga-500: 358 70% 54%;
  --siga-700: 358 73% 41%;
  --siga-900: 357 74% 37%;
}
/* ------------------------ HEADER ------------------------ */
@media (min-width: 1280px) {
  .logoTopoHomeTamanhos {
      max-width: 230px !important;
  }
}
.top-\[--contact-bar-height\] .logo{
  max-width: 320px !important;
  max-height: 90px !important;
  margin-top: -50px !important;
}

@media (min-width: 1600px) {
.logoNormalTamanhos{
    max-width: 230px !important;
    margin-top: -8px !important;
}

.logoTopoHomeTamanhos {
  margin-left: 2.25rem !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;
    }
}
.submenu-ativado,
#submenu {
    background: hsl(var(--siga-700)) !important;
}
#submenu .subTipos h2 span {
    color: white !important;
}
#submenu .svgDesktop{
    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-100)) !important;
  color: white !important;
  }
div#navIcons svg {
    color: white !important;
}
.navBtn {
    border-color: transparent !important;
    background-color: white !important;
    color: hsl(var(--siga-500)) !important;
}
.navBtn:hover {
    border-color: hsl(var(--siga-300)) !important;
    background-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
.btnSemBorda{
  padding: 0 !important;
}
.btnSemBorda:hover{
    background-color: transparent !important;
}
#menuMobile svg,
#modalBuscar svg {
    color: white !important;
}
#menuMobile{
    border-color: white !important;
}
/* ------------------------ POLIGONO HEADER ----------------------- */
#headerPremium:before {
    background: white !important;
    position: absolute;
    height: 100%;
    content: ". ";
    color: white !important;
    top: 0px;
    width: 24%;
    left: 0;
    clip-path: polygon(0% 0%,100% 0%,85% 100%,-100% 100%);
    z-index: -1 !important;
  }
#barra-contatos:before {
    background: white !important;
    position: absolute;
    height: 100%;
    content: ". ";
    color: white !important;
    top: 0;
    width: 24%;
    left: 0;
    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: -10px !important;
    margin-left: 0 !important;
    max-width: 160px !important;
}
#nav1 {
    margin-top: 0px !important;
}
#barra-contatos:before {
    width: 48% !important;
}
}
.submenuCol .subTipos > li{
    border: none !important;
}
.sub1Btn svg{
    display: none !important;
}
.sub1VerTodos {
background: white !important;
}
.subTipos h2 span {
    color: white !important;
}
.sub1VerTodos:hover{
  color: hsl(var(--siga-900)) !important;
} 
/* ------------------------ HOME ----------------------- */
#textoBanner {
  background: linear-gradient(90deg, rgba(65,64,66,0) 0%, rgba(65,64,66,0.50) 25%, rgba(65,64,66,0.70) 50%, rgba(65,64,66,0.50) 75%, rgba(65,64,66,0) 100%) !important;
}
div#textoBanner a{
  background-color: transparent !important;
  color: white !important;
  border: 1px solid white !important;
}
div#textoBanner p,
div#textoBanner h2 {
    color: white !important;
    font-size: 1.75rem  !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 3px #000 !important;
}
@media (max-width: 992px){
div#textoBanner p,
div#textoBanner h2 {
    font-size: 0.95rem  !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-900)) !important;
    border-color: hsl(var(--siga-900)) !important;
}

.fitrosHome .filtro svg{
    color: white !important;
}
#btnBuscarFiltro {
    background: hsl(var(--siga-900)) !important;
}
.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 span,
.containerInput:hover label {
    color: white !important;
}
.hoverBtns:hover .sub1VerTodos{
    border-color: hsl(var(--siga-500)) !important;
}
.intro2BuscarInput {
    background: hsl(var(--siga-500)) !important;
    border-color: hsl(var(--siga-900)) !important;
}
.intro2BuscarInput svg {
    color: hsl(var(--siga-300)) !important;
}
button#navBuscar {
    background: hsl(var(--siga-300)) !important;
}
button#navBuscar svg {
    color: white !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;
}
swiper-container::part(button-next), swiper-container::part(button-prev) {
    background: transparent !important;
}
.tituloDestaques{
    color: hsl(var(--siga-300)) !important;
}
/* ------------------------ LISTA ------------------------ */

#btnListaBairros {
    filter: none !important;
}
#containerMapa {
    background: transparent !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;
}
.containerCheckbox:hover,
.dormVagaSuiteCheckbox:hover,
.selecaoMobilia:hover {
    background: hsl(var(--siga-300)) !important;
    color: white !important;
    border-color: hsl(var(--siga-300)) !important;
}
.containerCheckbox:hover label span,
.containerCheckbox:hover label{
  color: white  !important;
}
@media (min-width: 1280px){
    #ordem {
        margin-right: 20px !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: hsl(var(--siga-100)) !important;
}
#comodos div svg {
    color: hsl(var(--siga-300)) !important;
}
.abrirSelecaoDormsVagas {
    background: transparent !important;
}
label.selecaoMobilia {
    background: transparent !important;
    border-color: hsl(var(--siga-100)) !important;
}
#bairros input,
#cidades input {
    background: transparent !important;
    border-color: hsl(var(--siga-300)) !important;
}
#infobarDesktopListas button,
#containerMapaFavoritos {
    border-color: hsl(var(--siga-300)) !important;
}
.peer:checked~.selecaoMobilia{
  background: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ IMOVEL ------------------------ */
.btnsGaleriaAtivo {
    background: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
}
button#btnWhats {
    background: #25d968 !important;
}
div#btnAluguelOnline button {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
}
.imovelCodigo {
  color: black !important;
  }
  span.letraImovelCodigo {
    display: none !important;
}
/* ------------------------ FOOTER ------------------------ */
#footer div {
    background-color: #313131 !important;
}
.indice {
  border-color: hsl(var(--siga-300) / 0.5) !important;
  color: hsl(var(--siga-300)) !important;
}

@media (min-width: 1280px ){
.logoRodape {
    width: 300px !important;
}
}
.celular1:after {
  content: ' Vendas';
}
.celular2:after {
  content: ' Locação';
}
#footer svg {
  color: hsl(var(--siga-300)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */