/* Estilo para el fondo con gradiente primario */
body {
    background-color: #e2eef2 !important; /* Color base azul claro */
}

/* Estilo para el fondo con gradiente primario */
.bg-gradient-primary {
    background-color: #e2eef2 !important; /* Color base azul claro */
    background-image: linear-gradient(180deg, #7C9EA9 10%, #e2eef2 100%) !important; /* Gradiente hacia un tono más claro */
    background-size: cover;
}

/* Estilo para el fondo con gradiente de luz */
.bg-gradient-light {
    background-color: #f5fafc !important; /* Azul muy claro */
    background-image: linear-gradient(180deg, #f5fafc 10%, #a6c0c9 100%) !important; /* Gradiente azul grisáceo claro */
    background-size: cover;
}

/* Estilo para el contenedor principal */
#wrapper #content-wrapper {
    background-color: #f5fafc !important; /* Azul muy claro */
    width: 100%;
    overflow-x: hidden;
}

/* Estilo para el botón primario */
.btn-primary {
    background-color: #7C9EA9; /* Azul principal */
    border-color: #7C9EA9;
    color: #fff;
}

    .btn-primary:hover {
        background-color: #9ab8c3; /* Azul más claro al pasar el mouse */
        border-color: #9ab8c3;
        color: #fff;
    }

/* Estilo para los enlaces */
a {
    color: #537684; /* Azul más oscuro para enlaces */
}

    a:hover {
        color: #7C9EA9; /* Azul principal al pasar el mouse */
    }

/* Estilo para el texto primario */
.text-primary {
    color: #7C9EA9 !important;
}

/* Estilos para la barra lateral */
.sidebar-dark .nav-item .nav-link,
.sidebar-dark .nav-item .nav-link i,
.sidebar-dark .sidebar-heading,
.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
    color: #333 !important; /* Color neutro oscuro para buen contraste */
}