.table-responsive {
    overflow-x: auto;
}

/* Estilos responsivos para pantallas pequeñas */
@media (max-width: 576px) {
    .table thead {
        display: none;
    }

    .table tbody tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ddd;
        margin-bottom: 1rem;
        padding: 1rem;
    }

        .table tbody tr td {
            display: flex;
            justify-content: space-between;
            padding: 0.5rem 0;
        }

            .table tbody tr td[data-label]:before {
                content: attr(data-label);
                font-weight: bold;
            }
}