/*
 * Tema institucional COPECO para AdminLTE 3.
 * Azul predominante, naranja como acento. Se carga después de adminlte.min.css.
 */
:root {
    --copeco-blue: #363A85;
    --copeco-blue-dark: #282C68;
    --copeco-blue-light: #4A4FA3;
    --copeco-blue-tint: #ECEDF6;
    --copeco-orange: #FA9A0A;
    --copeco-orange-dark: #D97F00;
}

/* ---------- Sidebar ---------- */
.main-sidebar[class*="sidebar-dark-"] {
    background-color: var(--copeco-blue-dark);
}
[class*="sidebar-dark"] .brand-link {
    background-color: var(--copeco-blue);
    border-bottom: 3px solid var(--copeco-orange);
    color: #fff;
}
[class*="sidebar-dark"] .brand-link .brand-text {
    color: #fff;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 700 !important;
    letter-spacing: 0;
}
[class*="sidebar-dark"] .brand-link .brand-image {
    background: #fff;
    padding: 2px;
    opacity: 1;
    max-height: 33px;
    width: auto;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
[class*="sidebar-dark-"] .sidebar a {
    color: rgba(255, 255, 255, 0.85);
}
[class*="sidebar-dark-"] .user-panel {
    border-bottom-color: rgba(255, 255, 255, 0.15);
}
[class*="sidebar-dark-"] .user-panel .image .fa-user-circle {
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: var(--copeco-blue);
}
[class*="sidebar-dark-"] .nav-sidebar .nav-link.btn-link {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    box-shadow: none;
}
[class*="sidebar-dark-"] .nav-sidebar .nav-link.btn-link:hover,
[class*="sidebar-dark-"] .nav-sidebar .nav-link.btn-link:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}
[class*="sidebar-dark-"] .nav-header {
    color: rgba(255, 255, 255, 0.55);
}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:not(.active):hover,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:not(.active):focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.active > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active:hover,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.active > .nav-link:hover {
    background-color: var(--copeco-orange);
    color: #fff;
    box-shadow: none;
}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: var(--copeco-blue-dark);
}

/* ---------- Navbar superior ---------- */
.main-header.navbar-white {
    border-bottom: 3px solid var(--copeco-orange);
}
.main-header .navbar-nav .nav-link {
    color: var(--copeco-blue-dark);
}
.main-header .navbar-nav .nav-link:hover {
    color: var(--copeco-orange-dark);
}

/* ---------- Contenido ---------- */
.content-header h1 {
    color: var(--copeco-blue-dark);
}
a {
    color: var(--copeco-blue);
}
a:hover {
    color: var(--copeco-blue-dark);
}

/* ---------- Botones ---------- */
.btn-primary {
    background-color: var(--copeco-blue);
    border-color: var(--copeco-blue);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--copeco-blue-dark);
    border-color: var(--copeco-blue-dark);
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(54, 58, 133, 0.4);
}
.btn-outline-primary {
    color: var(--copeco-blue);
    border-color: var(--copeco-blue);
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: var(--copeco-blue);
    border-color: var(--copeco-blue);
    color: #fff;
}
.btn-warning {
    background-color: var(--copeco-orange);
    border-color: var(--copeco-orange);
    color: #fff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active {
    background-color: var(--copeco-orange-dark);
    border-color: var(--copeco-orange-dark);
    color: #fff;
}
.btn-link {
    color: var(--copeco-blue);
}

/* ---------- Utilidades de color ---------- */
.bg-primary,
.badge-primary,
.label-primary {
    background-color: var(--copeco-blue) !important;
}
.text-primary {
    color: var(--copeco-blue) !important;
}
.border-primary {
    border-color: var(--copeco-blue) !important;
}
.bg-warning,
.badge-warning {
    background-color: var(--copeco-orange) !important;
    color: #fff !important;
}

/* ---------- Cards y cajas ---------- */
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--copeco-blue);
}
.card-primary.card-outline {
    border-top-color: var(--copeco-blue);
}
.card-warning:not(.card-outline) > .card-header {
    background-color: var(--copeco-orange);
    color: #fff;
}
.card-warning.card-outline {
    border-top-color: var(--copeco-orange);
}
.info-box .bg-primary,
.small-box.bg-primary {
    background-color: var(--copeco-blue) !important;
}

/* ---------- Formularios ---------- */
.form-control:focus,
.custom-select:focus {
    border-color: var(--copeco-blue-light);
    box-shadow: 0 0 0 0.2rem rgba(54, 58, 133, 0.25);
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--copeco-blue);
    background-color: var(--copeco-blue);
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(54, 58, 133, 0.25);
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: var(--copeco-blue);
    border-color: var(--copeco-blue);
    color: #fff;
}
.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: var(--copeco-blue);
}
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: var(--copeco-blue-light);
    box-shadow: 0 0 0 0.2rem rgba(54, 58, 133, 0.25);
}

/* ---------- Navegación secundaria y paginación ---------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--copeco-blue);
}
.nav-tabs .nav-link.active {
    border-top: 2px solid var(--copeco-orange);
}
.page-link {
    color: var(--copeco-blue);
}
.page-item.active .page-link {
    background-color: var(--copeco-blue);
    border-color: var(--copeco-blue);
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--copeco-blue);
}

/* ---------- Tablas ---------- */
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: var(--copeco-blue-tint);
}
.thead-dark th,
.table .thead-dark th {
    background-color: var(--copeco-blue-dark);
    border-color: var(--copeco-blue-dark);
}

/* ---------- Pie ---------- */
.main-footer {
    border-top: 1px solid #dee2e6;
}