/* Force navbar to be sticky */
.layout-navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
  height: auto;
}

/* Override any opacity/display rules that might hide the navbar */
.layout-navbar {
  opacity: 1 !important;
  pointer-events: auto !important;
  display: flex !important;
}

/* ------------------------------ */
/* ---- CSS DA TELA DE LOGIN ---- */
/* ------------------------------ */

#bg-img {
    animation: backgroundImgFade 3s ease-in;
}

@keyframes backgroundImgFade {
    from {
        opacity: 0;
    }
    
    to {
        opacity: 1;
    }
}

.bg-login-gradient {
    background: radial-gradient(rgba(51, 142, 66, 0.8), rgba(0, 0, 0, 0.8));
    animation: backgroundFade 0.2s ease-out;
}

@keyframes backgroundFade {
    from {
        opacity: 0;
    }
    
    to {
        opacity: 1;
    }
}

#login-card {
    animation: fadeInUp 0.8s ease-out;
}

/* Animação fade-in com movimento de baixo para cima */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loader */
/* container full-screen */
/*.loading-screen {
    position: fixed;
    inset: 0;*/ /* top:0; right:0; bottom:0; left:0 */
    /*display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(0,120,60,0.9), rgba(0,160,90,0.85));*/ /* seu gradiente verde */
    /*z-index: 20000;
    transition: opacity 0.7s ease;
    -webkit-transition: opacity 0.7s ease;
    pointer-events: auto;
}*/

/* conteúdo interno — centraliza */
/*.loading-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}*/

/* wrapper relativo para as duas camadas promoverem overlay corretamente */
/*.logo-wrapper {
    position: relative;
    width: 280px;*/ /* ajuste conforme sua logo */
    /*height: auto;*/
    /* forçar caixa de conteúdo consistente */
    /*display: block;
}*/

    /* imagens posicionadas absolutas para sobreposição perfeita */
    /*.logo-wrapper .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        display: block;
        pointer-events: none;
    }*/

/* camada de baixo — transparente */
/*.logo-base {
    opacity: 0.25;
    filter: saturate(0.9);
    transform: translateY(0);
}*/

/* camada de cima — iniciará "invisível" por clip-path (cortada de baixo) */
/*.logo-fill {*/
    /* usa clip-path inset para esconder a parte superior; começa cortada 100% de baixo */
    /*-webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);*/
    /* animação que move a inset de 100% para 0% */
    /*animation: logoFill 2.4s ease-in-out forwards;
    -webkit-animation: logoFill 2.4s ease-in-out forwards;
}*/

/* keyframes para o reveal bottom->top */
/*@keyframes logoFill {
    0% {
        clip-path: inset(100% 0 0 0);
        -webkit-clip-path: inset(100% 0 0 0);
    }

    100% {
        clip-path: inset(0% 0 0 0);
        -webkit-clip-path: inset(0% 0 0 0);
    }
}*/

/* classe para esconder o splash via opacity (fade-out) */
/*.loading-screen.hidden {
    opacity: 0;
    pointer-events: none;
}*/