@media (max-width: 600px) {

  /* filtros começam escondidos */
  #filtros-modal {
    display: none;
    position: relative; /* necessário para posicionar o X */
  }

  /* quando expandir */
  #filtros-modal.show {
    display: block;
  }

  #btn-filtros-mobile {
    position: fixed;
    bottom: 70px;
    right: 16px;
    z-index: 1000;
    padding: 10px 14px;
    border-radius: 20px;
    border: none;
    background: #00335e;
    color: white;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
  }

  #toggle-view {
      display: block !important;
  }

    #btn-fechar-filtros {
    display: block;
  }
    #filtros-modal.show #btn-fechar-filtros {
    display: block;
  }

}

/* desktop */

#btn-fechar-filtros {
  display: none;
  width: 100%;
  padding: 12px;
  margin-bottom: 5px;
  font-size: 16px;
  background: #f5f5f5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}


#filtros-modal #btn-fechar-filtros {
  display: none;
}