/* Colores */
:root {
    --color-content-bg: #1f1f1f; /* gris oscuro */
    --color-accent: #dc2626;     /* rojo */
}

/* Contenedor principal */
.bg-gray-content {
    background-color: var(--color-content-bg);
}

/* Títulos y enlaces de acento */
.text-accent {
    color: var(--color-accent);
}

.text-accent:hover {
    color: #ff4b4b;
    text-decoration: none;
}

/* Cards dentro del contenido */
.card-custom {
    background-color: var(--color-content-bg);
    border: 1px solid #2a2a2a;
    color: #f0f0f0;
}

/* Ajuste general */
body {
    font-family: 'Segoe UI', sans-serif;
}
.table-container {
    height: calc(100vh - 180px); /* ajusta esto segun tu nav + footer */
    overflow-y: auto;
    overflow-x: hidden;
}

.dataTables_wrapper .row {
    margin: 0 !important;
}