.__popstate_overlay_lead_catch {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    align-items: center;
    flex-direction: column;
    z-index: 999999999;
    justify-content: center;
}


.__popstate_overlay_lead_catch.visible {
    display: flex;
}


.__container_text_popstate_calm {

    width: 100%;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 70px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.__container_text_popstate_calm div {
    font-family: "Vibur", cursive;
    font-style: normal;
    font-size: 28px;
    text-align: center;
}



.__center_span_error {

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


#__error_text {
    color: red;
    font-size: 14px;
    font-family: 'Times New Roman', Times, serif
}


.__algment_itens_overlay_popstate {
    width: 380px;
    height: 480px;
    background-color: white;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    animation: __animation_popstate_container 1s ease-in-out;
}


@keyframes __animation_popstate_container {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.__img_cover_lead_catch {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    background-image: url('');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.__description_popstate_lead {
    width: 90%;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.__lead_p_content {
    text-align: justify;
    line-height: 33px;
    width: 90%;

    font-size: 15px;
    font-family: sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 300;
}

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



.__overlay_text_thankyou_user {
    height: 200px;
    width: 300px;
    position: absolute;
    left: 50%;
    display: none;
    z-index: 10000;
    top: 50%;
    transform: translate(-50%, -50%);

}



.__thank_user_accept_form {
    background: #000000;
    color: #ffffff;
    padding: 14px 24px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(40px);
    animation: __thankyouAnimation 3s ease forwards;
}




@keyframes __thankyouAnimation {

    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    20% {
        opacity: 1;
        transform: translateY(0);
    }

    70% {
        opacity: 1;
        transform: translateY(0);
    }

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



.__overlay_appeal_container {
    height: 200px;
    width: 200px;
    position: absolute;
    left: 50%;
    display: none;
    z-index: 10000;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

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


.__appel_text_content {
    background: #000000;
    color: #fdfdfd;
    padding: 14px 24px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(40px);
    animation: __thankyouAnimation 3s ease forwards;

    font-family: "Vibur", cursive;
    font-style: normal;
    font-size: 28px;
}










.__popstate_button_lead_user {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
    transition: filter 250ms;
    user-select: none;
    touch-action: manipulation;
}

.__popstate_button_lead_user_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);
}

.__popstate_button_lead_user_edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(340deg 100% 16%) 0%,
            hsl(340deg 100% 32%) 8%,
            hsl(340deg 100% 32%) 92%,
            hsl(340deg 100% 16%) 100%);
}

.__popstate_button_lead_user_front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: 1.1rem;
    color: white;
    background: hsl(345deg 100% 47%);
    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.__popstate_button_lead_user:hover {
    filter: brightness(110%);
}

.__popstate_button_lead_user:hover .__popstate_button_lead_user_front {
    transform: translateY(-6px);
    transition:
        transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.__popstate_button_lead_user:active .__popstate_button_lead_user_front {
    transform: translateY(-2px);
    transition: transform 34ms;
}

.__popstate_button_lead_user:hover .__popstate_button_lead_user_shadow {
    transform: translateY(4px);
    transition:
        transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.__popstate_button_lead_user:active .__popstate_button_lead_user_shadow {
    transform: translateY(1px);
    transition: transform 34ms;
}

.__popstate_button_lead_user:focus:not(:focus-visible) {
    outline: none;
}







.minimal-input-group {
    width: 100%;
    max-width: 340px;
}

.minimal-input-group input {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #e4e4e7;
    border-radius: 18px;
    background: #ffffff;
    font-size: 15px;
    color: #111827;
    outline: none;
    transition: all .25s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.minimal-input-group input::placeholder {
    color: #9ca3af;
    text-align: center;
}

.minimal-input-group input:focus {
    border-color: #111827;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.__overlay_gift_ribbon {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    height: 400px;
    display: flex;
    position: absolute;
    z-index: 1000;
    align-items: center;
    justify-content: center;
}


.__envolve_app_itens {
    width: 100%;
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    justify-content: space-evenly;
}

.__app_icon_itens {
    width: 50px;
    height: 50px;
    background-image: url('');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

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

.__description_p p {
    text-align: justify;
    line-height: 33px;
    font-family: sans-serif;
    color: white;
    font-weight: 300;

}

.__envolve_button_install_app {
    border: 2px solid red;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}













/* Overlay */
.__popup_overlay_special {
    position: absolute;
    z-index: 1000;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    animation: __fadeOverlay .4s ease;
}

/* Popup */
.__popup_card_special {
    width: 100%;
    max-width: 380px;
    background: linear-gradient(145deg, #ffffff, #f4f7ff);
    border-radius: 28px;
    padding: 35px 28px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
    animation: __popupShow .5s cubic-bezier(.18, .89, .32, 1.28);
}

/* Glow */
.__popup_card_special::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(99, 102, 241, 0.18);
    border-radius: 50%;
    top: -70px;
    right: -70px;
    filter: blur(10px);
}

/* Icon */
.__popup_icon_special {
    width: 75px;
    height: 75px;
    margin: auto;
    margin-bottom: 22px;
    border-radius: 22px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: white;
    box-shadow: 0 12px 25px rgba(99, 102, 241, 0.35);
}

/* Title */
.__popup_title_special {
    font-size: 1.55rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.4;
    margin-bottom: 15px;
}

/* Description */
.__popup_desc_special {
    color: #6b7280;
    font-size: 0.97rem;
    line-height: 1.6;
    margin-bottom: 28px;
}

/* Button */
.__popup_button_special {
    width: 100%;
    border: none;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: .25s ease;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.35);
}

.__popup_button_special:hover {
    transform: translateY(-3px) scale(1.01);
    filter: brightness(1.05);
}

/* Close */
.__popup_close_special {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 18px;
    cursor: pointer;
    transition: .2s;
}

.__popup_close_special:hover {
    transform: rotate(90deg);
    background: #e0e7ff;
}

/* Animations */
@keyframes __popupShow {
    from {
        opacity: 0;
        transform: translateY(40px) scale(.9);
    }

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

@keyframes __fadeOverlay {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


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

.__cover_gift{
    height: 100%;
    width: 100%;
    background-image: url('/Assets/Imagens/Capas/Books/COVER_IMG_1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}