/**
 * theme-mis.css — Tema Misiones
 *
 * Paleta de azules institucionales. Se carga DESPUÉS de app.css y
 * sb-admin-2.min.css (cuando aplique), ANTES de app-overrides.css.
 * No modificar app.css ni ningún archivo vendor.
 */

/* ─────────────────────────────────────────────────────────────
 * Variables de tema
 * ───────────────────────────────────────────────────────────── */
:root {
  --color-primary:    #1565c0;   /* azul institucional */
  --color-primary-dk: #0d47a1;   /* azul oscuro */
  --color-primary-lt: #90caf9;   /* azul claro */
  --color-accent:     #1976d2;   /* azul medio */
}

/* ─────────────────────────────────────────────────────────────
 * Navbar principal
 * ───────────────────────────────────────────────────────────── */
.navbar {
    background-color: var(--color-primary-dk) !important;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--color-primary-lt) !important;
}

/* ─────────────────────────────────────────────────────────────
 * Sidebar SB Admin 2
 * ───────────────────────────────────────────────────────────── */
.bg-gradient-primary {
    background-color: var(--color-primary-dk) !important;
    background-image: linear-gradient(
        180deg, var(--color-primary) 10%, var(--color-primary-dk) 100%
    ) !important;
}

/* ─────────────────────────────────────────────────────────────
 * Botón primario
 * ───────────────────────────────────────────────────────────── */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color:     var(--color-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--color-primary-dk) !important;
    border-color:     var(--color-primary-dk) !important;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(21, 101, 192, 0.5) !important;
}

/* ─────────────────────────────────────────────────────────────
 * Utilidades Bootstrap que usan el color primario
 * ───────────────────────────────────────────────────────────── */
.bg-primary     { background-color: var(--color-primary) !important; }
.text-primary   { color:            var(--color-primary) !important; }
.border-primary { border-color:     var(--color-primary) !important; }

/* ─────────────────────────────────────────────────────────────
 * Links
 * ───────────────────────────────────────────────────────────── */
a             { color: var(--color-accent); }
a:hover       { color: var(--color-primary-dk); }

/* Sidebar collapse items (SB Admin 2) */
.collapse-item:hover,
.collapse-item:focus {
    color: var(--color-primary) !important;
}