.header-bolsa{
    width:100%;
    height:68px;

    margin-top: 8px;
    background:#fff;

    display:flex;
    align-items:center;

    padding:0 18px;
    box-sizing:border-box;

    border-bottom:0px solid #ececec;
}

.header-bolsa-left,
.header-bolsa-center,
.header-bolsa-right{
    width:33.333%;
    display:flex;
    align-items:center;
}

.header-bolsa-left{
    justify-content:flex-start;
}

.header-bolsa-center{
    justify-content:center;
}

.header-bolsa-right{
    justify-content:flex-end;
}

.header-bolsa-icon{
    width:44px;
    height:44px;

    display:flex;
    justify-content:center;
    align-items:center;

    text-decoration:none;
}

.header-bolsa-icon svg{
    width:28px;
    height:28px;
    display:block;
}

.header-bolsa-logo{
    width:64px;
    height:64px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#2f4156;
    border-radius:50%;

    overflow:hidden;
    text-decoration:none;
}

.header-bolsa-logo img{
    width:60px;
    height:60px;
    display:block;
}

/*=========================================

 ganBOLSA Header - Icon
 
=========================================*/
.icon{

width:14px !important;
height:14px !important;

color:#0B5CFF !important;

display:inline-flex !important;
align-items:center !important;
justify-content:center !important;

}

.icon svg{

width:100% !important;
height:100% !important;

}
.icon-16{

width:16px !important;
height:16px !important;

}

.icon-20{

width:20px !important;
height:20px !important;

}

.icon-22{

width:22px !important;
height:22px !important;

}

.icon-24{

width:24px !important;
height:24px !important;

}

.icon-26{

width:26px !important;
height:26px !important;

}

.icon-28{

color: #003D8F !important;
width:28px !important;
height:28px !important;

}

.icon-30{
width:30px !important;
height:30px !important;

}

.icon-32{
width:32px !important;
height:32px !important;

}

.icon-36{
width:36px !important;
height:36px !important;

}
.icon-40{

width:40px !important;
height:40px !important;

}

.icon-48{
width:48px !important;
height:48px !important;

}

/*=========================================

 ganBOLSA Header - Additional CSS
 
=========================================*/
.bolsa-hero-v2 {
    margin: 18px;
    padding: 32px;
    border-radius: 32px;
    background: linear-gradient(135deg, #0B5CFF, #4E93FF);
    color: #fff;
    box-shadow: 0 25px 60px rgba(11, 92, 255, .20);
}
.bolsa-header span
Specificity: (0,1,1)
 {
    color: #FFC928;
}
.bolsa-header-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 30px;
    background:#003e7d;
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(12px);
    border: #072043 1px solid;
}


.bolsa-header-burger-btn{

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:0px;

    background:none;
    border:none;

    color:#ffd54a;

    cursor:pointer;

    padding:0;

    min-width:58px;
}



/*=========================================

 Header inside content Header
 
=========================================*/
.burger-btn{

    width:42px;
    height:42px;

    border-radius:8px;

    border:1px solid #E7E1D8;

    background:white;

    color:#0063f7;

    font-size:24px;

    font-weight:700;

    cursor:pointer;
}

.side-panel{

    position:fixed;

    top:0;
    right:-320px;

    width:320px;

    height:100vh;

    background:#2f4156;

    z-index:99999;

    transition:.25s;

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

.side-panel.open{

    left:0;
}

.panel-header{

    height:45px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 20px;

    color:#4A3428;

    font-weight:800;
}

.side-panel a{

    display:block;

    padding:12px 20px;

    border-bottom:1px solid #eee;

    text-decoration:none;

    color:#0063f7;
}

.panel-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.35);

    display:none;

    z-index:99998;
}

.panel-overlay.show{

    display:block;
}