.container__overlay-banner-home {
    background: linear-gradient(180deg, #ffffffdb 0%, #000518c7 58%);
    z-index: 2;
}

.banner-home {
    z-index: 1;
}

.container__cart-form-login {
    z-index: 3;
    position: relative;
    border-radius: 0 89px 0 0;
    height: 298px;
    padding: 34px 23px 0;
    width: 100%;
}

.container__cart-form-login-fields {
    height: 530px;
    width: 100%;
}

.contant__title-home {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.32px;
    max-width: 330px;
    margin-bottom: 34px;
    color: #494949;
}

.content_login {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    padding: 10px;
    background-color: #000518;
    border: unset;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    margin-bottom: 34px;
    text-decoration: unset;
}

.content_link-create-account {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #494949;
}

.link-create-account {
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline;
    color: #CCA86C;
}

.content__logo-home {
    max-width: 287px;
    max-height: 155px;
    z-index: 3;
}

.content__label_login {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.content__label_login-field {
    border-radius: 10px;
    height: 40px;
    border: 1px solid #ABABAB;
    margin-bottom: 20px;
    padding: 0 10px;
}

.content_home-password {
    font-weight: 700;
    font-size: 14px;
    color: #CCA86C;
    margin: 19px 0 22px;
    font-family: Montserrat, sans-serif;
}

.stay_connected {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 49px;
}

.stay-connected-input {
    width: 20px;
    height: 20px;
}

.container_login {
    background-image: url('/img/hotsite/login/homeBanner.svg');
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100%;
    justify-content: center;
    align-items: center;
}

.container_logo-home {
    height: calc(100vh - 298px);
    width: 100%;
}

.container_logo-home--login {
    height: calc(100vh - 573px);
    margin-bottom: 43px;
}

.content__logo-home--login {
    max-width: 230px;
    max-height: 124px;
}

.icon__back {
    position: absolute;
    top: 20px;
    left: 23px;
    z-index: 4;
    cursor: pointer;
}

.container__cart-form-login-fields .content__label_login-field {
    margin-bottom: 24px;
}




.title-success-popup {
    color: #494949;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 20px 0 32px;
}

.subtitle-success-popup {
    color: #494949;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 54px;
}

.togle-popup-success {
    border-radius: 20px;
    background: #D9D9D9;
    width: 104px;
    height: 4px;
    margin-bottom: 20px;
}

.container-popup-success {
    border-radius: 40px 40px 0px 0px;
    position: absolute;
    z-index: 4;
    background: #fff;
    bottom: 0;
    animation: slideUpFadeIn 0.6s ease-out;
}

@keyframes slideUpFadeIn {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.overlay_shadow-sucess {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    /* escurece o fundo */
    backdrop-filter: blur(1px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

#header-default {
    display: none;
}

.content_footer {
    display: none;
}


@media screen and (min-width: 992px) {

    .btn_Investor-area {
        background: #CCA86C !important;
        color: #fff !important;
    }

    .btn_Investor-area svg path {
        fill: #fff !important;
    }

    #header-default {
        position: unset !important;
    }

    .container_header {
        border-bottom: 1px solid #E0E0E0 !important;
        padding: 24px 23px !important;
    }


    .container_login {
        background-image: none;
        margin-top: 51px;
    }

    .container_form-login {
        max-width: 335px;
        width: 100%;
    }

    #login-card {
        max-width: 850px;
        width: 100%;
        height: auto;
        border-radius: 20px;
        background: #EDF0F4 !important;
        margin-top: unset !important;
        padding: 50px 0 44px;
    }


    #login-card .contant__title-home {
        font-size: 0px;
        line-height: unset;
    }

    #login-card .contant__title-home-before {
        content: "Entrar";
        font-size: 30px;
        text-align: center;
        margin-bottom: 9px;
    }

    .contant__title-home-after {
        color: #494949;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
        margin-bottom: 29px;
    }

    #signup-card .contant__title-home-after {
        margin: 0;
    }

    .title_login-desk {
        color: #000;
        font-family: Stolzl;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 50px;
    }

    #login-card {
        margin-bottom: 123px;
    }

    .content-logo {
        display: flex;
        gap: 10px;
    }

    .content_logo-and-social_midias {
        margin-top: 29px;

    }

    .content_form {
        display: flex;
        flex-wrap: wrap;
        gap: 0 17px;
    }

    #signup-card .content__label_login {
        width: calc(50% - 8.5px);
    }

    .content_login {
        max-width: 335px;
    }

    #signup-card {
        max-width: 850px;
        width: 100%;
        height: auto;
        border-radius: 20px;
        background: #EDF0F4 !important;
        margin-top: unset !important;
        padding: 50px 81px 64px;
    }

    .signup-buttom {
        margin-top: 16px;
    }

    #signup-card {
        margin-bottom: 51px;
    }

    .popup-login {
        border-radius: 40px;
        margin: auto;
        bottom: unset;
        top: 10%;
    }

    #signup-popup .popup-login {
        max-width: 455px;
    }
}

.content_login:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}