/* ==========================================
   LOADING DE NAVEGAÇÃO — PROFISABORES
   ========================================== */

#loading-screen {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

    align-items: center;

    justify-content: center;

    /* Azul transparente */
    background: rgba(111, 152, 189, 0.78);

    /* ESCONDIDO POR PADRÃO */
    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;

}


/* ==========================================
   LOADING ATIVO
   ========================================== */

#loading-screen.loading-active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}


/* ==========================================
   LOGÓTIPO
   ========================================== */

.loading-logo {

    width: 150px;

    height: 150px;

    object-fit: contain;

    animation:
        loadingPulse
        0.9s
        ease-in-out
        infinite;

}


/* ==========================================
   ANIMAÇÃO DO ÍCONE
   ========================================== */

@keyframes loadingPulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.18);

    }

    100% {

        transform: scale(1);

    }

}


/* ==========================================
   ACESSIBILIDADE
   ========================================== */

@media (prefers-reduced-motion: reduce) {

    .loading-logo {

        animation: none;

        transform: scale(1);

    }

}