/* Preferencias de apariencia (ver Views/Configuracion). El tema oscuro lo resuelve Bootstrap con
   data-bs-theme en <html>; acá solo van los ajustes propios de la app. */

/* Tamaño del texto: la hoja de cada área multiplica su tamaño base por --escala-texto. */
html[data-tamano="grande"] {
    --escala-texto: 1.15;
}

/* Con texto grande (o en pantallas medianas) el menú no entra en una sola línea: que baje de renglón
   en vez de desbordar la página. */
.navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
}

/* Las filas resaltadas (table-warning) traen un amarillo claro fijo: en el tema oscuro pasan a uno tenue. */
[data-bs-theme="dark"] .table-warning {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: rgba(var(--bs-warning-rgb), 0.18);
    --bs-table-border-color: rgba(var(--bs-warning-rgb), 0.35);
    --bs-table-striped-bg: rgba(var(--bs-warning-rgb), 0.24);
    --bs-table-hover-bg: rgba(var(--bs-warning-rgb), 0.3);
    --bs-table-hover-color: var(--bs-body-color);
}

/* La barra superior ya es oscura: en el tema oscuro se confundiría con el fondo de la página. */
[data-bs-theme="dark"] .navbar.bg-dark {
    background-color: #14171a !important;
    border-bottom: 1px solid var(--bs-border-color);
}