/* ============================================================
   Ken Burns — Sidebar Background (controlado por JS)
   ============================================================ */

.sidebar-background {
    opacity: 1 !important;
    width: 100% !important;
    overflow: hidden;
    pointer-events: none;
    /* Esconde a imagem estatica do Velzon imediatamente */
    background-image: none !important;
}

.kb-gallery {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.kb-slide {
    position: absolute;
    inset: -12%;
    width: 124%;
    height: 124%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
}

.kb-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.42);
    pointer-events: none;
}

.kb-slide-1 { background-image: url('../images/sidebar/img-1.jpg'); }
.kb-slide-2 { background-image: url('../images/sidebar/img-2.jpg'); }
.kb-slide-3 { background-image: url('../images/sidebar/img-3.jpg'); }
.kb-slide-4 { background-image: url('../images/sidebar/img-4.jpg'); }
.kb-slide-5 { background-image: url('../images/sidebar/img-5.jpg'); }

/* Movimentos — duracao controlada por JS */
@keyframes kb-move-a {
    from { transform: scale(1.00) translate(  0%,  0%); }
    to   { transform: scale(1.18) translate(-10%, -8%); }
}
@keyframes kb-move-b {
    from { transform: scale(1.15) translate( 10%,  6%); }
    to   { transform: scale(1.00) translate( -6%,  9%); }
}
@keyframes kb-move-c {
    from { transform: scale(1.05) translate( -8%, -6%); }
    to   { transform: scale(1.20) translate(  9%,  5%); }
}
@keyframes kb-move-d {
    from { transform: scale(1.18) translate(  7%, -8%); }
    to   { transform: scale(1.02) translate( -9%,  6%); }
}

/* Conteudo do sidebar sempre acima */
.app-menu.navbar-menu .navbar-brand-box,
.app-menu.navbar-menu .navbar-nav,
.app-menu.navbar-menu .sidebar-user,
.app-menu.navbar-menu #scrollbar {
    position: relative;
    z-index: 1;
}