/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 36 50% 60%;
  --siga-200: 36 39% 55%;
  --siga-300: 36 32% 50%;
  --siga-500: 215 33% 17%;
  --siga-700: 215 31% 12%;
  --siga-900: 231 28% 5%;
}
/* ------------------------ ELEMENTOS ARREDONDADOS ------------------------ */
.navBtn,
.btnSemBorda,
.btnSemBorda:hover,
.sub1VerTodos,
.homeBusca.intro3BuscarContainer input,
.btnAplicar,
a.verTodosBtn,
span.cardDestaque,
span.cardNovidade,
span.cardTour,
span.cardVideo,
span.cardPerfil,
span.cardMobilia,
span.cardExclusividade,
span.cardVisualizado,
span.cardDestaque,
span.sigaTooltip,
#imoveisCard1,
.listaOp,
.homeOpBtn,
.containerFiltros,
.filtroContainer,
.filtroDrop,
.btnAplicarContainer,
.homeBusca.intro1BuscarContainer input,
.btnsGaleria,
#painelImovel,
button#btnCompartilhar,
button#btnMsg,
button#btnWhats,
.tamanhoComponentes.bordaComponentes,
.tamanhoComponentes button,
.simuladoresImovel,
#listaImoveis .filtro,
div#cidades input,
label.dormVagaSuiteCheckbox,
label.selecaoMobilia,
.btnListaOrdem button,
#containerMapa,
div#contato button,
#lgpd div,
#lgpd button,
.indice.textoIndice{
  border-radius: 0px 0px 30px 30px !important;
}
div#containerFiltro {
  border-radius: 0 0 45px 45px;
}
@media (max-width: 992px){
button#btnBuscarFiltro,
.fitrosHome .filtro{
  border-radius: 0 0 30px 30px !important;
}
}
button#dropdownTipos{
  border-radius: 0 0 0 30px;
}
button#btnBuscarFiltro {
  border-radius: 0 0 30px 0;
  background-color: hsl(var(--siga-300)) !important;
}
.navBtn:hover,
.btnSemBorda:hover {
  background-color: hsl(var(--siga-300)) !important;
}
button.btnAplicar {
  background-color: hsl(var(--siga-300)) !important;
}

.sub1Nomes,
.sub1Item,.sub1Btn,
#sub1Lista h2{
  color: white !important;
}
div#submenu {
  background-color: hsl(var(--siga-500)) !important;
}
button#sub1Fechar {
  color: white !important;
  border: 1px solid hsl(var(--siga-300)) !important;
  border-radius: 0 0 30px 30px;
}
/* ------------------------ HEADER ------------------------ */
@media (min-width: 1280px) {
  .logoTopoHomeTamanhos {
      max-height: 100px !important;
      max-width: 270px !important;
  }
  .navHome{
    border-radius: 0px 0px 30px 30px !important;
  }
  .logoNormalTamanhos {
    max-height: 85px !important;
    max-width: 220px !important;
  }
}

@media (min-width: 1280px) and (max-width: 1450px) {
  #headerPremium.navHome {
      max-width: 1220px !important;
      left: calc(50% - 605px) !important;
  }
}
@media (min-width: 1200px){
  #headerPremium.navHome {
    max-width: 1520px;
    left: calc(50% - 760px);
  }
  div#containerFiltro {
    background: hsl(var(--siga-500)/0.5) !important;
  }
}
@media (max-width: 1000px) {
  div#containerFiltro {
    background: hsl(var(--siga-500) / 0.95) !important;
  }
}
/* ------------------------ HOME ----------------------- */
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background-color: transparent !important;
}
.verTodosContainer a:hover {
  background: hsl(var(--siga-300)) !important;
}
span.indicadorRolagemArrow {
  border-color: hsl(var(--siga-300)) !important;
}
button#navBuscar {
  background: transparent !important;
}
.hoverBtns:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
}
.hoverBtns:hover .sub1VerTodos {
  border-color: white !important;
}
.hoverBtns:hover .sub1VerTodos:hover {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
button#sub1Fechar:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
  border-radius: 0px 0px 30px 30px !important;
}
button.filtro {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
button.filtro svg{
  color: white !important;
}
button#dropdownBairros{
  filter: none !important;
}
.filtroDropValores,
.btnAplicarContainer,
.filtroDrop,
.filtroMargin .filtroContainer {
  background: hsl(var(--siga-500)) !important;
}
.textoValor,.textoValorDestacado,
.containerCheckbox:hover .checkboxLabel,
.containerCheckbox .checkboxLabel,
.containerCheckbox:hover .checkboxLabel span,
.containerInput:hover span,
label.labelFiltros {
  color: white !important;
}
.vue-slider-process,
.containerCheckbox:hover,
.containerInput:hover {
  background: hsl(var(--siga-300)) !important;
}
.vue-slider-rail {
  border-color: hsl(var(--siga-300)) !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-500)) !important;
}
.listaOp #op-item-0:checked,
.listaOp #op-item-1:checked {
    background-color: hsl(var(--siga-100)) !important;
}
/*bg btn selecionado*/
.listaOp input:checked ~ label#label-item-0, .listaOp input:checked ~ label#label-item-1 {
    background: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
}
/*bg btnOp*/
.listaOp,
.listaOp #op-item-0 +label,
.listaOp #op-item-1 +label {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: white !important;
}

@media (min-width: 1280px) {
  .tituloDestaquesContainer , .TituloHome {
    position: relative !important;
  }
  .tituloDestaquesContainer .tituloHome:before {
    content: '';
    background-image: url(https://s3.amazonaws.com/files.sigahost.com.br/benedetto/arquivos/icone_dourado2.svg?nc=1170319286);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute; 
    width: 60px;
    height:100px;
    top: -74px;
    left: 47.85%;
  }
}
.containerCheckbox label {
    color: white !important;
}
  /* ------------------------ CARDS ------------------------ */

.cardGrid span {
  padding-top: 3px !important;
  padding-bottom: 6px !important;
}
.tamanhoComponentes button {
  padding: 3px 10px 5px 13px;
}
.cardsFavoritar svg,
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ LISTA ------------------------ */
#listaImoveis .btnSelecionado {
  border-color: hsl(var(--siga-300)) !important;
  background-color: hsl(var(--siga-300)) !important;
}
label.dormVagaSuiteCheckbox:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
label.selecaoMobilia:hover,
.abrirSelecaoDormsVagas:hover,
ul.gridDormsVagas button:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
button.btnNaoSelecionado {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
#infobarDesktop,
#listaImoveis #filtros {
  background: hsl(var(--siga-500)) !important;
}
#infobarDesktop h1 {
  color: white !important;
}
span.quantidadeSelecao {
  border-color: hsl(var(--siga-300)) !important;
}
#containerMapa {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
#vagas span,
#comodos span {
  color: white !important;
}

#vagas input:checked + label,
#comodos input:checked + label,
#mobilia input:checked + label {
  background: hsl(var(--siga-300)) !important;
}
label.selecaoMobilia {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
label.dormVagaSuiteCheckbox {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
button.abrirSelecaoDormsVagas:hover svg{
  color: white !important;
}
div#vagas button,
.abrirSelecaoDormsVagas {
  background: hsl(var(--siga-300)) !important;
}
#vagas > div > svg,
#comodos > div > svg {
  color: hsl(var(--siga-300)) !important;
}
div#ordem{
  background-color: hsl(var(--siga-500)) !important;
}
button#btnListaBairros {
  filter: none !important;
}
#cidades input,
input.searchInput {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
}

/* ------------- cor de fundo botão de mapa ativo ---------*/
#containerMapa input:checked ~ #btnMapa{
  background-color: hsl(var(--siga-300)) !important;
}
#btnMapa{
  background-color: hsl(var(--siga-100) / 0.3) !important;
}

/* ------------------------ IMOVEL ------------------------ */
textarea.contatoInput,
div#formLead input,
#formLead button {
  border-radius: 0 0 30px 30px !important;
}
#formLead div > div:nth-child(1) {
  background: hsl(var(--siga-500)) !important;
}
#formLead p{
  color: white !important;
}
#formLead textarea,
#formLead input {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
#formLead textarea + button {
  background: hsl(var(--siga-300)) !important;
}
#formLead div > div:nth-child(1) button:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
#formLead input::placeholder{
  color: white  !important;
}
#formLead textarea + button:focus-visible,
#formLead input:focus-visible {
  outline: none;
}

#formLead div {
  color: white !important;
}
/* ------------------------ FOOTER ------------------------ */



/* ------------------------ MOBILE ------------------------ */
@media (max-width: 992px){
  button.btnFechar,
  div#containerFooterFiltrosMobile button {
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
  }
  #submenu.subSemIcones li svg{
    display: block !important;
    color: hsl(var(--siga-300)) !important;
  }
  button#menuMobile {
    border-radius: 0 0 30px 30px !important;
  }
}

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


div#institucional,
button#btn0 {
  display: none !important;
}