#logo-informa{
    width: 150px;
}
:root {
    /* --color-primary: #6c757d; */
    --color-informa: #041e42;
    --color-planea: #6a8d25;
    --color-data: #0072ce;
    --color-evalua: #ba7a1e;
    --color-admin: #6c757d;

    --color-informa-light: #365abd;
    --color-planea-light: #a0c553;
    --color-data-light: #426da9;
    --color-evalua-light: #c28632;
    --color-admin-light: #8b9196;

    --color-informa-lighter: #686e9f;
    --color-planea-lighter: #c1d793;
    --color-data-lighter: #6cace4;
    --color-evalua-lighter: #efc373;
    --color-admin-lighter: #bbbdc0;

    --color-informa-dark: #001e60;
    --color-planea-dark: #7ba42a;
    --color-data-dark: #003c71;
    --color-evalua-dark: #d58920;
    --color-admin-dark: #394651;

    --color-informa-alert: #ECEDED;
    --color-planea-alert: #F1F8E3;
    --color-data-alert: #CBE4FB;
    --color-evalua-alert: #FFECC9;                      

    --color-evalua-text: #1D5889;
    --color-data-text: #3B677A;

    --color-guardado: #6D777F;            
    --color-observacion: #515F6A;
    --color-entregado: #B5B7BA;

    --sidebar-width: 200px;
}
body { font-family: 'Inter', sans-serif; background-color: #EFEFEF; }  /* #f8f9fa */  /* f4f7f7 */
/* --- Estructura Principal --- */
#wrapper { display: flex; min-height: 100vh; }
#sidebar-wrapper { width: var(--sidebar-width); min-height: 100vh; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: margin-left 0.3s ease-in-out; }
.page-content-wrapper { flex: 1; padding-top: 1.5rem; padding-bottom: 1.5rem; width: calc(100% - var(--sidebar-width)); transition: width 0.3s ease-in-out; 
    /* Reglas para posicionar el footer correctamente */
    display: flex;
    flex-direction: column;
}        
/* --- Estilos del Sidebar --- */
.sidebar-heading { padding: 1.5rem 1.25rem; font-size: 1.5rem; font-weight: 700; color: var(--color-informa); border-bottom: 1px solid #dee2e6; }
.sidebar-heading .bi { margin-right: 0.5rem; }
.list-group-item { border: 0; border-radius: 0.375rem; padding: 0.75rem 1.25rem; font-weight: 500; transition: all 0.2s ease-in-out; }
.list-group-item i { margin-right: 0.75rem; font-size: 1.2rem; width: 20px; text-align: center; transition: color 0.2s ease-in-out; }        
/* Colores de íconos por defecto */
.list-group-item[data-module="inicio"] i { color: var(--color-informa); }
.list-group-item[data-module="evalua"] i { color: var(--color-evalua); }
.list-group-item[data-module="data"] i { color: var(--color-data); }
.list-group-item[data-module="planea"] i { color: var(--color-planea); }
.list-group-item[data-module="admin"] i { color: var(--color-admin); }

/* Hover dinámico según el módulo */
.list-group-item[data-module="inicio"]:hover:not(.active) {
background-color: var(--color-informa);
color: #fff;
}

.list-group-item[data-module="evalua"]:hover:not(.active) {
background-color: var(--color-evalua);
color: #fff;
}

.list-group-item[data-module="data"]:hover:not(.active) {
background-color: var(--color-data);
color: #fff;
}

.list-group-item[data-module="planea"]:hover:not(.active) {
background-color: var(--color-planea);
color: #fff;
}

.list-group-item[data-module="admin"]:hover:not(.active) {
background-color: var(--color-admin);
color: #fff;
}


/* Estilos dinámicos para el enlace activo de la barra lateral */
.list-group-item.active { color: #fff; }

/* Regla para que los íconos sean blancos en estado activo o hover */
.list-group-item.active i,
.list-group-item-action:not(.active):hover i {
        color: #fff;
}

.list-group-item.active.active-inicio { background-color: var(--color-informa); box-shadow: 0 4px 8px rgba(187, 189, 192, 0.3); }
.list-group-item.active.active-evalua { background-color: var(--color-evalua); box-shadow: 0 4px 8px rgba(140, 168, 180, 0.3); }
.list-group-item.active.active-data { background-color: var(--color-data); box-shadow: 0 4px 8px rgba(19, 59, 98, 0.3); }
.list-group-item.active.active-planea { background-color: var(--color-planea); box-shadow: 0 4px 8px rgba(33, 40, 81, 0.3); }
.list-group-item.active.active-admin { background-color: var(--color-admin); box-shadow: 0 4px 8px rgba(187, 189, 192, 0.3); }

/* --- Estilos de la Barra de Navegación (Navbar) --- */
#sidebarToggle{
    color: #C1C1C1;
    background-color: #EFEFEF;
    border-color: #C1C1C1;
}
#sidebarToggle:hover{
    color: white;
    background-color: #E2E2E2;
}
.navbar { box-shadow: 0 2px 4px rgba(0,0,0,0.05); background-color:white;}
.dropdown-item i { margin-right: 0.5rem; }

/* --- Breadcrumb --- */
/* .breadcrumb { background-color: #d0dde3; padding: 0.75rem 1rem; border-radius: 0.375rem; } */
.breadcrumb { background-color: #E2E2E2; padding: 0.75rem 1rem; border-radius: 0.375rem; border: 1px solid var(--color-admin-light);}

/* --- Tarjetas de Módulos --- */
.module-card { border: none; border-radius: 0.75rem; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: all 0.3s ease; overflow: hidden; }
.module-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
.module-card .card-body { padding: 2rem; }
.module-card-icon { font-size: 3rem; margin-bottom: 1rem; }
.card-title { font-weight: 700; }
/* .border-informa { border-color: var(--color-informa) !important; } .text-evalua { color: var(--color-informa) !important; } .btn-evalua { background-color: var(--color-informa); color: white; } .btn-evalua:hover { background-color: white; color: white; } */
/* .border-primary { border-color: var(--color-informa) !important; }  */        
.text-informa { color: var(--color-informa) !important; } 
.btn-informa { background-color: var(--color-informa); color: white; } 
.btn-informa:hover { background-color: white; color: white; }

.border-evalua { border-color: var(--color-evalua) !important; } 
.text-evalua { color: var(--color-evalua) !important; } 
.btn-evalua { background-color: var(--color-evalua); color: white; } 
.btn-evalua:hover { background-color: var(--color-evalua-light); color: white; }

.border-data { border-color: var(--color-data) !important; } 
.text-data { color: var(--color-data) !important; } 
.btn-data { background-color: var(--color-data); color: white; } 
.btn-data:hover { background-color: var(--color-data-light); color: white;  }

.border-planea { border-color: var(--color-planea) !important; } 
.text-planea { color: var(--color-planea) !important; } 
.btn-planea { background-color: var(--color-planea); color: white; } 
.btn-planea:hover { background-color: var(--color-planea-light); color: white; }

.border-admin { border-color: var(--color-admin) !important; } 
.text-admin { color: var(--color-admin) !important; } 
.btn-admin { background-color: var(--color-admin); color: white; } 
.btn-admin:hover { background-color: var(--color-admin-dark); color: white; }

/* --- Estilos del Footer --- */
.footer a.text-muted:hover { color: var(--color-informa) !important; }
.footer{
    background-color: #E2E2E2!important;
}

/* --- Diseño Responsivo y Sidebar Contraíble --- */
#wrapper.sidebar-toggled #sidebar-wrapper { margin-left: calc(-1 * var(--sidebar-width)); }
#wrapper.sidebar-toggled .page-content-wrapper { width: 100%; }

@media (max-width: 992px) {
    #sidebar-wrapper { margin-left: calc(-1 * var(--sidebar-width)); }
    .page-content-wrapper { width: 100%; }
    #wrapper.sidebar-toggled #sidebar-wrapper { margin-left: 0; }
}