body {
    overflow: hidden;
}








.confirm_elements_data_user {

    height: 100%;

    width: 100%;
    display: flex;
    align-items: center;

    justify-content: space-around;



}

.container_overlay_elements_data_user {

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    justify-content: space-around;
}

.name_element_data {
    width: 100%;
    height: 100px;

    opacity: 0;

}

.light-mode .data_style {
    font-size: 16px;
    height: 0%;
    color: white;
    font-family: sans-serif;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    text-align: center;
}

.data_style {

    font-size: 16px;
    height: 0%;
    color: white;
    font-family: sans-serif;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    text-align: center;
}

.light-mode .data_style {
    color: rgb(255, 255, 255);
}

.main_contaienr_element_data {

    height: 60%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.text_content_data_name {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    color: white;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    border-radius: 10px;
}

.edit_name_user {
    width: 30px;
    height: 30px;
    background-image: url('/assets/imagens/icons/edit.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}


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

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

@keyframes translate_y_exit {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

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


.light-mode .text_content_data_name {
    background-color: rgb(0, 0, 0);
}



.container_for_user_make_pix {

    width: 100%;
    height: 100%;
    transition: opacity 1s ease-in-out;
    padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    top: 50px;
}

.pix-user {
    height: 100%;

}

.text_elements_product_container_data {
    height: 90%;
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

}

.contaienr_capa_mais_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 230px;
    width: 100%;
}

.light-mode .text_main_product_element_content {
    color: rgb(0, 0, 0);
}

.text_main_product_element_content {
    color: white;
    width: 100%;
    line-height: 35px;
    border-bottom: 1px solid rgb(236, 236, 236);
    font-size: 20px;
    text-align: left;

}

.text_content_data_description {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 14px;
    text-align: justify;
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 28px;
    padding-right: 15px;
    width: 100%;
    user-select: none !important;

}

.light-mode .text_content_data_description {
    color: rgb(0, 0, 0);
}

.Capa-produto-principal {
    background-image: url('/assets/imagens/covers/cover17.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-size: cover;
    height: 210px;
    position: relative;
    left: 20px;
    transform: scale(1.2);
    width: 27%;
}

.slideshow-container {
    width: 100%;
    height: 100%;
    display: none;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1a1a1a;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
}

.light-mode .slideshow-container {
    background-color: #ffffff;
}

.slide_payment {
    position: absolute;
    background-color: #1a1a1a;
    width: 100%;
    height: 100%;
    animation: liquidUnfoldDown 2s ease-in-out;
    display: none;
    overflow-x: hidden;
    z-index: 0;
    will-change: clip-path;

}

.slide_payment.overflow {
    overflow: hidden !important;
}

.light-mode .slide_payment {
    background-color: #ffffff;
}

.slide_payment:nth-child(1) {
    background-color: #1a1a1a;
    /* box-shadow: 0 4px 10px rgba(199, 199, 199, 0.2); */
}

.light-mode .slide_payment:nth-child(1) {
    background-color: #ffffff;
}

.slide_payment:nth-child(2) {
    width: 100%;
    flex-direction: column;
    height: 97%;
    align-items: center;
    justify-content: flex-end;
    background-color: #1a1a1a;
    /* box-shadow: 0 4px 10px rgba(199, 199, 199, 0.2); */
}

.light-mode .slide_payment:nth-child(2) {
    background-color: #ffffff;
}

.light-mode .slide_payment:nth-child(6) {
    background-color: #1a1a1a;
}

.slide_payment:nth-child(3) {
    background-color: #1a1a1a;
    /* box-shadow: 0 4px 10px rgba(199, 199, 199, 0.2); */
}

.slide_payment:nth-child(5) {

    overflow-y: scroll;
    /* box-shadow: 0 4px 10px rgba(199, 199, 199, 0.2); */
}

.light-mode .slide_payment:nth-child(3) {
    background-color: #ffffff;
    /* box-shadow: 0 4px 10px rgba(199, 199, 199, 0.2); */
}

.slide_payment.active {

    display: flex;

}

.slide_payment.exit-left {
    transform: translateX(100%);
}

.slide_payment.exit-right {
    transform: translateX(100%);
}

.user_data_contact_element_contaienr {

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: space-around;

}

.greet_first_step {

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.greet_gif {
    height: 150px;
    width: 150px;
    background-image: url('/assets/imagens/icons/relationship-1--unscreen-hand\ \(1\).gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.3);
    filter: invert(1);
}



@keyframes rise_and_opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.highlight-empty {
    border: 2px solid red;
    animation: erroAnimacao 0.6s ease;
    box-shadow: 0 0 5px red;
}

@keyframes erroAnimacao {
    0% {
        background-color: transparent;
        transform: translateX(0);
    }

    20% {
        background-color: #ff4d4d;
        transform: translateX(-4px);
    }

    40% {
        transform: translateX(4px);
    }

    60% {
        transform: translateX(-4px);
    }

    80% {
        transform: translateX(4px);
    }

    100% {
        background-color: #ff4d4d;
        transform: translateX(0);
    }
}

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

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



@keyframes buy_animation_element {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.4);
    }

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

@keyframes animation_element_pix {
    0% {
        transform: translateY(400px);
    }

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


@keyframes popanimation_select {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

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

@keyframes animation_scale {
    0% {
        transform: scale(0.2);
    }

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

@keyframes left_direction {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes right_direction {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes top_direction {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes bottom_direction {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.select_elements_user_step4 {
    animation: popanimation_select 1s ease-in-out;
    border-radius: 10px;
}

.p_greet_content {
    border-radius: 8px;
    width: 87%;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.p_greet_content p {
    color: white;
    font-family: 'Times New Roman', Times, serif;
    font-size: 16px;
    user-select: none;
    text-align: justify;
    line-height: 38px;
    user-select: none;
}

.light-mode .p_greet_content p {
    color: rgb(0, 0, 0);
    font-family: 'Times New Roman', Times, serif;
    font-size: 16px;
    text-align: justify;
    line-height: 38px;
}

.light-mode .p_greet_content {
    border-radius: 8px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;
}

.ofs_apycontainer_thankyou_letter {
    height: 95%;
    width: 100%;
    flex-direction: column;


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

.ofs_apyletter-image {
    user-select: none;
    text-decoration: none;
    overflow: visible !important;
    width: 200px;
    height: 200px;
    background: transparent !important;
    outline: none;
    user-select: none;
    display: flex;
    will-change: transform;
}

.container_for_letter_image_center {
    top: 70%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.ofs_apyanimated-mail {
    position: absolute;
    height: 150px;
    will-change: transition, transform;
    width: 200px;
    transition: 0.4s;
}

.ofs_apyanimated-mail .ofs_apybody {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 200px;
    border-color: transparent transparent #e95f55 transparent;
    will-change: transition, transform;
    z-index: 2;
}

.ofs_apyanimated-mail .ofs_apytop-fold {
    position: absolute;
    top: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 100px 0 100px;
    transform-origin: 50% 0%;
    transition: transform 0.4s 0.4s, z-index 0.2s 0.4s;
    border-color: #cf4a43 transparent transparent transparent;
    will-change: transition, transform;
    z-index: 2;
}

.ofs_apyanimated-mail .ofs_apyback-fold {
    position: absolute;
    bottom: 0;
    width: 200px;
    height: 100px;
    background: #cf4a43;
    z-index: 0;
}

.ofs_apyanimated-mail .ofs_apyleft-fold {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 100px;
    border-color: transparent transparent transparent #e15349;
    z-index: 2;
}

.ofs_apyanimated-mail .ofs_apyletter {
    left: 20px;
    bottom: 0px;
    position: absolute;
    width: 160px;
    height: 60px;
    background: white;
    z-index: 1;

    transition: 0.4s 0.2s, transform 0.4s 0.2s;
    transform-origin: bottom center;
    will-change: transition, transform;
}

.ofs_apyanimated-mail .ofs_apyletter .ofs_apyletter-border {
    height: 10px;
    width: 100%;
    background: repeating-linear-gradient(-45deg, #cb5a5e, #cb5a5e 8px, transparent 8px, transparent 18px);
}

.ofs_apyanimated-mail .ofs_apyletter .ofs_apyletter-title {
    margin-top: 10px;
    margin-left: 5px;
    height: 10px;
    width: 40%;
    background: #67cb5a;
}

.ofs_apyanimated-mail .ofs_apyletter .ofs_apyletter-context {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto;
    overflow: visible;
}

.ofs_apyanimated-mail .ofs_apyletter .ofs_apyletter-stamp {
    margin-top: 30px;
    margin-left: 120px;
    height: 30px;
    width: 30px;
    will-change: opacity;
    opacity: 0.3;
}

.ofs_apyletter-image.ofs_apyopen .ofs_apyanimated-mail {
    transform: translateY(10px);
    will-change: transform;
}

.ofs_apyletter-image.ofs_apyopen .ofs_apyanimated-mail .ofs_apytop-fold {
    transition: transform 0.4s, z-index 0.2s;
    will-change: transition, transform;
    transform: rotateX(180deg);
    z-index: 0;
}

.ofs_apyletter-image.ofs_apyopen .ofs_apyanimated-mail .ofs_apyletter {
    width: 97%;
    position: absolute;
    top: 100px;
    left: 0;
    /* começa com 80dvh */
    height: 80dvh;
    /* permite crescer */
    visibility: visible;
    will-change: transition, transform;
    transform: translateY(100px) scale(2);
    z-index: 3;
    overflow: scroll !important;
    /* scroll só se passar do viewport */
}

.ofs_apyagradecimento-fonte {
    will-change: transition, transform, opacity;

    pointer-events: auto;
    width: 80% !important;
    height: 100%;
    max-width: 80% !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    display: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    line-height: 33px;
    color: black !important;
    text-align: justify !important;
    font-family: "Vibur", cursive !important;
    font-style: normal !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    scroll-behavior: smooth;
    /* Garante que o elemento pode rolar */
    scroll-snap-type: y proximity;
    /* Ajuda a criar um efeito mais suave */
    user-select: none;
    text-decoration: none;
    overflow: visible;
    /* ❌ nada de scroll aqui */
}

.container_greet_buttons {

    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
    text-align: justify;

}

.light-mode .container_greet_buttons {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

.container_greet_buttons p {
    animation: rise_and_opacity 1s ease-in-out alternate infinite;
}

.form-group {
    position: relative;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.form-group input {
    width: 80%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 4px;
    outline: none;
    color: white;
    font-weight: bold;
    user-select: none !important;
    font-family: sans-serif;
}

.light-mode .form-group input {
    color: rgb(0, 0, 0);
}

.form-group label {
    position: absolute;
    top: -5px;
    /* Sempre posicionado acima */
    left: 10px;
    font-size: 12px;
    /* Tamanho reduzido */
    color: #ffffff;
    /* Cor do texto */
    background: transparent;
    /* Fundo para cobrir a borda */
    padding: 0 5px;
    pointer-events: none;
    /* Impede cliques no label */
}

.light-mode .form-group label {
    color: #000000;
}

.container_atribut_data {
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.container_button_sheets_user {
    height: 60px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

.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;
    animation: upButton 1s ease-in-out;


}


.data-atributes-element {
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.context_container_data_elements {
    height: 90%;

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

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

.container_for_data_social_buy {
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 70px;
    opacity: 0;

}

.Gmai_icon {
    background-image: url('/assets/imagens/icons/gmail.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.instagram_icon {
    background-image: url('/assets/imagens/icons/instagram.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.Whatsapp_Icon {
    background-image: url('/assets/imagens/icons/whatsapp.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.Telegram_Icon {
    background-image: url('/assets/imagens/icons/telegrama.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.social-text {
    font-family: "Merriweather", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    color: white;
    text-align: center;
    font-size: 12px;
}

.light-mode .social-text {
    color: rgb(0, 0, 0);
}

.icon_data {
    height: 50px;
    width: 50px;

}

.pix_elements {
    height: 30%;
    width: 80%;

    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.pix_icon_image {
    height: 100px;
    width: 100px;
    background-image: url('/assets/imagens/icons/icons8-foto-480.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.pix_text_content {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 23px;
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

}

.text_content_pix_warning_user {
    background-color: rgba(0, 0, 0, 0.1);
    width: 350px;
    height: 130px;
    overflow: hidden !important;

    border-radius: 8px;
    position: relative;

}

.light-mode .text_content_pix_warning_user {
    background-color: rgb(0, 0, 0);
    width: 90%;

    border-radius: 8px;

}

.text_content_pix_warning_user p {
    color: white;
    text-align: justify;
    line-height: 33px;
    user-select: none;
}

.email_admin {
    color: #22ff00;
    font-family: 'Times New Roman', Times, serif;
}

.key_pix-admin {

    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.copy_gear {
    width: 30px;
    height: 30px;
    box-shadow: 0px 12px 11px #202020;
    background-image: url('/assets/imagens/icons/copy_gear.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}


.container_elements_social_contact_user {

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

.h2_heebo {
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    color: white;
    font-size: 24px;
    line-height: 42px;
    height: 100px;
    width: 90%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-style: normal;
    user-select: none;
}

.social-text {
    user-select: none;
}

.light-mode .h2_heebo {
    color: rgb(0, 0, 0);
}

.h2_heebo_social {
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    color: white;
    font-size: 24px;
    width: 70%;
    text-align: center;
    flex-direction: column;
    flex-direction: column-reverse;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-style: normal;

}

.container_button_confirm_user_social_pix {

    width: 150px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.button_user_container_element_pix {
    transform: translateY(400px);
}

.confirm_user_menssagem-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    height: 200px;
    display: block;

}

.container_confirm_user_data {
    height: 100%;
    width: 100%;
    display: flex;
    border-radius: 10px;
    animation: translate_y 1s ease-in-out;
    background-color: rgba(0, 0, 0, 0.9);
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    box-shadow: 0px 0px 15px 0px rgba(161, 161, 161, 0.438);

}

#change_data_content {
    margin-left: 10px;
}

.v-menssage {
    font-family: sans-serif;
    font-weight: 200;
    font-size: 24px;
    line-height: 44px;
    text-align: center;
    width: 100%;

    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin: 0 !important;

}

.confirm_user_w_message {
    width: 100px;
    height: 25%;
    display: flex;
    background-color: #F2B749;
    border: none;
    color: #ffffff;
    border-radius: 8px;
    align-items: center;
    justify-content: space-around;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;

}

.user_social_element_confirm_mapping {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    display: none;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;

}

.container_mapping_flex_animation {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    animation: animation_scale 1s ease-in-out;
    justify-content: space-around;

}

.container_mapping_social_user {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    background-color: #202020;
    width: 350px;
    border-radius: 8px;
    height: 350px;
}

.social_icon_mapping {
    height: 50px;
    width: 50px;
    background-image: url('/Assets/Imagens/Estrutural/Sociais/telegrama.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.container_element_mapping_text {
    height: 160px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;

}

.container_element_mapping_text {
    background-color: rgba(0, 0, 0, 0.4);
}

.ele_data_value_social {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    height: 50%;
}

#inv_return {
    color: red;
    font-size: 14px;
    text-align: justify;
    line-height: 28px;
    font-family: 'Times New Roman', Times, serif;
}

#alert_mapping_error {
    color: red;
    font-size: 15px;

    width: 90%;
    font-style: italic;
    text-align: center;
    line-height: 25px;
    font-family: 'Times New Roman', Times, serif;
}

.v-menssage {
    user-select: none;
}

.data_style {
    position: relative;
    bottom: 26px;
    user-select: none;
}

.content_data_edit {
    user-select: none;
}

.text_data_social_mapping {
    transform: translateX(0);
    color: white;
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    user-select: none;
    text-align: justify;
}

.input_mapping_1 {
    width: 100%;
    max-width: 300px;
    padding: 12px 16px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background-color: #fdfdfd;
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    outline: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.input_mapping_1:focus {
    border-color: #4a90e2;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

.input_mapping_1::placeholder {
    color: #aaa;
    font-style: italic;
}

.button_confirm_social_mapping {
    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;
    animation: upButton 1s ease-in-out;
}

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

.button_confirm_social_mapping-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;

}

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

.button_confirm_social_mapping-edge.gmail {
    background: linear-gradient(to left,
            hsl(0, 86%, 56%) 0%,
            hsl(0, 67%, 41%)8%,
            hsl(0, 67%, 32%) 92%,
            hsl(0, 67%, 32%) 100%);

}

.button_confirm_social_mapping-front.gmail {
    background: #F23030;
}

.button_confirm_social_mapping-edge.instagram {
    background: linear-gradient(to left,
            hsl(320, 75%, 35%) 0%,
            hsl(320, 71%, 26%)8%,
            hsl(320, 90%, 23%) 92%,
            hsl(320, 55%, 41%) 100%);

}

.button_confirm_social_mapping-front.instagram {
    background: #D91E98;
}

.button_confirm_social_mapping-edge.telegram {
    background: linear-gradient(to left,
            hsl(208, 93%, 34%) 0%,
            hsl(208, 92%, 28%)8%,
            hsl(208, 99%, 27%) 92%,
            hsl(208, 80%, 23%) 100%);

}

.button_confirm_social_mapping-front.telegram {
    background: #0583F2;
}

.button_confirm_social_mapping-edge.whatsapp {
    background: linear-gradient(to left,
            hsl(112, 70%, 18%) 0%,
            hsl(112, 69%, 20%) 8%,
            hsl(112, 68%, 27%) 92%,
            hsl(112, 70%, 22%) 100%);

}

.button_confirm_social_mapping-front.whatsapp {
    background: #2FA61C;
}

.button_confirm_social_mapping-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}


.button_confirm_social_mapping:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

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

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

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

.button_confirm_social_mapping:active .button_confirm_social_mapping-shadow {
    transform: translateY(1px);
    transition: transform 34ms;

}

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

.change_name_data_log_overlay {
    position: absolute;
    left: 50%;
    top: 40%;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: space-around;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform: translate(-50%, -50%);

}

.change_container_element {
    height: 100%;
    width: 100%;
    background-color: #1a1a1a;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: jump_pup 0.8s ease-in-out;
    justify-content: space-evenly;
    width: 400px;
    border-radius: 8px;
    transform: scale(1.1);
    height: 300px;
}

.social_middle_icon {
    width: 28px !important;
    height: 28px !important;
    background-image: url('./');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.social_container_elements {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.contact_change_overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    align-items: center;
    justify-content: space-around;
}

.rash_social_text {

    width: 80%;
}

.container_social_change_contact {
    height: 380px;
    width: 330px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    background-color: #1a1a1a;
    border-radius: 8px;
}

.container_elements_social_change_2 {
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    transform: translateX(0%);
    transition: transform 1s ease-in-out;
    justify-content: space-around;
}

.element_atribute_social_style {
    height: 40px;
    width: 40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.social_1_gmail {
    background-image: url('/assets/imagens/icons/gmail.png');
}

.social_2_instagram {
    background-image: url('/assets/imagens/icons/instagram.png');
}

.social_3_telegram {
    background-image: url('/assets/imagens/icons/telegrama.png');
}

.social_4_whatsapp {
    background-image: url('/assets/imagens/icons/whatsapp.png');
}

.element_new_Value {
    transform: translateX(100%);
    position: absolute;
    height: 100%;
    transition: transform 1s ease-in-out;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;


}

.element_transform_X_container {
    transition: transform 1s ease-in-out;
    height: 25%;
    width: 100%;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}

#icon_alert {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.container_dialog {

    border-radius: 100%;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.container_dialog.active {

    transition: transform 0.5s ease-in-out;
    animation: mini_pop 0.5s ease-in-out;
    background-color: rgba(0, 0, 0, 0.5);

}

.copy_gear {
    animation: heartbeat 1.2s infinite ease-in-out;
    transform-origin: center;
}

.add_action_user_social_data {
    height: 80px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

.action-btn-social {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    visibility: hidden;
    outline-offset: 4px;
    transition: filter 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    animation: slideUp 1s ease-in-out;
}

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

.action-btn-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(0, 0%, 63%) 0%,
            hsl(0, 0%, 90%) 8%,
            hsl(0, 0%, 75%) 92%,
            hsl(0, 0%, 100%) 100%);
}

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

.action-btn-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}


.action-btn-social:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

.action-btn-social:hover .action-btn-front {
    transform: translateY(-6px);
    transition:
        transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.action-btn-social:active .action-btn-front {
    transform: translateY(-2px);
    transition: transform 34ms;
}

.action-btn-social:hover .action-btn-shadow {
    transform: translateY(4px);
    transition:
        transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.action-btn-social:active .action-btn-shadow {
    transform: translateY(1px);
    transition: transform 34ms;
}

.action-btn-social:focus:not(:focus-visible) {
    outline: none;
}

.el-container {

    width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.user_interaction_panel {
    height: 80px;
    display: flex;
    position: relative;
    overflow: hidden !important;
    width: 100%;
    align-items: flex-end;
    justify-content: space-around;
}

.overlay_warning_user_whatsapp {

    width: 300px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    transform: translate(-50%, -50%);
}

.container_warning_user_whatsapp {
    background-color: rgb(219, 65, 65);
    border-radius: 8px;
    height: 100%;
    width: 100%;
    display: flex;
    transform: scale(1.2);
    align-items: center;
    flex-direction: column;
    justify-content: space-around;

    /* Transição lenta para background-color */
    transition: background-color 2s ease;

    /* Animação apenas para o scale */
    animation: alert_number 0.7s ease-in-out;
}

.container_warning_user_whatsapp.red {
    background-color: rgb(253, 135, 135);
}

.example {
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    font-style: italic;
}

.details {
    font-size: 0.88rem;
    color: #ffffff;
    width: 90%;
    line-height: 28px;

    font-style: italic;
}

.action-btn-container {
    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;

}

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

.action-btn-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(0, 100%, 20%) 0%,
            hsl(0, 99%, 30%) 8%,
            hsl(0, 100%, 30%) 92%,
            hsl(0, 100%, 26%) 100%);
}

.action-btn-face {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: .800rem;
    color: white;
    background: hsl(7, 90%, 43%);
    will-change: transform;
    transform: translateY(-4px);
    transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.action-btn-face {
    font-size: 1.25rem;
    padding: 12px 42px;
}


.action-btn-container:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

.action-btn-container:hover .action-btn-face {
    transform: translateY(-6px);
    transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.action-btn-container:active .action-btn-face {
    transform: translateY(-2px);
    transition: transform 34ms;
}

.action-btn-container:hover .action-btn-shadow {
    transform: translateY(4px);
    transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.action-btn-container:active .action-btn-shadow {
    transform: translateY(1px);
    transition: transform 34ms;
}

.action-btn-container:focus:not(:focus-visible) {
    outline: none;
}

.something_wrong {
    font-family: 'Times New Roman', Times, serif;
    color: red;
    font-style: italic;
    user-select: none;
    font-size: 13px;
}

.__confirm_social-pushable {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
    transition: filter 250ms, background 1s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    animation: upButton 1s ease-in-out;
}

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

.__confirm_social-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(0, 0%, 98%) 0%,
            hsl(0, 0%, 100%) 8%,
            hsl(0, 0%, 99%) 92%,
            hsl(0, 0%, 100%) 100%);
}

.__confirm_social-edge.gmail {
    background: linear-gradient(to left,
            hsl(0, 100%, 18%) 0%,
            hsl(0, 100%, 31%) 8%,
            hsl(0, 100%, 35%) 92%,
            hsla(0, 86%, 35%, 0.932) 100%);
}

.__confirm_social-front.gmail {
    transition: background 1s ease-in-out;
    background: #F23030;
}

.__confirm_social-edge.instagram {
    background: linear-gradient(to left,
            hsl(320, 75%, 35%) 0%,
            hsl(320, 71%, 26%)8%,
            hsl(320, 90%, 23%) 92%,
            hsl(320, 55%, 41%) 100%);
}

.__confirm_social-front.instagram {
    transition: background 1s ease-in-out;
    background: #D91E98;

}

.__confirm_social-edge.telegram {
    background: linear-gradient(to left,
            hsl(208, 93%, 34%) 0%,
            hsl(208, 92%, 28%)8%,
            hsl(208, 99%, 27%) 92%,
            hsl(208, 80%, 23%) 100%);
}

.__confirm_social-front.telegram {
    transition: background 1s ease-in-out;
    background: #0583F2;
}

.__confirm_social-edge.whatsapp {
    background: linear-gradient(to left,
            hsl(112, 70%, 18%) 0%,
            hsl(112, 69%, 20%) 8%,
            hsl(112, 68%, 27%) 92%,
            hsl(112, 70%, 22%) 100%);
}

.__confirm_social-front.whatsapp {
    transition: background 1s ease-in-out;
    background: #2FA61C;
}

.__confirm_social-front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: .950rem;
    color: white;
    background: rgba(255, 184, 184, 0.616);

    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.__confirm_social-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}


.__confirm_social-pushable:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

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

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

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

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

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

.container_button_confirm_social_change {
    width: 100%;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame_icon_social {
    border: 1px solid white;
    height: 70px;
    width: 70px;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: space-around;
}

.confirm-all-data-pushable {
    position: absolute;
    display: none;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
    transition: filter 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    animation: upButton 1s ease-in-out;
}

.confirm-all-data-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);
}

.confirm-all-data-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(123, 100%, 15%) 0%,
            hsl(123, 100%, 18%) 8%,
            hsl(108, 100%, 28%) 92%,
            hsl(115, 100%, 21%) 100%);
}

.confirm-all-data-front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: .900rem;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background: hsl(113, 100%, 31%);
    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.confirm-all-data-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}

.confirm-all-data-pushable:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

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

.confirm-all-data-pushable:active .confirm-all-data-front {
    transform: translateY(-2px);
    transition: transform 34ms;
}

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

.confirm-all-data-pushable:active .confirm-all-data-shadow {
    transform: translateY(1px);
    transition: transform 34ms;
}

.confirm-all-data-pushable:focus:not(:focus-visible) {
    outline: none;
}

.overlay_alert_friend_validate {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999999999 !important;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    align-items: center;
    justify-content: center;
}

.window_alert_validate {

    height: 40px;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container_alert_validade {
    width: 350px;
    height: 150px;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    animation: mini_alert_frame 0.6s ease-in-out;
}

.align_validade_button {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.__window_alert-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;

}

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

.__window_alert-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(0, 100%, 25%) 0%,
            hsl(0, 100%, 21%) 8%,
            hsl(0, 100%, 24%) 92%,
            hsl(0, 100%, 17%) 100%);
}

.__window_alert-front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: .800rem;
    color: white;
    background: hsl(0, 90%, 43%);
    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.__window_alert-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}


.__window_alert-pushable:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

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

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

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

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

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

.__audio_file_card_automatic_carousel-container {

    width: 100%;
    height: 300px;
    border-top: 1px solid rgba(255, 255, 255, 0.411);
    border-bottom: 1px solid rgba(255, 255, 255, 0.411);
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.content_user-text_app_text {
    padding: 20px;
    line-height: 33px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 17px;
    text-align: justify;
    width: 100%;

}

.confirm_before_DB {
    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;
    animation: upButton_DB 1s ease-in-out;
}

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

.confirm_before_DB-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

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

.confirm_before_DB-edge {
    background: linear-gradient(to left,
            hsl(0, 86%, 56%) 0%,
            hsl(0, 67%, 41%) 8%,
            hsl(0, 67%, 32%) 92%,
            hsl(0, 67%, 32%) 100%);
}

.confirm_before_DB-front {
    background: #F23030;
}

.text-reveal_buy_pix {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    transition: opacity 1s ease-in-out;
    width: 150px;
    height: 60px;
    z-index: 99 !important;

}

.container_text_reveal {
    height: 100%;
    color: white;
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    width: 100%;
    background-color: #009436;
    border-radius: 15px;

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

}

.show_slider_index_user_before_go_overlay {

    position: absolute;
    height: 150vh;
    width: 100%;
    left: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    top: 50%;

    transform: translate(-50%, -50%);
    z-index: 9999 !important;
}

.show_slider_index_user_before_go_overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(10px);
    /* aplica o blur */
    -webkit-backdrop-filter: blur(10px);
    z-index: 0;
    /* fica atrás do popup */

}

.wish_exit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 90vw;
    border-radius: 8px;
    height: 200px;
    position: relative;
}

.light-mode .wish_exit {
    background-color: #ffffff;
}

.dark-mode .wish_exit {
    background-color: #000000;
}

.light-mode .wish_text_out {


    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    line-height: 33px;
    width: 90%;
    padding: 10px;
    user-select: none;

    font-size: 16px;
    color: rgb(0, 0, 0);
}

.dark-mode .wish_text_out {
    background-color: #000000;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    line-height: 33px;
    width: 90%;
    padding: 10px;
    user-select: none;
    font-size: 16px;
    color: rgb(255, 255, 255);
}

.container_button_go_wish {
    height: 90px;
    width: 100%;
    display: flex;
    align-items: center;

    justify-content: space-around;
}

._exit_button_payment {
    width: 100px;
    height: 50px;
    background-color: red;
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stay_button_payment {
    width: 100px;
    height: 50px;
    background-color: rgb(72, 177, 2);
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.container-book-alert-user-mensagem {
    position: absolute;
    width: 100%;
    height: 50vh;
    left: 50%;
    top: 50%;
    display: none;
    transform: translate(-50%, -50%);
    z-index: 9999 !important;
}

.book-toggle-Fulscren {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.book-toggle-Fulscren p {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    left: 50%;
    color: red;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: animation_text_show_FULLSCREEN 2s ease-in-out;
}

.first_container_buy {
    height: 100%;
    width: 100%;
    transition: transform 1s ease-in-out;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0%);
}

.second_container_buy {
    height: 100%;
    width: 100%;
    position: absolute;

    visibility: hidden;
    transition: transform 1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
}

.text_alert_user_buy {

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

.__code_painel_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;
}

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

.__code_painel_button-82-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(0, 0%, 0%) 0%,
            hsl(0, 0%, 9%) 8%,
            hsl(0, 0%, 1%) 92%,
            hsl(0, 0%, 0%) 100%);
}

.__code_painel_button-82-front {
    display: block;
    position: relative;
    padding: 9px 19px;
    border-radius: 12px;
    font-size: .900rem;
    color: white;
    font-weight: bold;
    background: hsl(0, 0%, 0%);
    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.summary-text {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}

.dark-mode .summary-text {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    color: white;
}

.tour_end_text {
    color: #ffffff;
    text-shadow: 1px 1px 1px #d6330f;
    font-family: "Kaisei Decol", serif;
    font-weight: 400;
    font-style: normal;
}

.animated-mail .letter .letter-context {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto;
    overflow: visible;

}

#carousel-container {
    display: none;
    background: #e9eef7;
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease, transform 0.6s ease;
    z-index: 5;

}

.light-mode #carousel-container {
    background: #e9eef7;
}

.dark-mode #carousel-container {
    background: #000000;
}

#carousel-container.active {
    display: flex;
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

.video_example {
    object-fit: cover;
    width: 100%;
    height: 100%;

}

.container-guide-icon-content-folder-and-text {

    width: 100%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.slide-for-text {

    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.semana-text {
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;
    text-align: center;
}

.light-mode .semana-text {
    color: black;
}

.dark-mode .semana-text {
    color: rgb(255, 255, 255);

}

.font-viewer-title .semana-text {
    color: rgb(255, 255, 255);

}

.icon-element-for-text {
    height: 50px;
    width: 50px;
    background-image: url('/Assets/Imagens/Estrutural/application/txt.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.package-content-text {
    height: auto;
    height: 167px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: monospace;
    line-height: 50px !important;
    text-align: justify;
    padding: 15px;

}

.__visit_button_yt_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;
}

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

.__visit_button_yt_button-82-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;

}

.__visit_button_yt_button-82-front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: 1.1rem;
    color: white;

    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.__visit_button_yt_button-82-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}


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

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

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

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

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

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

.__visit_button_yt_button-82-front {
    background: var(--btn-color);
}

.__visit_button_yt_button-82-edge {
    background: linear-gradient(to left,
            var(--btn-edge-dark) 0%,
            var(--btn-edge-light) 8%,
            var(--btn-edge-light) 92%,
            var(--btn-edge-dark) 100%);
}

.button_styled_text {
    background-color: rgba(0, 0, 0, 0.6);

    bottom: 10px;
    padding: 20px;
    border-radius: 10px;
    font-size: 16px;
    color: white;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;

    animation: pulse_text 1.2s infinite;
}

.text {
    font-size: 16px;
    color: #333;
    font-family: "Quicksand", sans-serif;
    text-transform: capitalize;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.animated-button .text {
    position: relative;
    z-index: 1;
    transform: translateX(-12px);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button:hover .text {
    transform: translateX(12px);
}

.__element_drag_form_feature_slider_text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 14px;
    letter-spacing: 1px;
    user-select: none;
    pointer-events: none;

    color: transparent;
    background: linear-gradient(to right,
            #ffffff 0%,
            #ffffff var(--fill, 0%),
            #94a3b8 var(--fill, 0%),
            #94a3b8 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.status_navigation_text {
    pointer-events: none;

    user-select: none;
    font-family: sans-serif;
    font-weight: 600;
    animation: __animation_incubator_keyframe 2s ease-in-out;
}

.status_navigation_text.greentext {
    color: green;
}

.status_navigation_text.redtext {
    color: rgb(233, 43, 18);
}

.__exit_full_screen_mode_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;
}

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

.__exit_full_screen_mode_button-82-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(189, 100%, 37%),
            hsl(189, 100%, 37%),
            hsl(189, 100%, 37%),
            hsl(189, 100%, 37%));
}

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

.__exit_full_screen_mode_button-82-front {
    font-size: 1.25rem;
    padding: 12px 42px;
}


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

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

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

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

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

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

.__view_immersive_text {
    background-color: rgba(12, 5, 5, 0.795);
    display: flex;
    height: 80%;
    border-radius: 10px;
    width: 100%;

    align-items: center;
    justify-content: center;
}

.cap_element_text {

    width: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.introjs-tooltiptext {
    padding: 10px !important;
}

.dark-mode .introjs-tooltiptext {
    color: black;
    line-height: 30px;
    text-align: justify;
    color: black;
}

#unique-progress-bar-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(255, 0, 0);
    /* Ou qualquer cor que contraste bem com a barra de progresso */
    font-size: 14px;
    /* Ajuste conforme necessário */
    pointer-events: none;
    /* Para garantir que o texto não interfira no arrasto */
}

.banho-text {

    color: white;
    height: 30vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ascending_buy {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: #202020;
    width: 100%;
    height: 100%;
    z-index: 5 !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.light-mode .ascending_buy {
    background-color: #ffffff;
}

.drag-to-release {
    color: white;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    margin-bottom: 18px;
}

.light-mode .drag-to-release {
    color: rgb(0, 0, 0);
    font-family: "Heebo", sans-serif;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    border-radius: 5px;
}

.drag-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    height: 50px;
    background-color: #ddd;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.drag-bar {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: #4caf50;
    border-radius: 25px 0 0 25px;
}

.drag-handle {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 2px solid #4caf50;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s;
    will-change: transform;
}

.drag-handle:active {
    transform: scale(1.1);
}

.install-text {
    font-size: 16px;
    border: 2px solid red;
    line-height: 33px;
    text-align: justify;
    padding: 10px;
    background-color: rgba(15, 1, 43, 0.486);
    border-radius: 8px;
    color: #ffffff;
}

.light-mode .install-text {
    font-size: 16px;
    border: 2px solid red;
    line-height: 33px;
    text-align: justify;
    padding: 10px;
    background-color: rgba(15, 1, 43, 0.486);
    border-radius: 8px;
    color: #ffffff;
}

.pop-up-for-fonts-text {
    font-size: 19px;
    background-color: rgba(0, 0, 0, 0.651);
    border-radius: 8px;
    padding: 10px;
    line-height: 33px;
    color: white;
    text-align: justify;
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.light-mode .btn-text {
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: bold;
}

.dark-mode .btn-text {
    color: white;
    font-size: 0.70rem;
    font-weight: bold;


}

.hide-painel-sete-text {
    font-family: sans-serif;
    line-height: 33px;
    text-align: justify;
    font-size: 15px;

}

.share-text {

    text-align: center;
    font-family: "Cal Sans", sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 1px white;
    letter-spacing: 1.5px;
    font-style: normal;
}

.notas_apresentation_text {
    /* border: 2px solid; */
    text-align: justify;
    line-height: 33px;
    font-size: 15px;
    border-radius: 8px;
    padding: 15px;
}

.place-user-text {
    border: none;
    background-color: #1f1f1f;
    color: white;
    font-size: 17px;
    font-family: monospace;
    text-align: center;
}

.light-mode .place-user-text {
    border: none;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    font-size: 17px;
    font-family: monospace;
    text-align: center;
}

.place-user-text:focus {
    outline: none;

    box-shadow: none;
}

#painel-container {
    display: flex;

    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.__for_file_manager-letter-context {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto;
    overflow: visible;

}

.overlay_pop_up_indice_text {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    /* 2 colunas lado a lado */
    gap: 20px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 12px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    font-family: Arial, sans-serif;
    overflow-x: hidden !important;
}

.value_index_text {
    background-color: #202020;
    border-radius: 8px;
    height: 50px;
    width: 190px;
    font-size: 0.9em;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.__fox-text {
    padding: 10px;
    font-size: 15px;
    font-family: sans-serif;
    text-align: justify;
    line-height: 28px;
}

.wish-text {

    width: 100%;
    height: 100%;
    text-align: justify;
    line-height: 33px;
    padding: 10px;
}

.light-mode .wish-text {
    color: white;
}

.__literaturecarousel-container {
    display: flex;
    transition: transform 0.5s ease;
}

.resume-painel-container {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.__skip_no-animation-text {
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    color: red;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%, -50%);
    pointer-events: none;
}

.container_home_text {

    width: 300px;
    height: 70px;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none !important;
}

.__skip_no-animation-text.__skip_show {
    animation: __skip_show_user_text 2s ease-out forwards;
}

.modern_concluid-text {
    width: 80%;
    border-radius: 10px;
    font-family: "Kaisei Decol", serif;
    font-weight: 400;
    line-height: 33px;
    font-style: 600;
    font-size: 16px;

    text-align: center;
    color: rgb(0, 173, 253);
}

.person_icon_usability-text {
    color: white;
    font-size: 15px;
    text-align: justify;
    line-height: 40px;
    width: 95%;

}

.__personalizercarousel-container {
    display: flex;
    transition: transform 0.5s ease;
}

.container-no-animation-text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 999 !important;
    display: none;

}

.container-no-animation-text.animation {
    display: flex;
    animation: __skip_show_user_text 2s ease-out forwards;

}

.card_animation_example {
    background-color: blue;
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.light-mode .warning-user-read-mode {
    color: black;
    position: absolute;
    top: 30%;
    font-family: "Heebo", sans-serif;
}

.dark-mode .warning-user-read-mode {
    color: white;
    position: absolute;
    top: 30%;
    font-family: 'Times New Roman', Times, serif;
}

.container_buy_drag {

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

.collum_container_1_buy {
    height: 100%;

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

.container_buy_hidden {

    display: flex;
    height: 70%;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.collum_container_3_buy {
    display: none;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.custom-mode-palete-3 .summary-text {
    color: white;
}

.container_ok_elements {
    display: none;
}

.spinner-border {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    top: 39px;
    left: 50%;
    border: 4px solid rgba(0, 0, 0, 0.08);
    border-top-color: #0ea5a4;
    border-right-color: transparent;
    animation: spin_element_ras 0.9s linear infinite;
    box-sizing: border-box;
    display: none;
}

.container_spin_element {
    width: 100%;
    height: 100px;
    display: none;
    position: relative;
    align-items: center;
    justify-content: center;
}





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

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

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

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

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

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

.painel_example {

    width: 80px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}

#alert_validade {
    user-select: none !important;
}

.container_element_loading_backend {
    position: fixed;
    /* melhor que absolute p/ overlay */
    inset: 0;

    background-color: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    z-index: 99999999999999;
    display: none;
    align-items: center;
    justify-content: center;
}

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

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

.container_text_loading p {

    color: black;
    font-size: 18px;
}

.loading_spin {
    height: auto;

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

.loader {
    width: 38px;
    height: 38px;
    border: 4px solid rgba(0, 0, 0, 0.055);
    border-top: 4px solid #00e5ff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.dots_p::after {
    content: "";
    animation: dots_p 1.5s steps(4, end) infinite;
}

#space-id {

    height: 200px;
    width: 200px;
    background-color: red !important;

}

.dark-mode.is-fullscreen .introjs-tooltiptext {
    color: black;
    line-height: 30px;
    text-align: justify;
    color: black;
}

.dark-mode.is-fullscreen .btn-text {
    color: white;
    font-size: 0.70rem;
    font-weight: bold;


}

.dark-mode.is-fullscreen .warning-user-read-mode {
    color: white;
    position: absolute;
    top: 30%;
    font-family: 'Times New Roman', Times, serif;
}


.alert_fullScreen_text {
    color: black;
    padding: 10px;
    line-height: 33px;
}

.timer_display_text {

    font-family: "Matangi", sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-size: 25px;
    color: white;
    font-style: normal;
}

.reveal-text {
    opacity: 1;
    clip-path: inset(0 100% 0 0);
    /* escondido da direita */
    transition: clip-path 0.05s linear;
    white-space: pre-wrap;
}




@keyframes liquidUnfoldDown {
    0% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);


    }

    5% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 80% 12%, 60% 15%, 40% 12%, 20% 10%, 0% 15%);


    }

    12% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 22%, 85% 25%, 70% 28%, 50% 25%, 30% 28%, 15% 25%, 0% 30%);


    }

    20% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 35%, 80% 38%, 60% 40%, 40% 38%, 20% 35%, 0% 45%);


    }

    30% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 85% 52%, 70% 55%, 50% 52%, 30% 55%, 15% 52%, 0% 60%);

    }

    40% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 62%, 80% 65%, 60% 68%, 40% 65%, 20% 62%, 0% 72%);

    }

    50% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 77%, 70% 80%, 50% 77%, 30% 80%, 15% 77%, 0% 85%);

    }

    60% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 88%, 60% 90%, 40% 88%, 20% 85%, 0% 92%);

    }

    75% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 85% 94%, 70% 96%, 50% 94%, 30% 96%, 15% 94%, 0% 98%);

    }

    90% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 90% 98%, 75% 99%, 50% 98%, 25% 99%, 10% 98%, 0% 100%);

    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);


    }
}


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

.button-82-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left, hsl(22, 96%, 21%) 100%, hsl(19, 100%, 22%) 8%, hsl(22, 94%, 19%) 92%, hsl(108, 100%, 16%) 100%);
}

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



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

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

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
















.container_element_loading_backend {
    position: fixed;
    /* melhor que absolute p/ overlay */
    inset: 0;

    background-color: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    z-index: 99999999999999;
    display: none;
    align-items: center;
    justify-content: center;
}



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



.loading_spin {
    height: auto;

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

.loader {
    width: 38px;
    height: 38px;
    border: 4px solid rgba(0, 0, 0, 0.055);
    border-top: 4px solid #00e5ff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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



.dots_p::after {
    content: "";
    animation: dots_p 1.5s steps(4, end) infinite;
}

@keyframes dots_p {
    0% {
        content: "";
    }

    25% {
        content: ".";
    }

    50% {
        content: "..";
    }

    75% {
        content: "...";
    }

    100% {
        content: "";
    }
}





@keyframes heartbeat {

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

    14% {
        transform: scale(1.3);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.3);
    }

    70% {
        transform: scale(1);
    }
}








.env_pix_container_block {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}


.__overlay_error_env_api {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 380px;
    display: none;
    height: 507px;
    z-index: 1000;
    transform: translate(-50%, -50%);
}

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

.__icon_whatsapp_api {
    width: 60px;
    height: 60px;
    background-image: url('/assets/imagens/icons/whatsapp.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.__api_text_env_error {
    background-color: rgba(0, 0, 0, 0.8);
    width: 95%;
    height: 260px;
    display: flex;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
}

.__api_text_env_error p {
    font-family: sans-serif;
    font-weight: 300;
    width: 90%;
    text-align: justify;
    line-height: 38px;
    color: white;

}

.__button_api_whatsapp_container {
    width: 100%;
    height: 50px;

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


/* CSS */
.__api_request_error-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;
}

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

.__api_request_error-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(to left,
            hsl(118, 100%, 27%) 0%,
            hsl(135, 97%, 25%) 8%,
            hsl(125, 97%, 26%) 92%,
            hsl(123, 96%, 17%) 100%);
}

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

@media (min-width: 768px) {
    .__api_request_error-front {
        font-size: 1.25rem;
        padding: 12px 42px;
    }
}

.__api_request_error-pushable:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

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

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

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

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

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

*{
    -webkit-tap-highlight-color: transparent;
}