/* ==========================================
   NAVBAR
========================================== */

.navbar{
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
    padding:.8rem 0;
    z-index:1050;
}

.navbar-brand{
    font-size:1.5rem;
    font-weight:700;
    color:#4f46e5 !important;
}

.nav-link{
    font-weight:500;
    color:#111827 !important;
    padding:.8rem 1rem !important;
    transition:.3s;
}

.nav-link:hover{
    color:#4f46e5 !important;
}

.nav-link.active{
    color:#4f46e5 !important;
}

/* ==========================================
   MEGA MENU
========================================== */

.mega-trigger{
    position:relative;
}

.mega-menu{

    position:absolute;

    left:0;
    right:0;

    width:100vw;

    margin-top:0;

    background:#ffffff;

    border-top:1px solid #f1f5f9;

    box-shadow:
        0 20px 40px rgba(0,0,0,.08);

    padding:40px 0;

    display:none;

    z-index:999;
}

.mega-menu.show{
    display:block;
    animation:megaFade .25s ease;
}

@keyframes megaFade{

    from{
        opacity:0;
        transform:translateY(-8px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* ==========================================
   COLUMNA IZQUIERDA
========================================== */

.mega-title{
    font-size:2rem;
    font-weight:700;
    color:#4f46e5;
    margin-bottom:25px;
}

.mega-item{

    padding:15px 20px;

    border-radius:12px;

    margin-bottom:10px;

    cursor:pointer;

    transition:.3s;
}

.mega-item:hover{

    background:#f8fafc;

}

.mega-item.active{

    background:#eef2ff;

    color:#4f46e5;

    font-weight:600;
}

/* ==========================================
   CENTRO
========================================== */

.mega-content h4{

    color:#111827;

    font-weight:700;

    margin-bottom:15px;
}

.mega-content p{

    color:#6b7280;

    line-height:1.7;
}

.mega-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:20px;

    transition:.3s;
}

.mega-card:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* ==========================================
   COLUMNA DERECHA
========================================== */

.mega-highlight{

    background:linear-gradient(
        135deg,
        #4f46e5,
        #7c3aed
    );

    color:#ffffff;

    padding:30px;

    border-radius:20px;

    height:100%;
}

.mega-highlight h4{

    color:#ffffff;

    font-weight:700;
}

.mega-highlight p{

    color:rgba(255,255,255,.9);
}

.mega-highlight .btn{

    margin-top:15px;
}

/* ==========================================
   OFFCANVAS
========================================== */

.offcanvas{

    max-width:320px;
}

.offcanvas-title{

    font-weight:700;
}

.list-group-item{

    border:none;
    border-bottom:1px solid #f1f5f9;
    padding:14px 0;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:991.98px){

    .mega-menu{
        display:none !important;
    }

}