﻿/* TAGS GERAIS */
@media all 
{
    body, .fonteEspecial, .fontePadrao, input { font-family: 'Poppins', sans-serif !important; }
    div.fields.ncheckout SPAN.header.left { color:#FFF !important; }
    .container { max-width:1200px; box-sizing:border-box; padding:0; }
}

/* TAGS GERAIS */
@media (max-width:1240px) 
{
   .container { padding:0 20px; }
}

/* MENU */
@media all 
{
    nav { background:#15151A; height:85px; }
    nav .menu .itens { margin-right:20px; flex-grow:1; justify-content:flex-end; }
    nav .menu .itens a:first-child { margin-right:auto; }
    nav .menu .itens img { margin:5px 0 0 0; }
    #carrinho { display:none; }
    nav .menu .itens a:not(.lg) { font-size:15px; padding:8px 10px; transition:all ease 0.2s; text-decoration:none; border-radius:30px; margin:0 1px; }
    nav .menu .itens a:not(.lg):hover { background:#00BB5C; }
    nav .menu a.assine { background:#00BB5C; color:#FFF; border-radius:30px; border:none; padding:8px 24px; margin-left:10px; font-size:14px; }
    nav .menu a.assine:hover { background:#029349; }
    nav .menu a.entrar { border:1px solid #00BB5C; border-radius:30px; padding:8px 24px; color:#00BB5C; margin-left:0; font-size:14px; }
    nav .menu a.entrar:hover { background:transparent; color:#00BB5C; border:1px solid #029349; }
    nav .menu .itens img { max-width:180px !important; margin-left:-10px; }
}

/* MENU */
@media (max-width: 1220px) 
{
    nav { height:85px; position:fixed; }
    nav .burger { display:flex; justify-content:center; align-items:center; position:absolute; right:-40px; top:15px; }
    nav .burger img { max-width:35px; }
    nav .menu a.entrar { display:none; }
    nav .menu .itens { margin-right:0; justify-content:flex-start; }
    .busca-geral { justify-content:flex-start; display:flex; justify-content:center; align-items:center; }
    .busca-geral a { margin:0 -10px 0 10px !important; padding:0 !important; }
    nav .menu .itens a:first-child { margin-right:100px; }
}
/* MASTER */
@media 
{
    .busca-geral { display:flex; align-items:center; justify-content:space-between; padding-right:10px; border-radius:30px; background:#2b2b39; transition:all ease 0.2s; 
                   margin:0 20px 0 15px; max-width:217px; box-sizing:border-box; }
    .busca-geral a { color:#00BB5C; display:flex; align-items:center; justify-content:center; padding:5px 10px 5px 0 !important; cursor:pointer; }
    .busca-geral input { background:transparent; border:none; padding:10px; color:#00BB5C; max-width:180px; }
    .busca-geral ::placeholder { color:#00BB5C; }
    .busca-geral :-ms-input-placeholder { color:#00BB5C; }
    .busca-geral ::-ms-input-placeholder { color:#00BB5C; }
    .busca-geral a:hover { background:transparent !important; }
}

@media (max-width: 1250px) 
{
    .busca-geral { }
    .busca-geral ::deep a { padding:5px; }
    .busca-geral input { display:none; }
}

/* FORMULARIOS */
@media all
{
    div.fields.itemLogin INPUT.txt { height:50px !important; border-radius:30px; font-size:18px !important; }
    div.fields.itemLogin LABEL.title { font-size:18px !important; top:14px !important; }
}

/* PÁGINA DE LOGIN */
@media all 
{
    #PgLogin { background:url(../images/login/bg-login2.jpg) center center no-repeat #0d0e22; background-size:cover; }
    #PgLogin form { margin:0 auto; padding:20px 40px 40px 40px; background:#272D51; border-radius:10px; color:#FFF; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); }
    #PgLogin .frm h1 { color:#FFF; text-align:center; }
    #PgLogin .check label { color:#FFF; }
    #PgLogin .frm .btn-login { background:#00BB5C; color:#FFF; border-radius:30px; }
    #PgLogin .frm .btn-face { font-size:14px; max-width:250px; margin:0 auto; background-size:20px; background-position-x:20px; border-radius:30px; font-family: 'Poppins', sans-serif; }
    #PgLogin .manter-secao a { color:#00BB5C; text-align:center; margin-top:20px; font-family: 'Poppins', sans-serif; }
    #PgLogin .manter-secao .cta-esqueci { color:#00BB5C; }
}

/* PAGINA ESQUECI SENHA */
@media all
{
    #PgEsqueciSenha { background:url(../images/login/bg-login2.jpg) center center no-repeat #0d0e22; background-size:cover; color:#FFF; display:flex; align-items:center; flex-flow:column; justify-content:center; }
    #PgEsqueciSenha .itemLogin { padding:30px 30px 1px 30px; background:#272D51; border-radius:10px; color:#FFF; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); margin-bottom:20px; }
    #PgEsqueciSenha .itemLogin h1 { color:#FFF; text-align:center; margin-top:0; }
    #PgEsqueciSenha .itemLogin p { color:#FFF; font-size:18px; }
    #PgEsqueciSenha .frm .btns.duplo .btn { background:#00BB5C; color:#FFF; border-radius:30px; font-size:18px; height:40px; padding:8px 24px; line-height:24px; margin-bottom:0; }
    #PgEsqueciSenha .frm .links a { color:#00BB5C; font-size:16px; text-decoration:underline; }
}

/* PÁGINA DE ESCOLHA DO PLANO */
@media all 
{
    #PgEscolhaPlano { background:url(../images/assinatura/bg-selecao.jpg) center center no-repeat #0d0e22; background-size:cover; }
    #PgEscolhaPlano h1 { color:#FFF; font-size:30px; }
    #SelecaoPlano .planos .plano { background:#15151A; color:#FFF; font-size:16px; border-color:#00BB5C; }
    #SelecaoPlano .planos .plano .btnAssinarPremium { background:#00BB5C; max-width:300px; margin:0 auto 20px auto; border-radius:50px; height:45px; }
    #SelecaoPlano .planos .plano span.premium { color:#00BB5C; }
    #SelecaoPlano .planos .plano .promocao { color:#FFF; }
    #PgEscolhaPlano .experimente { background:transparent; }
    #PgEscolhaPlano .experimente p { font-size:30px; font-weight:600; }
    #PgEscolhaPlano .experimente a { color:#00BB5C; text-align:center; }
    #PgEscolhaPlano .recursosx li.desbloqueado img { max-width:20px; }
    #PgEscolhaPlano .recursosx li { margin-bottom:0; margin-top:0; }
    #PgEscolhaPlano .recursosx ul { min-height:310px; }
}

/* PÁGINA DE CHECKOUT */
@media all 
{
    #PgCheckout { background:url(../images/assinatura/bg-assinatura.jpg) center center no-repeat #0d0e22; background-size:cover; color:#FFF; }
    #PgCheckout h1 { font-size:30px; }
    #PgCheckout .checkout:not(.final) { max-width:550px; padding:30px 30px 0 30px; background:#272D51; border-radius:10px; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); margin-bottom:50px; display:flex; flex-direction:column; align-items:center; }
    #PgCheckout .checkout:not(.final) h3 { margin-top:0; }
    #PgCheckout .checkout:not(.final) p { width:100%; }
    #PgCheckout .botoes { margin-bottom:20px; }
    #PgCheckout .botoes input { font-size:16px; height:40px; }
    #PgCheckout .checkout.botoes { background:transparent; box-shadow:none; }
    #PgCheckout h3 { padding:0; margin-left:0; margin-right:0; }
    #PgCheckout .botao.assinar { background:#00BB5C; color:#FFF; border-radius:30px; }
    #PgCheckout .botao.assinar:hover { background:#029349; }
    #PgCheckout .botao.voltar { color:#FFF; border-radius:30px; }
    #PgCheckout #checkout-modo-assinatura a.passo-atual { border-top:7px solid #00BB5C; color:#00BB5C; }
    #PgCheckout .geral-cupom-desconto { background:#272D51; border:none !important; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); }
    #PgCheckout #btn-codigo-cupom { color:#FFF !important;  }
    #PgCheckout #btn-codigo-cupom strong { color:#00BB5C; display:block; }
    #PgCheckout .resumo { background:#272D51; color:#FFF; border:none !important; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); }
    #PgCheckout .resumo p {  font-size:14px;  }
    #PgCheckout .resumo a { color:#00BB5C; }
    #PgCheckout .pgt-item { background-color:#272D51; color:#FFF; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); border:none; }
    #PgCheckout .pgt-item:hover { background-color:#3e477e; }
    #PgCheckout .pgt-item.aberto { background-color:#3e477e; }
    #PgCheckout .pgt-item.aberto:hover { background-color:#3e477e; }
    #PgCheckout .caixa-pagamento-hide { background-color:#3e477e; border:none; }
    #PgCheckout .passos { margin-bottom:20px; max-width:600px; }
    #PgCheckout .passos a { width:200px; }
    #PgCheckout .formas-pagamento { max-width:700px; }
    #PgCheckout .botao-link { color:#00BB5C; }
    #PgCheckout #txtMsgPagamentoPix { padding-bottom:20px; }
    #PgCheckout #layerErroGenerico p { color:#404040; }
}

/* PÁGINA DE EXPERIMENTACAO */
@media all 
{
    #pgExperimente { background:url(../images/assinatura/bg-assinatura.jpg) center center no-repeat #0d0e22; background-size:cover; color:#FFF; }
    #pgExperimente header .cab { max-width:850px; }
    #pgExperimente header .cab h1 { font-size:30px; margin-bottom:5px; }
    #pgExperimente header .cab p { margin-top:0; font-size:18px; }
    #pgExperimente .experimente { background:transparent; }
    #pgExperimente header { background:transparent; border-bottom:none; color:#FFF; }
    #pgExperimente .chamada { background:#272D51; margin-top:-230px; padding:15px; }
    #pgExperimente .chamada p { color:#FFF; font-size:18px;  }
    #pgExperimente .experimente strong { color:#00BB5C; font-size:18px; margin-bottom:5px; }
    #pgExperimente .experimente .botao { background:#00BB5C; color:#FFF; border-radius:30px; border:none; font-size:16px; height:40px; line-height:20px; }
    #pgExperimente .experimente .botao:hover { background:#029349; }
    #pgExperimente #sucessoExp p { color:#FFF; }
    #pgExperimente #sucessoExp .acao a { color:#00BB5C; }
    #pgExperimente #sucessoExp strong { font-size:28px; }
    #pgExperimente .experimente strong { font-size:20px; }
    #pgExperimente .form-erro { font-size:18px; }
    #pgExperimente .experimente input { font-size:18px; height:60px; }
}

/* RODAPE */
@media all
{
    footer .redes-sociais .links a { width:37px; padding:0; margin:0; }
    footer .redes-sociais .links a.facebook { background: url(../images/icones/personalizacao/ico-facebook-verde.svg) no-repeat; }
    footer .redes-sociais .links a.instagram { background: url(../images/icones/personalizacao/ico-instagram-verde.svg) no-repeat; }
    footer .redes-sociais .links a.linkedin { background: url(../images/icones/personalizacao/ico-linkedin-verde.svg) no-repeat; }
    footer .redes-sociais .links a.youtube { background: url(../images/icones/personalizacao/ico-youtube-verde.svg) no-repeat; }
}

/* DIALOGO */
@media all
{
    #contentDialogo { background:#272D51; color:#FFF; }
    #PgTermosDeUso, #PgPoliticaPrivacidade { text-align:left !important; }
    #PgTermosDeUso a, #PgPoliticaPrivacidade a { color:#00BB5C; }
    #PgTermosDeUso .janela strong, #PgPoliticaPrivacidade .janela strong { color:#FFF !important; margin:10px 0; font-size:18px; }
}

/* MOBILE */
@media all {
    .burger-menu .fixo a { background:#00BB5C; }
    .burger-menu { background:#0D0E22; }
    .burger-menu .rolavel a { color:#FFF; font-size:20px; }
    .burger-menu .rolavel a.br-entrar { background:url(../images/icones/ico-inicio-branco.svg) 30px center no-repeat !important; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-cursos { background:url(../images/icones/ico-cursos-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-combos { background:url(../images/icones/ico-combo-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-instrutores { background:url(../images/icones/ico-curso-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-empresas { background:url(../images/icones/ico-corporativo-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-saiba-mais { background:url(../images/icones/ico-minha-selecao-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-planos { background:url(../images/icones/ico-carrinho-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-blog { background:url(../images/icones/ico-blog-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-quem-somos { background:url(../images/icones/ico-perfil-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-contato { background:url(../images/icones/ico-sms-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-politica { background:url(../images/icones/ico-certificado-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
    .burger-menu .rolavel a.br-termos { background:url(../images/icones/ico-certificado-branco.svg) 30px center no-repeat; padding-left:90px; background-size:40px; }
}

/* PAGINA DA ASSINATURA AINDA PENDENTE */
@media all
{
    #PgAssine { background:#15151A; padding-bottom:50px; }
    #PgAssine header h1 { color: #FFF; }
    #PgAssine header a {  color:#00BB5C; }
    #PgAssine header p { color: #FFF; }
    #PgAssine .link-deslogar { margin-bottom:0; color:#00BB5C; }
    #PgAssine { color:#FFF; }
}


/* AGRADECIMENTO */
@media all
{
    #PgAgradecimento { background:#0d0e22; color:#FFF; }
    #PgAgradecimento header { background:url(../images/assinatura/bg-assinatura.jpg) center center no-repeat #0d0e22; background-size:cover; }
    #PgAgradecimento h3 { background:#00BB5C; width:auto; min-width:300px; padding:10px; top:-5px; }
    #PgAgradecimento .caixa { border-color:#00BB5C; }
    #PgAgradecimento .row.borda { border-color:#00BB5C; }
    #PgAgradecimento .botao { background: #00BB5C; color:#FFF; border-radius:50px; font-size:24px; }
}

/* INSTRUTORES */
@media all
{
    #PgProfessores { background:#0d0e22; color:#FFF; padding-bottom:50px; }
    #PgProfessores a { display:flex; }
    #PgProfessores .busca input[type="submit"] { background:#00BB5C; color:#FFF; border-radius:30px; font-size:18px; }
    #PgProfessores .lista .professor { background:#272D51; border-radius:10px; box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.5); color:#FFF; padding:20px 40px; width:400px; min-height:unset; }
    #PgProfessores .lista .professor h2 { color:#00BB5C; font-size:24px; line-height:30px; }
    #PgProfessores .lista .professor span { color:#00BB5C; }
    #PgProfessores .paginacao  { margin-bottom:0; justify-content:flex-end; margin:50px 0 0 0; }
    #PgProfessores .paginacao a { font-size:16px; border-radius:50%; border-color:transparent; }
    #PgProfessores .paginacao a.next, #PgProfessores .paginacao a.previous, #PgProfessores .paginacao a.first {  border-radius:30px; }
    #PgProfessores .paginacao a.current, #PgBlog .paginacao a.next { background:#00BB5C; border-color:transparent; }
}

/* INSTRUTOR */
@media all 
{
    #PgProfessor { background:#0d0e22; color:#FFF; padding-bottom:50px; }
    #PgProfessor .conteudo-professor { font-size:18px; }
    #PgProfessor .coluna-lateral .redes-sociais a { color:#00BB5C; border:none; padding-top:5px; padding-bottom:5px; }
}

/* CONTATO */
@media all
{
    #PgContato { background:#0d0e22; color:#FFF; padding-bottom:50px; margin:0; }
    #PgContato .controle-contato .texto-contato { text-align:left; max-width:500px; }
    #PgContato .controle-contato .fields.contato .enviar {  background:#00BB5C; color:#FFF; border-radius:30px; font-size:18px; }
}

@media all
{
    #PgCursos { background:#0d0e22; color:#FFF; padding-bottom:50px; margin:0;  }
    #PgCursos header { margin-bottom:40px; }
    #PgCursos .cursos h2 a { color:#FFF !important; }
    #PgCursos .cursos .ver-todos-cursos { color:#FFF; }
}

@media all
{
    #PgComoFunciona {  background:#0d0e22; color:#FFF !important; }
    #PgComoFunciona header p { color:#FFF;  }
    #PgComoFunciona p { color:#FFF !important;  }
    #PgComoFunciona .depoimentoitem span { color:#FFF !important;  }
    #PgComoFunciona .link-ajuda a { color:#00BB5C }
    #PgComoFunciona .cursos .curso-item strong { color:#00BB5C }
    #PgComoFunciona .depoimentoitem p { text-align:left; }
}

@media all
{
    #PgFaq {  background:#0d0e22; color:#FFF !important; }
    
}