/* =====================================================
   THEME GLOBAL – IDENTIDAD VISUAL
===================================================== */

:root {
    --primary: #0A3866 !important;
    --secondary: #4595D1 !important;
    --bg-page: #FFFFFF !important;
    --bg-white: white !important;
    --bg-sidebar: #ccc !important;
    --text-main: #000F1F !important;
}

/* =====================================================
   BASE
===================================================== */
html, body {
    background-color: var(--bg-white);
    font-family: 'Archivo-Regular', 'Ranade-Regular';
    font-size: 0.85rem !important;
    color: var(--text-main);
}

/* =====================================================
   HEADER
===================================================== */
#header,
#header nav {
    background-color: #0A3866 !important;
    color: #FFFFFF !important;
}

#header h1,
#header .user-info,
#header .user-info * {
    color: #FFFFFF;
    font-size: 0.75rem !important;
}

/* =====================================================
   SIDEBAR
===================================================== */
#sidebar-wrapper {
    background-color: var(--bg-sidebar);
    border-right: 1px solid #ECEFF2;
}

.menu > li {
    font-size: 0.85rem !important;
    padding: 5px 0 0 10px;
}


.menu > li:hover {
    background-color: #EEF2F7;
    color: var(--secondary);
}

/* Submenú */
.menu ul li {
    font-size: 0.75rem;
    color: #374151;
}

/* =====================================================
   LINKS / BOTONES
===================================================== */
a {
    color: var(--primary);
}

a:hover {
    color: var(--secondary);
}

.button,
.btn {
    background-color: #F4F6F9 !important;
    color: #0A3866 !important;
    border: 1px solid #0A3866 !important;
    font-size: 0.85rem !important;
    border-radius: 6px;
}

    .button:hover,
    .btn:hover {
        background-color: #4595D1 !important;
        color: #F4F6F9 !important;
        border: 1px solid #4595D1 !important;
    }

/* =====================================================
   FORMULARIOS
===================================================== */
.form-control,
.form-select {
    font-family: 'Archivo-Regular', sans-serif;
    font-size: 0.85rem !important;
    border-radius: 4px;
}
input {
    font-size: 0.85rem !important;
    background-color: #FFFFFF;
    border: 1px solid #B9C5D1;
}


/* =====================================================
   TABLAS
===================================================== */
table th {
    background-color: var(--primary);
    color: #FFFFFF;
    font-size: 0.85rem !important;
       
}

table td {
    font-size: 0.85rem !important;
    font-family: 'Archivo-Regular', sans-serif;
}

/* =====================================================
   PAGINACIÓN
===================================================== */
.pagination a {
    background-color: var(--primary);
    color: #ccc;
}

.pagination a:hover {
    background-color: var(--secondary);
}