html {
    user-select: none;
}

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-tertiary-text);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1; /* Totalmente visible al inicio */
    transition: opacity 0.5s ease, visibility 0s linear 0.5s; /* Desvanecimiento */
}

#loading-screen.hidden {
    opacity: 0; /* Invisible */
    visibility: hidden; /* Ocultar completamente después del desvanecimiento */
}

@media (orientation: portrait) {
    #readerCarouselVertical {
        display: block !important;
    }
    #readerCarouselHorizontal {
        display: none !important;
    }
}

@media (orientation: landscape) {
    #readerCarouselVertical {
        display: none !important;
    }
    #readerCarouselHorizontal {
        display: block !important;
    }
}