/* =====================================================================
   tema.css — Overrides del tema visual personalizable (modulo /personalizacion).
   ---------------------------------------------------------------------
   Consume las variables CSS que emite vistas/modulos/plantilla/tema.php.
   Cada variable trae fallback al valor por defecto de Argon, de modo que
   si el partial no se cargara, la apariencia no cambia.

   Debe cargarse DESPUES de argon.css y style.css.
   ===================================================================== */

/* ─── Header (barra superior) ──────────────────────────────────────── */
.navbar.navbar-top.bg-primary {
    background-color: var(--tema-header-bg, #5e72e4) !important;
    background-image: none !important;
}
.navbar-top .navbar-brand1,
.navbar-top .navbar-brand1.text-white,
.navbar-top .nav-link,
.navbar-top .nav-link i {
    color: var(--tema-header-text, #ffffff) !important;
}

/* ─── Nav (menú horizontal principal) ──────────────────────────────── */
.navbar.navbar-horizontal.bg-blue {
    background-color: var(--tema-nav-bg, #1f1f49) !important;
}
.navbar-horizontal .navbar-nav .nav-link,
.navbar-horizontal .nav-link.text-white,
.navbar-horizontal .nav-link .nav-link-text,
.navbar-horizontal .nav-link .nav-link-inner--text {
    color: var(--tema-nav-text, #ffffff) !important;
}
.navbar-horizontal .navbar-nav .nav-link.active {
    background-color: var(--tema-nav-active, #5e72e4) !important;
    border-radius: 6px;
    color: #ffffff !important;
}

/* ─── Fondo de la aplicación ───────────────────────────────────────── */
/* `:not(.bg-default)` deja intacta la pantalla de login (fondo oscuro). */
body:not(.bg-default) {
    background-color: var(--tema-body-bg, #f8f9fe) !important;
}

/* ─── Color primario / acento ──────────────────────────────────────── */
.btn-primary {
    background-color: var(--tema-primary, #5e72e4) !important;
    border-color: var(--tema-primary, #5e72e4) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--tema-primary, #5e72e4) !important;
    border-color: var(--tema-primary, #5e72e4) !important;
    filter: brightness(0.92);
}
.btn-outline-primary {
    color: var(--tema-primary, #5e72e4) !important;
    border-color: var(--tema-primary, #5e72e4) !important;
}
.btn-outline-primary:hover {
    background-color: var(--tema-primary, #5e72e4) !important;
    color: #ffffff !important;
}
.bg-primary {
    background-color: var(--tema-primary, #5e72e4) !important;
}
.bg-gradient-primary {
    background: linear-gradient(135deg,
        var(--tema-primary, #5e72e4) 0%,
        var(--tema-primary, #5e72e4) 100%) !important;
}
.text-primary {
    color: var(--tema-primary, #5e72e4) !important;
}
/* Argon define .badge-primary como "outline" (texto azul / fondo pastel). Al
   pintar el fondo con --tema-primary necesitamos texto blanco para mantener
   legibilidad sin importar lo oscuro que sea el color del tema. */
.badge-primary {
    background-color: var(--tema-primary, #5e72e4) !important;
    color: #ffffff !important;
}
.border-primary {
    border-color: var(--tema-primary, #5e72e4) !important;
}
a {
    color: var(--tema-primary, #5e72e4);
}
.page-item.active .page-link {
    background-color: var(--tema-primary, #5e72e4) !important;
    border-color: var(--tema-primary, #5e72e4) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--tema-primary, #5e72e4) !important;
    border-color: var(--tema-primary, #5e72e4) !important;
}
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    background-color: var(--tema-primary, #5e72e4) !important;
}