.navbar-v2{

    background:var(--principal);

    min-height:72px;

}

.logo-navbar{

    height:52px;

}

.btn-menu{

    color:#fff;

    font-size:30px;

    border:none;

}

.btn-menu:hover{

    color:#d4af37;

}

.btn-navbar-icon{

    color:#fff;

    border:none;

    font-size:22px;

}

.btn-user{

    border:none;

    color:#fff;

}

.navbar-v2-offcanvas{

    width:290px;

    background:var(--principal);

    color: var(--secundario);

}

.usuario-panel{

    display:flex;

    align-items:center;

    gap:15px;

}

.avatar-navbar{

    font-size:50px;

    color:#d4af37;

}

.navbar-v2-link{

    display:flex;

    align-items:center;

    gap:14px;

    color:#fff;

    text-decoration:none;

    padding:14px;

    border-radius:10px;

    transition:.25s;

}

.navbar-v2-link:hover{

    background:var(--secundario);

    color:var(--principal);

}

.navbar-v2-link i{

    font-size:20px;

}

.navbar-v2-title{

    font-size:.72rem;

    color:#b8923f;

    text-transform:uppercase;

    letter-spacing:2px;

    margin:18px 14px 8px;

    font-weight:700;

}

.navbar-v2-divider{

    border-color:#2d2d2d;

    margin:15px 0;

}

.navbar-v2-link.active{

    background:var(--secundario);

    color:var(--principal);

    border-left:var(--principal);

    font-weight:600;

}
.navbar-v2-link{

    transition:.25s;

}

.navbar-v2-link:hover{

    transform:translateX(6px);

}

.avatar-navbar{

width:55px;

height:55px;

border-radius:50%;

background:#d4af37;

display:flex;

align-items:center;

justify-content:center;

font-weight:bold;

font-size:22px;

color:#111;

}

.offcanvas{

transition:transform .28s ease;

}

.btn-menu{

transition:.3s;

}

.btn-menu:hover{

transform:rotate(90deg);

}

.btn-user{

transition:.25s;

}

.btn-user:hover{

color:#d4af37;

}

.badge.bg-danger{

animation:pulse 1.5s infinite;

}

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.15);

}

100%{

transform:scale(1);

}

}
.offcanvas-body{

scrollbar-width:thin;

scrollbar-color:var(--principal) var(--secundario);

}
.offcanvas-body::-webkit-scrollbar{

width:8px;

}

.offcanvas-body::-webkit-scrollbar-thumb{

background:#d4af37;

border-radius:20px;

}
.navbar-v2{

transition:.3s;

}