/* TRANSIÇÃO DE PÁGINA — MONTA AO ENTRAR E DESMONTA AO SAIR */
@media screen {
    body.page-loading-fx {
        overflow-x: hidden;
    }

    body.page-loading-fx .navbar,
    body.page-loading-fx nav.navbar,
    body.page-loading-fx .navbar *,
    body.page-loading-fx nav.navbar *{
        animation:none!important;
        transform:none!important;
        filter:none!important;
    }


    body.page-loading-fx .fx-load-item {
        opacity: 0;
        transform: translateY(14px) scale(.985);
        filter: blur(4px);
        will-change: opacity, transform, filter;
    }

    body.page-loading-fx.fx-loaded .fx-load-item {
        animation: fxPageMount .48s cubic-bezier(.18,.84,.28,1) both;
    }

    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(1) { animation-delay: .02s; }
    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(2) { animation-delay: .05s; }
    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(3) { animation-delay: .08s; }
    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(4) { animation-delay: .11s; }
    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(5) { animation-delay: .14s; }
    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(6) { animation-delay: .17s; }
    body.page-loading-fx.fx-loaded .fx-load-item:nth-child(n+7) { animation-delay: .20s; }

    body.page-loading-fx.fx-page-leaving .fx-load-item {
        animation: fxPageUnmount .26s cubic-bezier(.55,.02,.45,.98) both !important;
        animation-delay: 0s !important;
        pointer-events: none;
    }

    body.page-loading-fx.fx-page-leaving .fx-load-item:nth-child(1) { animation-delay: .00s !important; }
    body.page-loading-fx.fx-page-leaving .fx-load-item:nth-child(2) { animation-delay: .015s !important; }
    body.page-loading-fx.fx-page-leaving .fx-load-item:nth-child(3) { animation-delay: .03s !important; }
    body.page-loading-fx.fx-page-leaving .fx-load-item:nth-child(4) { animation-delay: .045s !important; }
    body.page-loading-fx.fx-page-leaving .fx-load-item:nth-child(5) { animation-delay: .06s !important; }
    body.page-loading-fx.fx-page-leaving .fx-load-item:nth-child(n+6) { animation-delay: .075s !important; }

    body.page-loading-fx.fx-page-leaving::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(255,255,255,.10);
        backdrop-filter: blur(1px);
        z-index: 9000;
        pointer-events: none;
        animation: fxPageVeil .26s ease both;
    }

    @keyframes fxPageMount {
        from {
            opacity: 0;
            transform: translateY(14px) scale(.985);
            filter: blur(4px);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
    }

    @keyframes fxPageUnmount {
        from {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
        to {
            opacity: 0;
            transform: translateY(-10px) scale(.985);
            filter: blur(4px);
        }
    }

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

    @media (prefers-reduced-motion: reduce) {
        body.page-loading-fx .fx-load-item,
        body.page-loading-fx.fx-loaded .fx-load-item,
        body.page-loading-fx.fx-page-leaving .fx-load-item {
            opacity: 1 !important;
            transform: none !important;
            filter: none !important;
            animation: none !important;
        }
        body.page-loading-fx.fx-page-leaving::before {
            display: none !important;
        }
    }
}