document.addEventListener('DOMContentLoaded', function() {
  const filterButton = document.getElementById('filtrar');
  const clients = document.querySelectorAll('.client');

  filterButton.addEventListener('click', function() {
    const statusFilter = document.getElementById('status').value;
    const segmentoFilter = document.getElementById('segmento').value;
    const prioridadeFilter = document.getElementById('prioridade').value;

    clients.forEach(client => {
      const status = client.getAttribute('data-status');
      const segmento = client.getAttribute('data-segmento');
      const prioridade = client.getAttribute('data-prioridade');

      if (
        (statusFilter === 'all' || status === statusFilter) &&
        (segmentoFilter === 'all' || segmento === segmentoFilter) &&
        (prioridadeFilter === 'all' || prioridade === prioridadeFilter)
      ) {
        client.style.display = 'block';
      } else {
        client.style.display = 'none';
      }
    });
  });
});