/* ------ FILTROS: POSICIONAMENTO ----- */

#areaUtilNaViagem .area-estabelecimentos-filtros {
  grid-column: 2;
}


/* ------ BADGE / SEGMENTO DOS CARDS ----- */

#areaUtilNaViagem .area-estabelecimentos-segmento {
  width: fit-content;
  min-height: 24px;
  margin-bottom: 8px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: rgba(24, 24, 24, 0.72);
  background-color: rgba(24, 24, 24, 0.08);
  font-family: var(--font-secondary);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
}


/* ------ CARD INFO ----- */

#areaUtilNaViagem .area-estabelecimentos-card-info span {
  font-weight: 400;
}

#areaUtilNaViagem .area-estabelecimentos-card-info h3 {
  margin-top: 5px;
  font-weight: 600;
}


/* ------ MENSAGEM VAZIA ----- */

#areaUtilNaViagem .area-estabelecimentos-empty {
  display: none;
  grid-column: 2;
  margin-top: 18px;
  color: rgba(24, 24, 24, 0.7);
  font-family: var(--font-secondary);
  font-size: 0.95rem;
  font-weight: 400;
  text-align: center;
}

#areaUtilNaViagem .area-estabelecimentos-empty.is-visible {
  display: block;
}


/* ------ RESPONSIVO ----- */

@media (max-width: 991.98px) {
  #areaUtilNaViagem .area-estabelecimentos-filtros,
  #areaUtilNaViagem .area-estabelecimentos-empty {
    grid-column: 1 / -1;
  }
}