/* Tabla general */
body.dark-mode .table {
    background-color: #1e1e1e !important; /* tono de fondo similar a tus cards */
    color: white;
    border-color: #2c2c2c;
}

/* Encabezado de la tabla */
body.dark-mode .table thead {
    background-color: #2c2c2c !important; /* un poco más oscuro que el body de la tabla */
    color: white;
}

/* Filas */
body.dark-mode .table tbody tr {
    background-color: #1e1e1e !important;
    color: white;
    border-bottom: 1px solid #2c2c2c;
}

/* Filas al pasar el mouse */
body.dark-mode .table tbody tr:hover {
    background-color: #2a2a2a !important;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--gris) !important;
    color: #fff!important;
}

.table-responsive {
    max-height: 600px;   /* Ajusta el alto que necesites */
    overflow-y: auto;    /* Mantiene el scroll vertical */
    scrollbar-width: none; /* Oculta scroll en Firefox */
}

.table-responsive::-webkit-scrollbar {
    display: none; /* Oculta scroll en Chrome, Edge, Safari */
}

.table thead th {
    position: sticky;
    top: 0;
    z-index: 2; /* para que no se mezclen con filas */
    background: #000 !important; /* tu color de fondo */
    color: #fff;
}
body.dark-mode .table > tbody > tr > * {
    background-color: var(--bg-dark)!important;
    color: #fff!important;
}
.table-theme td,
.table-theme th {
  border-color: var(--theme);
}