/* =============================== */
/* 🎨 AdminLTE Custom Styles - Flatly Theme */
/* =============================== */

/* ------------------------------ */

/* Sidebar */
.main-sidebar {
    background-color: #ECF0F1 !important; /* Azul oscuro de Flatly */
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: #ECF0F1 !important; /* Texto claro */
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: #1F2D3D !important; /* Hover */
    color: #ffffff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #252C61 !important; /* Color principal Flatly */
    color: #ffffff !important;
}

.sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active,
 .sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #252C61;
    color: #fff !important;
}

/* ------------------------------ */
/* Navbar superior */
.main-header.navbar {
    background-color: #252C61 !important; /* Color principal Flatly */
    color: #ffffff !important;
}

.main-header.navbar .navbar-nav .nav-link {
    color: #ffffff !important;
}

.main-header.navbar .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #252C61;
}

/* ------------------------------ */
/* Botones */
.btn-primary {
    background-color: #252C61 !important;
    border-color: #252C61 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #3498DB !important;
    border-color: #3498DB !important;
}

/* Botones secundarios */
.btn-secondary {
    background-color: #95A5A6 !important;
    border-color: #95A5A6 !important;
}

.btn-secondary:hover {
    background-color: #7F8C8D !important;
    border-color: #7F8C8D !important;
}

.btn-success {
    background-color: #13967d !important;
    border-color: #13967d !important;
    color: #ffffff !important;
}

.btn-succes:hover {
    background-color: #ffffff !important;
    border-color: #18bc9c !important;
    color: #18bc9c !important;
}


/* ------------------------------ */
/* Links */
a {
    color: #252C61 !important;
}

a:hover {
    color: #252C61 !important;
    text-decoration: underline;
}


/* ------------------------------ */
/* Footer */
.main-footer {
    background-color: #252C61 !important;
    color: #ffffff !important;   
}

/* ------------------------------ */
/* Cards / Boxes */
.card {
    border-color: #3498DB !important;
}

.card-header {
    background-color: #252C61 !important;
    color: #ffffff !important;
}

/* ------------------------------ */


b {
    color: #2C3E50 !important;
}

.card-info.card-outline {
    border-top: 3px solid #3498DB;
}

.alert-success {
    color: #fff;
    background-color: #13967d;
    border-color: #13967d;
}

/* Personalizar todos los links con btn-success */
a.btn-btn-success {
    background-color: #28a745; /* verde inicial */
    border-color: #28a745;     /* borde */
    color: #fff;               /* texto */
    padding: 8px 16px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
    text-decoration: none; /* quitar subrayado si lo hay */
}

/* Efecto hover */
a.btn-success:hover {
    background-color: #218838; /* verde más oscuro */
    border-color: #1e7e34;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* borde difuso */
    color: #fff !important;
}

/* Opcional: efecto cuando está activo/clic */
a.btn-success:active {
    background-color: #1e7e34;
    border-color: #1c7430;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}

.btn-warning {
    color: #fff !important;
    background-color: #f39c12;
    border-color: #f39c12;
    box-shadow: none;
}

.badge-success {
    color: #fff;
    background-color: #13967d;
}

.btn-danger {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
    box-shadow: none;
}

.typo-gde{
   font-family: "Montserrat", sans-serif;
   color:#252c61; 
   font-weight: 700;
  
}
 .boton-login {
        display: inline-block;
        background-color: #80b0de;             
        color: #ffffff !important;                       
        padding: 0.75rem 2.2rem;
        border-radius: 18px;                   /* redondeado */
        text-decoration: none;
        font-size: 0.9 rem;
        font-weight: 500;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.75); /* sombra gris 75% */
        transition: all 0.2s ease-in-out;
    }

    .boton-login:hover {
        background-color: #18bc9c;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.75);
        color: #ffffff !important;                      
        transform: translateY(-1px);
    }

    .boton-login:active {
        transform: translateY(0);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75);
    }

 .login-page {
    background-image: url('/Fondo.jpg'); /*este no es pero no lo tengo todavia*/
    background-size: cover;
    background-position: center;
}
.alert-info {
  color: #ffffff; 
  background-color: #80b0de;/*celeste GDE*/
  border-color: #bee5eb;
}
.auth-page-footer {
    color: #252C61 !important; 
    font-size: 0.75rem;
    background: transparent;
    font-family: "Montserrat", sans-serif;
 
}
/* Ajuste ancho dropdown usuario (navbar) porque estaba de ancho fijo - no anda*/
.navbar .user-menu .dropdown-menu {
    width: 2vh !important;       
    min-width: 220px;
}
.welcome-body .home-body{
    background-image: url('/Fondo.jpg'); 
    background-size: cover;
    background-position: center;

}

.bg-primary {
    background-color: #252C61 !important;
    color: #ffffff !important;
}

table thead.bg-primary {
    background-color: #252C61 !important;
    color: #fff;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #252C61;
    border-color: #252C61;
}