.container_library_envolve {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 47%;
        transform: translate(-50%, -50%);
        max-width: 1200px;
        text-align: center;
    }

    .carousel_library {
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        display: flex;
        padding: 40px 0;
        height: 400px;
        position: relative;
        border-top: 1px solid #565137;
        border-bottom: 1px solid #565137;

    }

    .carousel_library::-webkit-scrollbar {
        display: none;
    }


    :root {
        --card-width: 180px;
        --gap: 50px;
    }



    .cards_library_page {
        display: flex;
        gap: var(--gap);

    }

    .cards_library_page::before,
    .cards_library_page::after {
        content: "";
        flex: 0 0 calc(50% - (var(--card-width) / 2));
    }

    .card_library {
        width: var(--card-width);
        flex: 0 0 var(--card-width);
        border-radius: 28px;
        scroll-snap-align: center;
        scroll-snap-stop: always;

        position: relative;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
    }





    .card_library.active {
        transform: scale(1.5);
        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    }


    .box_cover_settings {
        width: 200px;
        position: relative;
        left: -2px;
        height: 200px;
        background-position: center center;
        background-size: contain;
        transform: scale(1.4);
        background-repeat: no-repeat;
    }


    ._cover_img_1 {
        background-image: url('/Assets/Imagens/Capas/Books/a1.png');
    }

    ._cover_img_2 {
        background-image: url('/Assets/Imagens/Capas/Books/a2.png');
    }

    ._cover_img_3 {
        background-image: url('/Assets/Imagens/Capas/Books/a3.png');
    }




    .__container_library_section {

        width: 300px;
        height: 500px;
        display: block;
    }





    /* CSS */
    .__lib_button-button-82-pushable {
        position: relative;
        border: none;
        background: transparent;
        padding: 0;
        cursor: pointer;
        outline-offset: 4px;
        transition: filter 250ms;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
    }

    .__lib_button-button-82-shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: hsl(0deg 0% 0% / 0.25);
        will-change: transform;
        transform: translateY(2px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }


    .__lib_button-button-82-front_index_0 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #734226;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_1 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #BFA08E;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_2 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #BF755A;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_3 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #2D3940;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_4 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #8C5454;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }


    .__lib_button-button-82-edge_index_0 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #502e1b 0%,
                #3a2214 8%,
                #4d2d1b 92%,
                #422819 100%);
    }

    .__lib_button-button-82-edge_index_1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #6d5b51 0%,
                #69594f 8%,
                #746157 92%,
                #68574e 100%);
    }

    .__lib_button-button-82-edge_index_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #70412f 0%,
                #6e3f2d 8%,
                #572f21 92%,
                #5c3628 100%);
    }

    .__lib_button-button-82-edge_index_3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #181e22 0%,
                #111518 8%,
                #141a1d 92%,
                #12171a 100%);
    }

    .__lib_button-button-82-edge_index_4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #472b2b 0%,
                #422828 8%,
                #3b2424 92%,
                #241515 100%);
    }

    .__lib_button-button-82-pushable:hover {
        filter: brightness(110%);
        -webkit-filter: brightness(110%);
    }

    .__lib_button-button-82-pushable:hover .__lib_button-button-82-front {
        transform: translateY(-6px);
        transition:
            transform 250ms cubic-bezier(.3, .7, .4, 1.5);
    }

    .__lib_button-button-82-pushable:active .__lib_button-button-82-front {
        transform: translateY(-2px);
        transition: transform 34ms;
    }

    .__lib_button-button-82-pushable:hover .__lib_button-button-82-shadow {
        transform: translateY(4px);
        transition:
            transform 250ms cubic-bezier(.3, .7, .4, 1.5);
    }

    .__lib_button-button-82-pushable:active .__lib_button-button-82-shadow {
        transform: translateY(1px);
        transition: transform 34ms;
    }

    .__lib_button-button-82-pushable:focus:not(:focus-visible) {
        outline: none;
    }

    .analog_button_container {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }


    .envolve_analog_button {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        position: absolute;
        visibility: hidden;
        height: 150px;
    }

    .envolve_analog_button.visible {
        visibility: visible;
    }

    .page-content-library {
        display: flex;
    }



    @keyframes button_active_up {
        0% {
            transform: translateY(200px);
        }

        100% {
            transform: translateY(0px);
        }
    }



    .envolve_main_iframe_container {
        height: 100%;
        position: absolute;
        inset: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        display: none;
        align-items: center;
        z-index: 9999999;
        justify-content: center;
    }

    .iframeStyled {
        height: 500px;
        width: 380px;
        border: 2px solid red;
        display: block;
    }


    .center_container_library {
        width: 100%;
        height: 100%;
        background-image: url(/Assets/Imagens/Capas/door_open_image.png);
        background-position: 48% 88%;
        background-repeat: no-repeat;
        background-size: 201% 101%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    #icon_handler_exit_envolve {
        display: none;

    }

    #library_open {
        display: none;
        pointer-events: none;
    }


    .dark-mode .icon_library_exit {
        background-image: url('/Assets/Imagens/Estrutural/application/open-book.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        filter: invert(1);
    }


    .light-mode .icon_library_exit {
        background-image: url('/Assets/Imagens/Estrutural/application/open-book.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        filter: invert(0);
    }


    @keyframes library_open {
        0% {
            transform: translateY(100px) scale(0.2);
        }

        100% {
            transform: translateY(0px) scale(1);
        }
    }



    @keyframes _exit_library_open {
        0% {
            transform: translateY(0px) scale(0.4);
        }

        100% {
            transform: translateY(100px) scale(1);
        }
    }

    .open_container_library {
        position: absolute;
        inset: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(0 0 0);
    }


    .__text_content_libary_overlay {
        visibility: hidden;
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .__text_content_libary_overlay.visible {
        visibility: visible;
    }

    .__center_current_text_content {

        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    #text_content_libray {
        color: white;
        width: 80%;
        line-height: 28px;
        text-align: justify;
        font-family: sans-serif;
    }



    .__lib_resgate_lead_popup {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        z-index: 1000;
        justify-content: center;
        padding: 20px;
        z-index: 9999;
        font-family: Arial, sans-serif;
    }

    .__lib_resgate_lead_overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(6px);
    }

    .__lib_resgate_lead_container {
        position: relative;
        width: 100%;
        max-width: 420px;
        background: #ffffff;
        border-radius: 28px;
        padding: 32px 26px;
        z-index: 2;
        box-shadow:
            0 25px 60px rgba(0, 0, 0, 0.25),
            0 10px 20px rgba(0, 0, 0, 0.08);

        animation: __lib_resgate_lead_show .45s ease;
    }

    @keyframes __lib_resgate_lead_show {
        from {
            opacity: 0;
            transform: translateY(30px) scale(.95);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .__lib_resgate_lead_badge {
        width: fit-content;
        padding: 8px 14px;
        border-radius: 999px;
        background: #f4f1ff;
        color: #6f42ff;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .__lib_resgate_lead_title {
        font-size: 32px;
        line-height: 1.1;
        color: #111;
        margin-bottom: 16px;
        font-weight: 800;
    }

    .__lib_resgate_lead_text {
        font-size: 16px;
        line-height: 1.6;
        color: #666;
        margin-bottom: 24px;
    }

    .__lib_resgate_lead_input {
        width: 100%;
        height: 58px;
        border: 2px solid #ececec;
        border-radius: 18px;
        padding: 0 18px;
        font-size: 16px;
        outline: none;
        transition: .25s;
        margin-bottom: 16px;
    }

    .__lib_resgate_lead_input:focus {
        border-color: #6f42ff;
        box-shadow: 0 0 0 5px rgba(111, 66, 255, 0.12);
    }

    .__lib_resgate_lead_button {
        width: 100%;
        height: 58px;
        border: none;
        border-radius: 18px;
        background: linear-gradient(135deg, #7b4dff, #5d2eff);
        color: white;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: .25s;
        box-shadow: 0 12px 25px rgba(93, 46, 255, 0.28);
    }

    .__lib_resgate_lead_button:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
    }

    .__lib_resgate_lead_button:active {
        transform: scale(.98);
    }

    .__lib_resgate_lead_footer {
        margin-top: 16px;
        text-align: center;
        font-size: 13px;
        color: #8d8d8d;
    }










    .__done_env_popup {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;

        font-family: Arial, sans-serif;
    }

    .__done_env_overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(6px);
    }

    .__done_env_container {
        position: relative;
        width: 100%;
        max-width: 400px;
        background: #ffffff;
        border-radius: 30px;
        padding: 34px 28px;
        z-index: 2;
        text-align: center;

        box-shadow:
            0 25px 60px rgba(0, 0, 0, 0.25),
            0 10px 20px rgba(0, 0, 0, 0.08);

        animation: __done_env_show .45s ease;
    }

    @keyframes __done_env_show {
        from {
            opacity: 0;
            transform: translateY(25px) scale(.94);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .__done_env_icon {
        width: 82px;
        height: 82px;
        margin: 0 auto 18px;
        border-radius: 50%;
        background: linear-gradient(135deg, #6f42ff, #5d2eff);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 38px;
        font-weight: bold;

        box-shadow:
            0 15px 30px rgba(93, 46, 255, 0.30);
    }

    .__done_env_badge {
        width: fit-content;
        margin: 0 auto 16px;
        padding: 8px 15px;
        border-radius: 999px;
        background: #f4f1ff;
        color: #6f42ff;
        font-size: 13px;
        font-weight: 700;
    }

    .__done_env_title {
        font-size: 38px;
        color: #111;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .__done_env_text {
        font-size: 17px;
        line-height: 1.6;
        color: #666;
        margin-bottom: 26px;
    }

    .__done_env_button {
        width: 100%;
        height: 58px;
        border: none;
        border-radius: 18px;
        background: linear-gradient(135deg, #7b4dff, #5d2eff);
        color: white;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: .25s;

        box-shadow:
            0 12px 25px rgba(93, 46, 255, 0.28);
    }

    .__done_env_button:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
    }

    .__done_env_button:active {
        transform: scale(.98);
    }

    .__done_env_footer {
        margin-top: 18px;
        font-size: 13px;
        color: #8b8b8b;
    }




    .we_preparing_popup {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        z-index: 9999;
        font-family: Arial, sans-serif;
    }

    .we_preparing_overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(6px);
    }

    .we_preparing_container {
        position: relative;
        width: 100%;
        max-width: 430px;
        background: #fff;
        border-radius: 30px;
        padding: 34px 28px;
        z-index: 2;

        box-shadow:
            0 25px 60px rgba(0, 0, 0, 0.25),
            0 10px 20px rgba(0, 0, 0, 0.08);

        animation: we_preparing_show .45s ease;
    }

    @keyframes we_preparing_show {
        from {
            opacity: 0;
            transform: translateY(25px) scale(.95);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .we_preparing_icon {
        width: 84px;
        height: 84px;
        border-radius: 50%;
        margin: 0 auto 18px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: linear-gradient(135deg, #7b4dff, #5d2eff);
        color: #fff;
        font-size: 40px;

        box-shadow:
            0 15px 30px rgba(93, 46, 255, 0.28);
    }

    .we_preparing_badge {
        width: fit-content;
        margin: 0 auto 18px;
        padding: 8px 16px;
        border-radius: 999px;
        background: #f3f0ff;
        color: #6f42ff;
        font-size: 13px;
        font-weight: 700;
    }

    .we_preparing_title {
        text-align: center;
        font-size: 31px;
        line-height: 1.15;
        color: #111;
        font-weight: 800;
        margin-bottom: 16px;
    }

    .we_preparing_text {
        text-align: center;
        font-size: 16px;
        line-height: 1.7;
        color: #666;
        margin-bottom: 24px;
    }

    .we_preparing_input {
        width: 100%;
        height: 58px;
        border: 2px solid #ececec;
        border-radius: 18px;
        padding: 0 18px;
        font-size: 16px;
        outline: none;
        transition: .25s;
        margin-bottom: 16px;
    }

    .we_preparing_input:focus {
        border-color: #6f42ff;
        box-shadow: 0 0 0 5px rgba(111, 66, 255, 0.12);
    }

    .we_preparing_button {
        width: 100%;
        height: 58px;
        border: none;
        border-radius: 18px;
        background: linear-gradient(135deg, #7b4dff, #5d2eff);
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: .25s;

        box-shadow:
            0 12px 25px rgba(93, 46, 255, 0.28);
    }

    .we_preparing_button:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
    }

    .we_preparing_button:active {
        transform: scale(.98);
    }

    .we_preparing_footer {
        margin-top: 18px;
        text-align: center;
        font-size: 13px;
        color: #8c8c8c;
    }





    .__perfect_warn_popup {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        z-index: 9999;
        font-family: Arial, sans-serif;
    }

    .__perfect_warn_overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(6px);
    }

    .__perfect_warn_container {
        position: relative;
        width: 100%;
        max-width: 410px;
        background: #fff;
        border-radius: 30px;
        padding: 34px 28px;
        z-index: 2;
        text-align: center;

        box-shadow:
            0 25px 60px rgba(0, 0, 0, 0.25),
            0 10px 20px rgba(0, 0, 0, 0.08);

        animation: __perfect_warn_show .45s ease;
    }

    @keyframes __perfect_warn_show {
        from {
            opacity: 0;
            transform: translateY(25px) scale(.94);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .__perfect_warn_icon {
        width: 84px;
        height: 84px;
        margin: 0 auto 18px;
        border-radius: 50%;

        display: flex;
        align-items: center;
        justify-content: center;

        background: linear-gradient(135deg, #7b4dff, #5d2eff);
        color: #fff;
        font-size: 38px;

        box-shadow:
            0 15px 30px rgba(93, 46, 255, 0.28);
    }

    .__perfect_warn_badge {
        width: fit-content;
        margin: 0 auto 18px;
        padding: 8px 16px;
        border-radius: 999px;
        background: #f3f0ff;
        color: #6f42ff;
        font-size: 13px;
        font-weight: 700;
    }

    .__perfect_warn_title {
        font-size: 38px;
        color: #111;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .__perfect_warn_text {
        font-size: 17px;
        line-height: 1.6;
        color: #666;
        margin-bottom: 26px;
    }

    .__perfect_warn_button {
        width: 100%;
        height: 58px;
        border: none;
        border-radius: 18px;

        background: linear-gradient(135deg, #7b4dff, #5d2eff);

        color: #fff;
        font-size: 16px;
        font-weight: 700;

        cursor: pointer;
        transition: .25s;

        box-shadow:
            0 12px 25px rgba(93, 46, 255, 0.28);
    }

    .__perfect_warn_button:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
    }

    .__perfect_warn_button:active {
        transform: scale(.98);
    }

    .__perfect_warn_footer {
        margin-top: 18px;
        font-size: 13px;
        color: #8c8c8c;
    }


    .__text_error_lead_book {

        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: red;
        font-family: 'Times New Roman', Times, serif;
    }



    .__container_loading_input_ {
        position: fixed;
        inset: 0;
        z-index: 9999;

        display: none;
        align-items: center;
        justify-content: center;

        background: rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    .__loading_env_wait_anwser {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .__minimal_load_style_loader {
        width: 38px;
        height: 38px;
        border: 3px solid rgba(255, 255, 255, 0.12);
        border-top-color: #2b2a2a;
        border-radius: 50%;
        animation: __minimal_load_style_spin 0.7s linear infinite;
    }




    @keyframes __minimal_load_style_spin {
        to {
            transform: rotate(360deg);
        }
    }