/* ===== FONDO GENERAL ===== */
body {
    background-color: #F2F1F1 !important; /* gris claro del diseño */
    font-family: 'Poppins', sans-serif;
    color: #000; /* textos en negro */
}

/* ===== SIDEBAR ===== */
/* ===== SIDEBAR DEGRADADO ===== */
/* SIDEBAR DEGRADADO UNIFORME */
/* ===== SIDEBAR DEGRADADO ARMÓNICO ===== */
.main-sidebar {
    background: linear-gradient(
        to bottom,
        #2F86BC,
        #5BBBE3
    ) !important;
}


/* ===== BRAND LINK ===== */
.brand-link {
    background: transparent !important;
    border: none !important;
}

.brand-image {

    width: auto;
    margin-right: 1rem !important;
    max-height: 55px !important;
}






.brand-link .brand-text {
    color: #FFFFFF !important;
    font-weight: 600;
}

/* ===== ITEMS DEL MENU ===== */
.nav-sidebar .nav-item > .nav-link {
    color: #FFFFFF !important;
    font-size: 14px;
}

.nav-sidebar .nav-link i {
    color: #FFFFFF !important;
}

/* HOVER */
.nav-sidebar .nav-link:hover {
    background: #4FB6E8 !important; /* azul claro */
    border-radius: 4px;
}

/* ACTIVO */
/* ITEM ACTIVO */
.nav-sidebar .nav-link.active {
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px;
    backdrop-filter: blur(2px);
    color: #FFFFFF !important;
}


/* ===== HEADER ===== */
.main-header {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E0E0E0;
}

/* ===== CONTENIDO ===== */
.content-wrapper {
    background: #F2F1F1 !important;
    padding: 20px;
}

/* ===== TARJETAS ===== */
.card {
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(36,112,183,.08);
}



/* ===== INPUTS ===== */
.form-control:focus {
    border-color: #2470B7;
    box-shadow: 0 0 0 0.2rem rgba(36,112,183,.25);
}

/* ===== NAVBAR TEXTO ===== */
.navbar .fw-semibold {
    font-size: 1rem;
    letter-spacing: .5px;
}

.navbar input {
    border-radius: 20px;
    padding-left: 14px;
}


/* TITULOS DE CAMPOS */
form label,
.form-group label {
    color: #4FB6E8 !important;
    font-weight: 300 !important;
}
/* BOTÓN PRINCIPAL */


.text-info {
    color: #2B2B2B !important; /* negro suave */
        /* semibold ligero */
}
table.dataTable thead th {
    background-color: #f8f9fa;
    color: #2B2B2B;

    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.btn-primary {
    color: #fff !important;
    background-color: #2470B7 !important;
    border-color: #2470B7 !important;
    box-shadow: none !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #4FB6E8 !important;
    border-color: #4FB6E8 !important;
}

.btn-secondary:hover{
border-color: #4FB6E8 !important;
}
/* SUCCESS corporativo */
.btn-success {
    background-color: #2470B7 !important;
    border: 1px solid #2470B7 !important;
    color: #fff !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    transition: all 0.25s ease;
}

.btn-success:hover {
    background-color: #1E5E99 !important;
    border-color: #1E5E99 !important;
    transform: translateY(-1px);
}
/* Contenedor principal */
.modal-content {
    border-radius: 10px;
    border: 1px solid rgba(36, 112, 183, 0.3);
    box-shadow: 0 10px 30px rgba(36, 112, 183, 0.15);
}

/* Header */
.modal-header {
    border-bottom: 1px solid rgba(36, 112, 183, 0.2);
}

/* Footer */
.modal-footer {
    border-top: 1px solid rgba(36, 112, 183, 0.2);
}

/* Título del modal */

.modal .form-control:focus {
    border-color: #2470B7;
    box-shadow: 0 0 0 0.2rem rgba(36, 112, 183, 0.25);
}

/* Estado normal */
.form-control,
.custom-select,
.select2-container--default .select2-selection--single {
    border: 1px solid #2470B7 !important;
    border-radius: 6px;
}

/* Focus */
.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus
.select2-selection--single {
    border-color: #2470B7 !important;
    box-shadow: 0 0 0 0.2rem rgba(36, 112, 183, 0.25) !important;
}

/* Igualar buscador del navbar a los inputs normales */
.navbar .form-control {
    border-radius: 8px;
    border: 1px solid #3c8dbc; /* azul tipo admin */
    height: 38px;
}

.navbar .form-control:focus {
    border-color: #3c8dbc;
    box-shadow: 0 0 0 0.2rem rgba(60,141,188,.25);
}


.btn {
    text-transform: uppercase !important;
}
.nav-link{
    text-transform: uppercase !important;

}
.modal-title{
    text-transform: uppercase !important;

}
.nav-sidebar .nav-header {
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
}
.nav-item{
     text-transform: uppercase !important;
}