* { box-sizing: border-box; }
body {
    margin: 0 !important;
}

.oferta-container {
    max-width: 1090px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.oferta-header {
    background: #fff;
    padding: 5px 0;
    font: 700 13px/32px "Roboto", sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: fixed;
    max-width: 1090px;
    width: 100%;
    z-index: 1;
}

.oferta-header a {
    color: #000;
    text-decoration: underline;
}

.viagemeturismo .oferta-header a{
    color:#6E9D81 !important;
}

.oferta-body {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 2;
    padding-top: 42px;
}

.oferta-col1,
.oferta-col2 {
    width: 535px;
}

.oferta-title {
    font: 900 32px/43px "Roboto", sans-serif !important;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px 0;
}
.oferta-title img{
margin-left: 10px;
}
.goread .oferta-title img{
    width: 184px;
    height: auto;
}
.guiadoestudante .oferta-title img{
    width: 117px;
    height: auto;
}
.oferta-col2 img, .oferta-col2 #either-gif-or-video-desktop {
    position: fixed;
    width: 535px;
    height: auto;
}

.oferta-footer {
    border-top: 1px solid #707070;
    padding: 50px 0;
    margin-top: 50px;
}

.oferta-footer p {
    text-align: center;
    font: 400 12px/15px sans-serif;
    color: #797979;
}

.oferta-tabs .tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.oferta-tabs .tabs div {
    width: 266px;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
}

.oferta-tabs .tabs div a {
    color: #000;
    font: 700 16px/21px "Roboto", sans-serif;
    line-height: 35px;
    display: block;
    text-decoration: none;
    padding: 0 10px;
}

.oferta-tabs .tab1,
.oferta-tabs #anual,
.oferta-tabs #anual .view {
    background: #C2D1D9;
}

.goread .oferta-tabs .tab1,
.goread .oferta-tabs #anual,
.goread .oferta-tabs #anual .view {
    background: #E6EEFF;
}

.guiadoestudante .oferta-tabs .tab1,
.guiadoestudante .oferta-tabs #anual,
.guiadoestudante .oferta-tabs #anual .view {
    background: #EAEAEA;
}

.guiadoestudante .oferta-tabs .tab2,
.guiadoestudante .oferta-tabs #mensal,
.guiadoestudante .oferta-tabs #mensal .view {
    background: #ADD8F3;
}

.viagemeturismo .oferta-tabs .tab1,
.viagemeturismo .oferta-tabs #anual,
.viagemeturismo .oferta-tabs #anual .view {
    background: #A0BFAD;
}

.viagemeturismo .oferta-tabs .tab2,
.viagemeturismo .oferta-tabs #mensal,
.viagemeturismo .oferta-tabs #mensal .view {
    background: #E6AA3C;
}

.oferta-tabs .tab2,
.oferta-tabs #mensal,
.oferta-tabs #mensal .view {
    background: #DDD1C3;
}

.goread .oferta-tabs .tab2,
.goread .oferta-tabs #mensal,
.goread .oferta-tabs #mensal .view {
    background: #FFE3A2;
}


.oferta-tabs .view{ padding: 20px; position: sticky; bottom: 0; }
.oferta-tabs .view.sticky_top{
    position: fixed;
    top: 42px;
    width: 537px;
    height: max-content;
 }

.oferta-tabs #anual,
.oferta-tabs #mensal {
    margin: 0;
    padding: 0;
    display: grid;
}

.oferta-tabs #mensal {
    display: none;
}


.oferta-tabs #anual.oferta-content,
.oferta-tabs #mensal.oferta-content{
    position: relative;
}
.vocesa .oferta-tabs #anual.oferta-content.active.fixar,
.vocesa .oferta-tabs #mensal.oferta-content.active.fixar{
    width: 495px !important;
}

.oferta-tabs #anual.oferta-content.active .info-preco,
.oferta-tabs #mensal.oferta-content.active .info-preco{display: none;}

.oferta-tabs #anual.oferta-content.active.fixar .info,
.oferta-tabs #mensal.oferta-content.active.fixar .info{ display: none; }
.oferta-tabs #anual.oferta-content.active.fixar .info-preco,
.oferta-tabs #mensal.oferta-content.active.fixar .info-preco{ display: block; }

.oferta-tabs .botoes{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.oferta-tabs .or{
    text-align: center;
    width: 30px;
    font: 700 14px/19px "Roboto", sans-serif;
}
.swg-button, .swg-button-light{
    margin: 0 !important;
    border-radius: 0 !important;
    min-height: 40px !important;
    height: 46px !important;
    padding: 14px 10px !important;
    width: 230px;
}
.oferta-tabs .botao {
    font: 700 18px/24px "Roboto", sans-serif;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    text-align: center;
    display: block;
    padding: 10px;
}

.oferta-tabs .info {
    font: 700 14px/19px "Roboto", sans-serif;
    text-align: center;
    margin-bottom: 0;
    display: none;
}
.oferta-tabs .info-preco{
    font: 400 12px/16px "Roboto", sans-serif;
    text-align: center;
    margin-bottom: 0;
}
.oferta-prod {
    background: #FFF;
    border: 4px solid #FFF;
    border-radius: 12px;
    padding: 15px 40px 15px 15px;
    margin: 20px 20px 0 20px;
    cursor: pointer;
    position: relative;
}
.goread .oferta-prod {
    background: #fff;
    border: 4px solid #fff;
}

.oferta-prod.active {
    border-color: #000;
}
.oferta-prod .radio{
    width: 26px;
    height: 26px;
    position: absolute;
    border: 3px solid #000;
    border-radius: 26px;
    right: 10px;
    top: 50%;
    margin-top: -13px;
}
.oferta-prod .radio div{
    width: 20px;
    height: 20px;
    position: absolute;
    border: 3px solid #fff;
    background: #fff;
    border-radius: 22px;
}
.oferta-prod.active .radio div{
    background: #000;
}
.oferta-prod h3 {
    font: 900 28px/37px "Roboto", sans-serif;
    color: #000;
    margin: 0;
}

.oferta-prod p {
    font: 400 14px/19px "Roboto", sans-serif;
    color: #000;
    margin: 8px 0;
}

.oferta-prod .preco {
    font: 400 12px/16px "Roboto", sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    text-transform: initial;
}

.oferta-prod .preco strong {
    font: 700 18px/24px "Roboto", sans-serif;
}
.oferta-prod .preco del {
    font: 400 15px/24px "Roboto", sans-serif;
}

.oferta-prod .melhor {
    width: fit-content;
    height: 27px;
    background: #2884B4;
    border-radius: 14px;
    text-align: center;
    font: 700 12px/26px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: -30px -25px 0 auto;
    padding: 0 20px;
}
.goread .oferta-prod .melhor {
    background: #D71D5E;
}

.oferta-beneficios h3{
    text-align: center;
    font: 900 32px/43px "Roboto", sans-serif;
    color: #000;
    margin: 40px 0 30px;
}
.viagemeturismo .oferta-beneficios h3{
    color: #6E9D81 !important;
}
.oferta-beneficios h4{
    text-align: center;
    font: 900 28px/37px "Roboto", sans-serif;
    color: #000;
    margin: 0;
}
.oferta-beneficios p{
    text-align: center;
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
}
.oferta-marcas{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap:2px;
}
.oferta-marcas li{
    list-style: none;
    width: 177px;
    height: 93px;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.vocesa .oferta-marcas li, .veja .oferta-marcas li{ width: 49%; max-width: 175px; }
.oferta-marcas li.active, .veja .oferta-marcas li.active{ display: none; }
.quatrorodas .oferta-marcas li.active img{ width: 142px; height: auto; }
.oferta-marcas .guiadoestudante img{ width: 100px; height: auto; }

.guiadoestudante .oferta-marcas li.veja{ display: none; }

.oferta-excelencia h3{
    text-align: center;
    font: 900 28px/37px "Roboto", sans-serif;
    color: #000;
    margin: 0 0 8px 0;
}
.oferta-excelencia p{
    text-align: center;
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
    margin: 0 auto;
    width: 80%;
}
.oferta-separador{
     width: 33px;
     height: 6px;
     margin: 42px auto;
     background: #000;
     border-radius: 5px;
     display: block;
}

.viagemeturismo .oferta-separador{
    background: #E6AA3C !important;
}
.oferta-excelencia ul{
    margin: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.oferta-excelencia ul li{
    list-style: none;
    width:calc((100% - 16px) / 3);
    text-align: center;
    min-height: 160px;
}
.goread .oferta-excelencia ul li{
    width: calc((100% - 16px) / 2);
}
.oferta-excelencia ul li h4{
    font: 900 20px/26px "Roboto", sans-serif;
    color: #000;
    margin: 0 auto 5px auto;
}
.oferta-excelencia ul li p{
    font: 400 14px/20px "Roboto", sans-serif;
    color: #000;
    margin: 0 auto;
    width: 100%;
}
.goread .oferta-excelencia ul li p{
    font: 400 16px/20px "Roboto", sans-serif;
    width: 182px;
    margin: 0 auto;
}
.oferta-excelencia .exc_img{
    display: table;
    margin: 10px auto;
}
.oferta-receber{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    text-align: left;
}
.oferta-receber .col1{ width: 260px; }
.oferta-receber .col2{ width: 244px; }
.oferta-receber h3{
    font: 900 28px/37px "Roboto", sans-serif;
    color: #000;
    margin: 0 0 10px 0;
}
.oferta-receber p{
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
    margin: 0 0 20px 0;
}
.oferta-receber a.url{
    font: 700 18px/24px "Roboto", sans-serif;
    background: #000;
    color: #fff;
    padding: 10px 5px;
    margin: 10px 0 5px 0;
    text-transform: uppercase;
    display: block;
    text-align: center;
    text-decoration: none;
}
.oferta-preco{
    font: 400 16px/21px "Roboto", sans-serif;
    color: #000;
    margin: 0;
    text-align: center;
}
.oferta-preco strong{
    font: 900 28px/37px "Roboto", sans-serif;
}
.economize{
    font: 400 12px/18px "Roboto", sans-serif;
    color: #fff;
    background: #000;
    margin: 10px 0 0 0;
    text-align: center;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 15px;
    text-transform: uppercase;
}
.ofertas-recebe-info{
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
    margin: 10px 0 0 0;
}
.ofertas-leia{
    width: 100%;
}
.goread .ofertas-leia{
    width: 80%;
    margin: 0 auto;;
}
.ofertas-leia h3{
    font: 900 28px/37px "Roboto", sans-serif;
    color: #000;
    text-align: center;
    margin: 0 0 10px 0;
}
.ofertas-leia p{
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
    text-align: center;
    margin: 0;
}
.ofertas-apps{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
}
.ofertas-apps .col1{ width: 255px; text-align: center; }
.ofertas-apps .col2{ width: 265px; }
.ofertas-apps h3{
    font: 900 28px/37px "Roboto", sans-serif;
    color: #000;
    margin: 0 0 10px 0;
}
.ofertas-apps p{
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
    margin: 0;
}
.milhoes{
    font: 400 16px/21px "Roboto", sans-serif;
    color: #000;
    padding-bottom: 15px;
    margin: 0 0 15px 0;
    text-align: center;
    border-bottom: 1px solid #A0A0A0;
}
.milhoes strong{
    font: 900 28px/37px "Roboto", sans-serif;
}
.ofertas-apps .apps{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    text-align: left;
}
.slider{ margin: 20px 0;}
.slider .slide{ display: none; padding: 0; }
.slider .slide.active{ display: block; }
.slider .slide .slide-header{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
}
.slider .slide .slide-header .star{ width: 100%; text-align: center; }
.slider .slide .slide-header .star span{ color:#A0A0A0; }
.slider .slide .slide-header .star span.active{ color:#FFC400; }
.slider .slide .slide-name{
    width: 200px;
    font: 400 12px/16px "Roboto", sans-serif;
    color: #000;
    text-align: right;
}

.slider .slide .slide-body{
    width: 100%;
    font: 400 16px/24px "Roboto", sans-serif;
    color: #000;
    text-align: center;
}

.slider-pages{ padding: 0 0 10px 0;}
.slider-pages ul{ width: 100%; margin: 0; padding: 0; text-align: center; }
.slider-pages ul li{ margin: 0; padding: 0; list-style: none; display: inline-block; }
.slider-pages ul li a{
    text-decoration: none;
    color:#A0A0A0;
    font-size: 24px;
}
.slider-pages ul li a.active{ color: #000; }
.oferta-col2-mobile{ display: none; }
.oferta-receber .col2-mobile{ display: none; }

.popup_oferta{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 100;
    top: 0;
    display: none;
}
.popup_oferta .oferta-fundo{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,.75);
}
.popup_oferta.active{
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup_oferta .oferta-box {
    max-width: 503px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.popup_oferta .info{
    width: 395px;
    background: #fff;
    padding: 25px 35px 15px 35px;
    text-align: center;
    position: relative;
}
.popup_oferta .info h3{
    font: 700 23px/22px "Roboto", sans-serif;
    margin: 0;
    padding: 0 0 10px 0;
}
.popup_oferta .info p{
    font: 400 16px/22px "Roboto", sans-serif;
    margin: 0;
    padding: 0 0 10px 0;
}
.popup_oferta .botao{
    font: 700 16px/21px "Roboto", sans-serif;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    text-align: center;
    display: block;
    width: 310px;
    padding: 10px 5px;
    border: 0;
    text-decoration: none;
    border-radius:4px;
    margin: 0 12px 10px 0;
}
.popup_oferta .naoquero, .popup_oferta .naoquero2{
    font: 700 16px/21px "Roboto", sans-serif;
    color: #000;
    text-align: center;
    width: 310px;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}
.popup_oferta .info .close, .popup_oferta .info .close2{
    font: 400 14px/22px "Roboto", sans-serif;
    color: #3C3C3C;
    text-decoration: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
}
.popup_oferta .valor{
    font: 700 30px/26px "Roboto", sans-serif;
    color: #fff;
    background: #35AD30;
    border:8px solid #fff;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 95px;
    height: 95px;
    border-radius: 45px;
    position: absolute;
    top: 110px;
    left: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.popup_oferta .valor span{
    font: 700 18px/26px "Roboto", sans-serif;
}
.fundodublo {
    padding: 12px 0 0 1px;
    width: 244px;
    height: 286px;
    margin: 0 auto;
    text-align: left;
    background-repeat: no-repeat;
}

#destacado{ padding: 10px 10px 25px 10px; }
#destacado .oferta-prod{
    border: 1px solid #707070;
    margin: 23px 23px 3px 23px;
}
#destacado .oferta-prod.active {
    border: 4px solid #FFF;
    margin: 20px 20px 0 20px;
}
video{ width: 100%; height: auto;pointer-events: none; }
.oferta-destaques{
    margin: 10px 0 8px 0 !important;
    padding: 0 !important;
    padding-inline-start: 0 !important;
}
.oferta-destaques li{
    margin: 0 !important;
    padding: 0 0 15px 0 !important;
    list-style: none !important;
    font: 400 14px/16px "Roboto", sans-serif;
    display: flex;
}
.oferta-destaques li img{
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 5px;
}
@media(max-width:767px) {
    .popup_oferta .oferta-box{ flex-direction: column; }
    .popup_oferta .oferta-box img{ z-index: 3;}
    .popup_oferta .info{ width: 95%; top:-20px; padding: 60px 20px 20px 20px; }
    .popup_oferta .botao, .popup_oferta .naoquero, .popup_oferta .naoquero2{ width: 100%; }
    .popup_oferta .botao{ font: 600 15px/20px "Roboto", sans-serif; }
    .popup_oferta .naoquero, .popup_oferta .naoquero2{ font: 700 14px/19px "Roboto", sans-serif; }
    .popup_oferta .info h3 { font: 700 21px/22px "Roboto", sans-serif; }
    .popup_oferta .info p { font: 400 15px/18px "Roboto", sans-serif; }
    .popup_oferta .valor{ z-index: 99; top:250px; left: 50%; margin-left: -47px;}
    .oferta-header{ padding: 5px 10px; }
    .vocesa .oferta-header{ width: 95% !important; }
    .oferta-col2 { display: none; }
    .oferta-col2-mobile{ display: block; width: 100%; }
    .oferta-col2-mobile img{ width: 100%; height: auto; }
    .oferta-col2-mobile .wp-video{ margin: 0 auto; }
    .oferta-col2-mobile .wp-video video{ width: 100%; height: auto; }
    .oferta-col1 { width: 100%; }
    .oferta-title{ margin: 20px 0; font: 900 28px/37px "Roboto", sans-serif !important; }
    .oferta-tabs .tabs{ padding: 0 20px;}
    .oferta-tabs .tabs div { width: 49.5%; }
    .oferta-prod h3 { font: 900 22px/29px "Roboto", sans-serif; }
    .oferta-prod p { font: 400 13px/18px "Roboto", sans-serif; padding: 5px 0; }
    .oferta-prod .preco strong { font: 700 18px/16px "Roboto", sans-serif; }
    .oferta-prod .preco .small{ display: block; }
    .oferta-prod .melhor { font: 700 12px/26px "Roboto", sans-serif; }
    .oferta-tabs .botao { font: 700 14px/18px "Roboto", sans-serif !important; }
    .swg-button-light{ width: 100px !important; height: 42px !important; }
    .oferta-tabs #anual.oferta-content.active.fixar,
    .oferta-tabs #mensal.oferta-content.active.fixar{ width: 100%; }
    .vocesa .oferta-tabs #anual.oferta-content.active.fixar,
    .vocesa .oferta-tabs #mensal.oferta-content.active.fixar { width: calc(100% - 40px) !important; }
    .oferta-tabs .view.sticky_top{ width: 100%; }
    .oferta-beneficios h3 { font: 900 28px/23px "Roboto", sans-serif; }
    .oferta-beneficios h4 { font: 900 22px/26px "Roboto", sans-serif; }
    .oferta-marcas li.active {
        width: 98%;
        max-width: 354px;
        display: block;
        text-align: center;
    }
    .oferta-marcas li.atual { display: none !important; }
    .oferta-excelencia h3 { font: 900 22px/26px "Roboto", sans-serif; }
    .oferta-excelencia ul{ padding: 0 15px; }
    .oferta-excelencia ul li { width: calc((100% - 16px) / 2); }
    .oferta-receber h3 { font: 900 22px/26px "Roboto", sans-serif; }
    .oferta-receber .col2{ display: none; }
    .oferta-receber .col1,
    .oferta-receber .col2-mobile,
    .ofertas-recebe-info{ width: 90%; margin: 0 auto; text-align: center; padding-top: 20px; }
    .oferta-receber .col2-mobile{ display: block; padding: 10px 0;}
    .oferta-receber a.url { font: 700 18px/24px "Roboto", sans-serif !important; }
    .oferta-receber .col2 { padding: 10px; }
    .ofertas-leia, .ofertas-apps{ width: 90%; margin: 0 auto; }
    .ofertas-leia h3 { font: 900 22px/26px "Roboto", sans-serif; }
    .ofertas-apps .col1{ margin: 10px auto 0;}
    .milhoes{ width: 100%; margin: 0 auto 20px 0; padding: 0 0 20px 0; }
    .milhoes p{ width: 210px; margin: 0 auto; }
    .ofertas-apps .col2{ width: 90%; margin: 0 auto; }
    .ofertas-apps .apps{ justify-content: space-around; }
    .ofertas-apps .apps a{ width: 48%;}
    .ofertas-apps .apps img{ width: 100%; max-width: 160px; height: auto; }
    .oferta-footer {
        width: 90%;
        border-top: 1px solid #707070;
        padding: 25px 0;
        margin: 25px auto 0 auto;
    }
    .oferta-prod .preco del{ display: block; }
}

.blackfriday,
body.blackfriday:not(.home),
.blackfriday .oferta-header{
    background: #000 !important;
}
.blackfriday .oferta-title,
.blackfriday .oferta-footer p,
.blackfriday .oferta-header,
.blackfriday .oferta-header a,
.blackfriday .login_oferta,
.blackfriday .oferta-tabs .tabs div a,
.blackfriday .oferta-tabs .or,
.blackfriday .oferta-tabs .info,
.blackfriday .info-preco,
.blackfriday .oferta-beneficios h3,
.blackfriday .oferta-beneficios h4,
.blackfriday .oferta-beneficios p,
.blackfriday .oferta-excelencia h3,
.blackfriday .oferta-excelencia p,
.blackfriday .oferta-excelencia ul li h4,
.blackfriday .oferta-receber h3,
.blackfriday .oferta-receber p,
.blackfriday .ofertas-recebe-info,
.blackfriday .ofertas-leia h3,
.blackfriday .ofertas-leia p,
.blackfriday .oferta-preco,
.blackfriday .ofertas-leia p,
.blackfriday .milhoes,
.blackfriday .ofertas-apps p,
.blackfriday .slider .slide .slide-body{
    color: #fff !important;
}
.blackfriday .oferta-excelencia img{
    background: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: scale-down;
}
.blackfriday .oferta-excelencia ul li{
    padding-bottom: 10px;
}
.blackfriday .oferta-marcas li{
    background: #fff !important;
}
.blackfriday .oferta-title img{
    filter: brightness(0) invert(1);
}
.blackfriday .oferta-tabs .tab1,
.blackfriday .oferta-tabs #anual,
.blackfriday .oferta-tabs #anual .view{
    background: #363636;
}
.blackfriday .oferta-tabs .tab2,
.blackfriday .oferta-tabs #mensal,
.blackfriday .oferta-tabs #mensal .view{
    background: #666666;
}
.blackfriday .ofertas-apps .col1{
    background: #fff;
    border-radius: 16px;
    padding: 10px;
}
.blackfriday .popup_oferta .info{
    background: #000;
}
.blackfriday .popup_oferta .info h3{
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
}
.blackfriday #popup_oferta3.popup_oferta .info h3,
.blackfriday #popup_oferta3.popup_oferta .info p{
    color: #000;
}

.blackfriday .popup_oferta .info p,
.blackfriday .popup_oferta .info .close,
.blackfriday .popup_oferta .info .close2,
.blackfriday .popup_oferta .naoquero,
.blackfriday .popup_oferta .naoquero2{
    color: #fff;
}
.blackfriday .popup_oferta .oferta-fundo{ background: rgb(63 63 63 / 95%); }
.blackfriday .oferta-receber a.url, .blackfriday .popup_oferta .botao{
    background: #A6C714 !important;
    border-color: #A6C714;
    color: #ffffff !important;
}
.blackfriday .popup_oferta .oferta-box img{ border: 2px dashed #A6C714; }
.popup_oferta.cronometro .valor{
    border: 0;
    background: transparent url("cronometro.png") no-repeat center center;
    width: 188px;
    height: 205px;
    top: 62px;
    left: 140px;
}
.popup_oferta.cronometro .info{
    width: 370px;
    padding: 25px 25px 20px 25px;
}
.popup_oferta.cronometro .info p{
    font: 400 18px/25px "Roboto", sans-serif;
}
.popup_oferta.cronometro .valor span{
    padding: 10px 0 35px 0;
}

#popup_oferta3 .oferta-box{
    width: 500px;
    flex-direction: column;
}
#popup_oferta3.popup_oferta .info{
    background: url("./images/cadastro_popup.png") no-repeat top center;
    width: 500px;
}
#popup_oferta3.popup_oferta .info h3{
    font: 700 20px/22px "Roboto", sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}
#popup_oferta3.popup_oferta .info p{
    font: 400 16px/18px "Roboto", sans-serif;
    text-align: left;
    margin: 0;
    padding: 5px 0 25px 0;
    word-wrap: break-word;
}
#popup_oferta3 input{
    width: 100%;
    height: 39px;
    border: 1px solid #A8ABAE;
    border-radius: 4px;
    color: #222;
    padding: 0 10px;
    margin-bottom: 10px;
    font: 400 14px/26px "Roboto", sans-serif;
}

#popup_oferta3 input::placeholder {
    color: #B4B4B4;
}

#popup_oferta3 .botao{
    width: 100%;
    font: 700 16px/19px "Roboto", sans-serif !important;
}
#popup_oferta3 .aceite, #popup_oferta3 .aceite a{
    font: 400 13px/18px "Jost", sans-serif;
    text-align: left;
    color: #222;
}
#popup_oferta3 .aceite{
    display: flex;
    align-items: center;
}
#popup_oferta3 #aceite{
    width: auto;
    margin:0 10px 0 0;
}
#popup_oferta3.popup_oferta .close3{
    font: 400 16px/22px "Roboto", sans-serif;
    color: #000000;
    text-decoration: none;
    width: 26px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    text-align: center;
    z-index: 999;
}
.lead_result{
    font: 400 13px / 14px "Roboto", sans-serif;
    padding-bottom: 10px;
    color: #a52a2a;
    display: none;
}
.lead_result.success{
    color: #35AD30;
}
@media(max-width:767px) {
    .popup_oferta.cronometro .valor{
        background-size: contain;
        width: 165px;
        height: 185px;
        top: 200px;
    }
    .popup_oferta.cronometro .info{
        width: 100%;
        padding: 90px 20px 20px 20px;
    }
    .popup_oferta.cronometro .valor span {
        padding: 10px 0 25px 0;
    }
    .popup_oferta.cronometro .valor span {
        font: 700 16px / 26px "Roboto", sans-serif;
    }

    #popup_oferta3 .oferta-box {
        width: 90%;
        max-width: 90%;
        flex-direction: column;
        background: #fff;
    }

    #popup_oferta3 .oferta-box img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    #popup_oferta3.popup_oferta .info {
        background: #fff url("./images/cadastro_popup.png") no-repeat top center;
        width: 100%;
    }

    #popup_oferta3 .aceite label{
        width: 70%;
    }

}