/* Envolve a tabela em um contêiner com rolagem horizontal em telas menores */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Garante que a tabela ocupe toda a largura dentro do contêiner */
.table-responsive table {
  width: 100%;
  min-width: 800px; /* Define uma largura mínima para evitar que ela fique espremida */
  border-collapse: collapse;
}