/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 34 70% 58%;
  --siga-200: 34 58% 54%;
  --siga-300: 34 54% 53%;
  --siga-500: 88 33% 23%;
  --siga-700: 87 35% 18%;
  --siga-900: 85 33% 15%;
}

/* Radius: buttons e inputs  */
.containerFiltros button,
button,
select,
input,
.rounded {
  border-radius: 50px !important;
}
.rounded-lg {
  border-radius: 20px !important;
}
.fitrosHome {
  column-gap: 8px;
}
.fitrosHome .filtroDrop {
  margin-top: 5px !important;
  border-radius: 15px !important;
}
.detalhesIcones .tamanhoComponentes,
#indices div {
  border-radius: 30px !important;
}
/* ----------------- HEADER ----------------- */
.navBtn:hover,
.btnSemBorda:hover {
  background: hsl(var(--siga-300)) !important;
}

.filtroMargin .rounded {
  border-radius: 5px !important;
}

/* buscar home */
.aviso-input {
  right: 10px !important;
}
#search {
  background-color: #ffffff;
  color: #444444;
}
#search::placeholder {
  color: #888888;
}
.homeFiltros form button svg,
.homeBusca svg,
#mosaicoHome h2 {
  color: hsl(var(--siga-500)) !important;
}
.estiloTitulo {
  color: hsl(var(--siga-300)) !important;
  border-bottom-width: 1px;
  border-color: hsl(var(--siga-300));
}
.homeFiltros form button {
  background-color: transparent;
}
#filtro1 a button {
  background-color: hsl(var(--siga-700));
}
#btnBuscarFiltro:hover {
  background: hsl(var(--siga-300));
}
.homeMask {
  background: transparent !important;
}
.tituloDestaques {
  color: hsl(var(--siga-300));
}
/* -------------- LISTA ---------------- */
.btnSelecionado {
  border-color: hsl(var(--siga-300)) !important;
}

/* Mobile */
@media (max-width: 1000px) {
  .homeFiltros h1 {
    font-size: 16px;
  }
  .homeFiltros div div:nth-child(1) {
    background-color: transparent !important;
  }
  #cidades .tituloBtnMobile {
    background: hsl(var(--siga-500)) !important;
  }
}
.containerFiltros {
  border-radius: 50px !important;
  background: hsl(var(--siga-500) / 0.6) !important;
}

.filtroMargin #bairros,
#cidades,
#cidades > div div,
#cidades > div,
.containerInput,
.listaInputs,
.aplicarContainer {
  background: white !important;
}
.containerInput input:hover {
  accent-color: hsl(var(--siga-500)) !important;
}
.homeBusca a button {
  background-color: white !important;
}
#mosaicoHome {
  background: transparent !important;
}

@media (max-width: 992px) {
  .containerFiltros {
    background: transparent !important;
  }
}
::selection {
  background: hsl(var(--siga-100));
  color: hsl(var(--siga-300));
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  color: hsl(var(--siga-300)) !important;
}
#blogCategoria {
  display: none !important;
}
@media (max-width: 992px) {
  #banners div:first-child {
    aspect-ratio: 9 / 16 !important;
  }
}

/* ----------------- FOOTER ----------------- */
#indices,
#copyrights {
  background-color: hsl(var(--siga-500));
}
#copyrights {
  border-top: 1px solid hsl(var(--siga-300)) !important;
}
#enderecoContato button {
  display: none !important;
}
#links {
  background: hsl(var(--siga-500)) !important;
}