html {
    width: 100vw;
    overflow-x: hidden;
}

span.nowrap {
    white-space: nowrap;
}

.modal-popup .success-msg .fontTitle {
    color: var(--main-color-01);
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    max-width: 175px;
    margin: 0 auto 14px;
}

.modal-popup .success-msg p {
    font-size: 17px;
    line-height: 22px;
    color: #141414;
    max-width: 252px;
}

#page-part {
    background: #06172D;
    padding-bottom: 60px;
    border-bottom: 20px solid #80ACFF;
}

.titulo-news {
    font-family: var(--main-font-family-condensed);
    font-size: 40px;
    font-weight: 900;
    color: #F9F9F9;
    line-height: 34px;
    text-align: center;
    margin-top: 97px;
    position: relative;

    span {
        color: #80ACFF;
    }
}

.logo-semana-medico-2026 {
    display: block;
    width: 100%;
    max-width: 243px;
    margin: 77px auto 0;
}

.countdown-container {
    height: 205px;
    background: #E5F1FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    color: #06172D;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    padding: 40px 0;
    margin-top: 40px;

    .title-count {
        line-height: 26px;
        margin: 0;
    }
}

.countdown-styled {
    display: flex;
    justify-content: center;

    &>div {
        display: flex;
        flex-direction: column;
        text-transform: uppercase;
    }

    .days,
    .hour,
    .minutes {
        font-size: 60px;
        line-height: 72px;
        font-weight: 700;
        color: #06172D;
    }

    .separ {
        font-size: 60px;
        line-height: 72px;
        font-weight: 700;
        color: #003980;
        margin: 0 8px;
    }
}

#message-pro-member {
    width: 100%;
    transition: all 0.3s ease-in;
    padding: 0;
}

#message-pro-member p {
    font-size: 13px;
    line-height: 14px;
    margin: 3px auto 0;
    text-align: left;
}

#message-pro-member p.verdadeiro {
    display: none;
    color: #3fbe4e;
}

#message-pro-member p.verdadeiro span {
    color: #3fbe4e;
    font-weight: initial;
}

#message-pro-member p.pendente {
    color: #ff7600;
    display: none;
    max-width: 242px;
}

#message-pro-member p.nao-medico {
    color: #ff7600;
    display: none;
    max-width: 242px;
}

#message-pro-member p.campo-vazio {
    color: #ef4343;
    display: none;
    max-width: 242px;
}

#message-pro-member p.falso {
    display: none;
    color: #ef4343;
    max-width: 237px;
    margin: 3px auto 0;
}

#message-pro-member p.falso span {
    color: #ef4343;
    max-width: 330px;
    font-weight: initial;
}

#message-pro-member p.medico {
    display: none;
    color: #ef4343;
    max-width: 330px;
}

.box-form {
    background: #003980 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin: 36px auto 0;
    max-width: 408px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    padding: 40px;
    font-size: 17px;
    line-height: 23px;
}

#crmWebToEntityForm {
    max-width: 278px;
    margin: 0px auto;
}

#cpf-pro-member,
#COBJ24CF10 {
    max-width: 237px;
    height: 48px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

#cpf-pro-member:focus::placeholder,
#COBJ24CF10:focus::placeholder {
    color: transparent;
}

input#COBJ24CF10 {
    margin-top: 16px;
}

#COBJ24CF10::placeholder {
    color: #FFFFFF;
}

.zcwf_col_lab.opt-in-camp label {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #B5B5B5;
    margin: 0;

    a {
        color: #FFFFFF;
        text-decoration: underline;
    }
}

.zcwf_row.checkbox-form {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    padding-left: 20px;
    max-width: 260px;
}

.opt-in-camp~.zcwf_col_fld input.zcwf_ckbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border: 1px solid #fff !important;
    border-radius: 2px !important;
    background: transparent !important;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.opt-in-camp~.zcwf_col_fld input.zcwf_ckbox:checked {
    background: transparent !important;
    border-color: #fff !important;
}

.opt-in-camp~.zcwf_col_fld input.zcwf_ckbox:checked::after {
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    border: 1px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px;
}

.text01 {
    max-width: 300px;
    margin: 0 auto 24px;
}

.semWhats {
    max-width: 302px;
}

#search-pro-member,
#formsubmit {
    appearance: none;
    max-width: 237px;
    height: 48px;
    padding: 0;
    width: 100%;
    border-radius: 4px;
    font-size: 13px;
    color: #141414;
    background-color: #FFFFFF;
    margin-top: 12px;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    border: none;
}

#formsubmit {
    margin-block: 16px;
}

input#cpf-pro-member::placeholder {
    color: #FFFFFF;
}

.field.choice.newsletter {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #b5b5b5;
    max-width: 237px;
    width: 100%;
    margin: 24px auto 0;

    a {
        color: #f9f9f9;
        text-decoration: underline;
    }

    input[type="checkbox"]+label {
        padding: 0 0 0 22px;
    }

    input[type="checkbox"]+label:before {
        border-color: #fff;
        height: 16px;
        width: 16px;
        margin: 3px 0 0 -22px;
    }

    input[type="checkbox"]:checked+label:before {
        background: transparent;
        font-family: var(--main-font-family-linearicons);
        font-size: 8px;
        line-height: 12px;
        font-weight: 700;
        content: "\e934";
        text-align: center;
        color: #ffffff;
        border-color: #fff;
        height: 16px;
        width: 16px;
        margin: 3px 0 0 -22px;
    }
}

.lnr-checkmark-circle:before {
    color: #80ACFF;
}

.eventsNone {
    pointer-events: none;
}

@media (min-width: 768px) {
    .titulo-news:before {
        content: "";
        background: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/campanhas/semana-do-medico-2026/opt-in/icon-1.svg) center no-repeat;
        display: block;
        width: 140px;
        height: 68px;
        position: absolute;
        bottom: -31px;
        margin-left: -29px;
    }

    .titulo-news:after {
        content: "";
        background: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/campanhas/semana-do-medico-2026/opt-in/icon-2.svg) center no-repeat;
        display: block;
        width: 97px;
        height: 106px;
        position: absolute;
        top: -45px;
        right: 0;
    }
}

@media (max-width: 767px) {
    #page-part {
        background: #06172D url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/campanhas/semana-do-medico-2026/opt-in/back-icon-mobile.svg) center top no-repeat;
        background-size: 100%;
        padding-bottom: 36px;
        border-bottom: 0;
    }

    .row.topo-news {
        margin: 0;
    }

    .logo-semana-medico-2026 {
        margin: 30px auto 0;
        max-width: 156px;
        display: block;
    }

    .countdown-container {
        font-size: 17px;
        padding: 28px 0;
        margin: 24px auto 0;
        max-width: 311px;
        height: 160px;

        .title-count {
            line-height: 23px;
        }
    }

    .titulo-news {
        font-size: 24px;
        line-height: 26px;
        margin: 24px auto 0;
        max-width: 310px;
    }

    .countdown-styled {

        .days,
        .hour,
        .minutes {
            font-size: 48px;
            line-height: 58px;
            font-weight: 700;
            color: #06172D;
        }

        .separ {
            font-size: 48px;
            line-height: 58px;
        }
    }

    .semWhats {
        letter-spacing: -0.1px;
    }

    .box-form {
        margin: 24px auto 0;
        max-width: 311px;
        padding: 30px 24px;
        font-size: 17px;
    }

    #cpf-pro-member,
    #COBJ24CF10 {
        max-width: 263px;
        font-size: 16px;
    }    

    .zcwf_row.checkbox-form {
        padding-left: 0;
        gap: 5px;
    }

    #search-pro-member,
    #formsubmit {
        max-width: 263px;
        font-size: 16px;
        margin-top: 16px;
    }

    #message-pro-member p.falso,
    .field.choice.newsletter {
        max-width: 263px;
    }

    .text01.whatsOk {
        max-width: 248px;
    }

    .modal-popup._show .modal-inner-wrap {
        width: 90%;
    }
}