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

    /* Faixa de notificação da promoção (fnp) */
    .fnp_sessao {
        width: 90%;
        max-width: 1100px;
    }

    .fnp_30_pct {
        font-size: 36px;
    }

    .fnp_datetime_valor {
        font-size: 36px;
    }

    /* Header (hd) */
    .hd_conteudo {
        width: 90%;
        max-width: 1040px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .hd_logo_img_box {
        width: 70px;
        margin-right: 8px;
    }

    .hd_nome_marca {
        font-size: 22px;
    }

    .hd_botao_assinar,
    .hd_botao_agendar,
    .hd_botao_entrar {
        width: auto;
        min-width: 120px;
        padding: 8px 16px;
        font-size: 14px;
    }

    /* Hero (hr) */
    .hr_conteudo {
        width: 90%;
        max-width: 1100px;
        height: auto;
        min-height: 600px;
    }

    .hr_camada_escura {
        padding: 30px;
    }

    .hr_titulo {
        font-size: 36px;
        margin-bottom: 60px;
    }

    .hr_subtitulo {
        font-size: 16px;
        margin-bottom: 80px;
    }

    .hr_botao {
        width: 280px;
        height: 50px;
        font-size: 16px;
    }


    /* O Desafio que Todo Empreendedor Conhece (de) */
    .de_container {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: justify;
        margin-top: 50px;
    }

    .de_titulo {
        text-align: center;
        font-size: 40px;
    }

    .de_flex_wrap {
        display: flex;
        flex-wrap: nowrap;
        gap: 3rem;
        justify-content: space-between;
        align-items: stretch;
    }

    .de_texto_esquerda,
    .de_texto_direita {
        flex: 1;
        font-size: 18px;
        line-height: 30px;
    }

    .de_imagem_wrapper,
    .de_imagem_final {
        display: flex;
        justify-content: center;
    }

    .de_imagem_grande,
    .de_imagem_full {
        width: 100%;
        max-width: 460px;
        height: auto;
        border-radius: 12px;
    }
        

    /* Lendo pensamentos (lp) */
    .lp_container {
        width: 100%;
        height: 500px;
        background-color: #CB0000;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
    }

    .lp_texto {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
        font-size: 36px;
        font-weight: bold;
        line-height: 50px;
        color: white;
        text-align: center;
    }


    /* O grande segredo das redes de sucesso (gs) */
    .gs_wrapper {
        margin-top: 50px;
    }

    .gs_texto_inicial {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .gs_titulo {
        font-size: 42px;
    }

    .gs_paragrafo {
        font-size: 18px;
        line-height: 30px;
    }

    .gs_imagens_duplas {
        display: flex;
        flex-wrap: nowrap;
    }

    .gs_imagem {
        width: 50%;
        height: auto;
        display: block;
    }

    .gs_bloco_estrategia {
        width: 90%;
        max-width: 1100px;
        margin: 30px auto 65px auto;
        padding: 0 20px;
        font-size: 18px;
        line-height: 30px;
        display: flex;
        justify-content: center;
        text-align: justify;
    }


    /* Frases icônicas (fi) */
    .fi_container {
        width: 100%;
        height: 500px;
        background-image: url('../../imagens/batata-frita-mais-um-real.jpg');
        background-size: cover;
        background-position: center;
        display: grid;
    }

    .fi_camada_escura {
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        padding: 20px;
        box-sizing: border-box;
    }

    .fi_frase {
        max-width: 900px;
        font-size: 36px;
        font-weight: bold;
        color: white;
        text-align: center;
        line-height: 48px;
    }

    /* Ativando memórias no Mc Donald's (mc) */
    .mc_container {
        width: 100%;
        min-height: 600px;
        background-image: url('../../imagens/mcdonalds-batatas.png');
        background-size: cover;
        background-position: bottom;
        display: flex;
        align-items: center;
        padding-top: 50px;
    }

    .mc_conteudo_direita {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 60px 0px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 30px;
        font-size: 20px;
        line-height: 30px;
        color: white;
        text-align: justify;
    }

    .mc_conteudo_direita > div {
        max-width: 550px;
        width: 100%;
    }

    .mc_destaque_pequeno {
        font-weight: bold;
        font-size: 18px;
        margin: 0;
    }

    .mc_paragrafo_simples {
        margin: 8px 0 0 0;
    }

    .mc_resultado_box {
        font-weight: bold;
        background-color: #e60000;
        display: inline-block;
        margin-top: 50px;
        font-size: 24px;
        padding: 5px 4px 4px 5px;
    }

    .mc_resultado_conteudo {
        font-size: 20px;
    }

    .mc_destaque_maior {
        font-weight: bold;
        margin: 0;
    }


    /* Mas e os pequenos negócios? (pn) */
    .pn_bloco {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 2rem;
        width: 90%;
        max-width: 1100px;
        margin: 50px auto 0 auto;
        box-sizing: border-box;
    }

    .pn_conteudo {
        flex: 1 1 200px;
    }

    .pn_titulo {
        font-size: 2rem;
        margin-bottom: 50px;
    }

    .pn_bloco p {
        margin-bottom: 1rem;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .pn_texto_com_espaco {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .pn_destaque {
        background-color: #CB0000;
        color: #fff;
        font-weight: bold;
        padding: 0.2rem 0.4rem;
    }

    .pn_imagem {
        flex: 1 1 300px;
    }

    .pn_imagem_responsiva {
        max-width: 100%;
        background-color: transparent;
    }

    .pn_cta_final {
        background-color: #CB0000;
        color: #fff;
        padding: 1.2rem;
        border-radius: 10px;
        font-size: 1.1rem;
        margin-top: 2rem;
        font-weight: bold;
    }
    

    /* IA de vendas 24/7 (ia) */
    .ia_container {
        width: 90%;
        max-width: 1100px;
        margin: 80px auto 0 auto;
        box-sizing: border-box;
    }

    .ia_container p{
        font-size: 18px;
    }

    .ia_titulo {
        font-size: 32px;
    }

    .ia_texto {
        line-height: 24px;
    }

    .ia_subtitulo {
        font-weight: bold;
        margin-top: 50px;
    }

    .ia_texto_final {
        margin-top: 30px;
        text-align: left;
        line-height: 24px;
    }

    /* Sugestões em Tempo Real (sr) */
    .sr_container {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }

    .sr_topo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .sr_bloco_texto {
        flex: 1;
        display: flex;
        text-align: justify;
        margin: 50px 0;
    }

    .sr_icone {
        width: 65px;
        height: 65px;
        background-color: #e60000;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .sr_textos {
        margin-left: 30px;
    }

    .sr_titulo {
        margin: 0 0 10px 0;
    }

    .sr_texto_destaque {
        font-weight: bold;
        margin: 0 0 20px 0;
        font-size: 18px;
        width: 395px;
        line-height: 30px;
    }

    .sr_texto_simples {
        margin: 0;
        font-size: 18px;
        width: 395px;
        line-height: 30px;
    }

    .sr_mockup_box {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-right: auto;
        margin-bottom: -450px;
        z-index: 2;
    }

    .sr_mockup_img {
        max-width: 300px;
        height: auto;
    }

    .sr_fundo_visual {
        width: 100%;
        margin-top: 80px;
        height: 400px;
        background-image: url('../../imagens/salao-restaurante.jpg');
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
    }

    .sr_overlay {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
    }


    /* Lucro em Crescimento (lc) */
    .lc_container {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 50px;
    }

    .lc_topo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .lc_mockup_box {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: auto;
        margin-bottom: -400px;
        z-index: 2;
        justify-content: flex-start;
    }

    .lc_mockup_img {
        max-width: 300px;
        height: auto;
    }

    .lc_texto_box {
        flex: 1;
        display: flex;
        flex-direction: column;
        text-align: justify;
        margin-top: 50px;
        margin-bottom: 50px;
        margin-right: auto;
    }

    .lc_texto_conteudo {
        display: flex;
        align-items: flex-start;
    }

    .lc_icone {
        width: 65px;
        height: 65px;
        background-color: #e60000;
        margin-right: 30px;
        border-radius: 10px;
    }

    .lc_titulo {
        margin: 0 0 10px 0;
    }

    .lc_texto_destaque {
        font-weight: bold;
        margin: 0 0 20px 0;
        font-size: 18px;
        width: 420px;
        line-height: 30px;
    }

    .lc_texto {
        margin: 0;
        font-size: 18px;
        width: 420px;
        line-height: 30px;
    }

    .lc_fundo_visual {
        width: 100%;
        margin-top: 80px;
        height: 500px;
        background-image: url('../../imagens/atendente-mercado.jpeg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* Análise Inteligente (ai) */
    .ai_container {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 80px 0 100px 0;
        box-sizing: border-box;
    }

    .ai_conteudo {
        width: 100%;
    }

    .ai_header {
        display: flex;
        align-items: flex-start;
        margin-bottom: 50px;
    }

    .ai_icone {
        min-width: 65px;
        min-height: 65px;
        background-color: #CB0000;
        border-radius: 10px;
        margin-right: 30px;
    }

    .ai_titulo {
        margin: 0 0 10px 0;
    }

    .ai_texto_destaque {
        font-weight: bold;
        margin: 0 0 15px 0;
        font-size: 18px;
    }

    .ai_texto_simples {
        margin: 0;
        font-size: 18px;
    }

    .ai_cards_linha {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
        padding-left: 0;
    }

    .ai_coluna_cards {
        flex: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .ai_card_img {
        margin: 0;
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    .ai_carrossel {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        gap: 10px;
        margin-top: 20px;
        flex: 1;
    }

    .ai_ponto {
        width: 20px;
        height: 20px;
        border-radius: 25px;
    }

    .ai_ponto_1 {
        background-color: rgba(203, 0, 0, 0.33);
    }

    .ai_ponto_2 {
        background-color: rgba(203, 0, 0, 0.67);
    }

    .ai_ponto_3 {
        background-color: rgba(203, 0, 0, 1);
    }

    .ai_cross_sugestao {
        flex: 2;
        display: flex;
        justify-content: center;
    }

    .ai_cross_img {
        width: 100%;
        max-width: 360px;
        height: auto;
    }

    /* Consolidação de pensamento (cp) */
    .cp_consolidacao {
        text-align: center;
        padding: 3rem 2rem;
        border-top: 4px solid #CB0000;
        border-bottom: 4px solid #CB0000;
        height: 400px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .cp_conteudo {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .cp_conteudo p {
        color: #CB0000;
        font-size: 1.3rem;
        max-width: 800px;
        margin: 0 auto 2rem auto;
        line-height: 1.6;
    }

    .cp_cta_wrapper {
        width: 100%;
        height: 100px;
        margin-top: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cp_cta_botao {
        width: 550px;
        height: 65px;
        background-color: #CB0000;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        font-size: 18px;
        color: white;
        font-weight: bold;
        text-decoration: underline;
        border-bottom: 3px solid white;
        transition: background-color 0.3s ease;
    }

    .cp_cta_botao:hover {
        background-color: #CB0000;
    }


    /* Seção de FAQ (faq) */
    .faq_container {
        width: 100%;
        background-image: url('../../imagens/equipe-pronta-para-te-ajudar.png');
        background-size: cover;
        background-position: center;
        position: relative;
        display: flex;
        justify-content: center;
        min-height: 1150px;
        overflow: hidden;
    }

    .faq_opacidade_fundo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(203, 0, 0, 0.9);
        z-index: 0;
    }

    .faq_overlay {
        position: relative;
        z-index: 1;
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 80px 0;
        box-sizing: border-box;
        color: white;
        height: 100%;
        background-color: transparent;
    }

    .faq_perguntas {
        flex: 2;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .faq_box_pergunta {
        background-color: white;
        color: black;
        border-radius: 10px;
        padding: 20px;
    }

    .faq_pergunta_botao {
        background: none;
        border: none;
        font-weight: bold;
        font-size: 18px;
        cursor: pointer;
        text-align: left;
        width: 100%;
    }

    .faq_resposta {
        display: none;
        margin-top: 15px;
        font-size: 16px;
        line-height: 28px;
    }

    .faq_cta_box {
        flex: 1;
    }

    .faq_cta_conteudo {
        background-color: white;
        color: #CB0000;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        font-weight: bold;
        width: 360px;
        padding: 20px 0 30px 30px;
    }

    .faq_cta_icone {
        width: 80px;
        height: auto;
        margin-bottom: 20px;
    }

    .faq_cta_texto {
        margin-top: 10px;
        font-weight: normal;
    }

    a.faq_cta_call,
    a.faq_cta_call:hover,
    a.faq_cta_call:visited {
        color: #CB0000;
    }

    
    /* Oferta de lançamento (ol) */
    .ol_container {
        margin-top: 80px;
        margin-bottom: 100px;
        text-align: justify;
    }

    .ol_conteudo {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .ol_titulo {
        font-size: 32px;
        margin-bottom: 50px;
    }

    .ol_paragrafo {
        line-height: 20px;
    }

    .ol_destaque {
        margin-top: 30px;
        line-height: 20px;
        font-weight: 700;
        color: #CB0000;
    }

    /* Nossos Planos (np) */
    .np_wrapper {
        background-color: #CB0000;
        width: 100%;
        padding-bottom: 120px;
    }
    .np_container {
        max-width: 1160px;
        padding: 50px 4% 100px 4%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .np_titulo {
        font-size: 48px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .np_subtitulo {
        font-size: 16px;
        margin-bottom: 100px;
    }
    .np_linha_cards {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    .np_card {
        background-color: #E0E0E0;
        color: black;
        border-radius: 16px;
        width: 260px;
        height: 360px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        box-sizing: border-box;
    }
    .np_card_promocional {
        margin-top: 74px;
        z-index: 2;
    }
    .np_card_padrao {
        margin-left: -70px;
    }
    .np_card_topo {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }
    .np_card_nome {
        font-weight: bold;
        font-size: 24px;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .np_card_legenda {
        color: #3A3A3A;
        margin: 0;
        padding: 0;
    }
    .np_card_desconto {
        background-color: #CB0000;
        color: white;
        padding: 6px 12px;
        font-size: 21px;
        font-weight: bold;
        border-radius: 6px;
        width: 70px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .np_card_valores {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .np_card_preco {
        font-size: 48px;
        font-weight: bold;
        margin: 0 0 5px 0;
        padding: 0;
    }
    .np_card_info {
        font-size: 18px;
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    .np_botao {
        margin-top: 20px;
        background-color: transparent;
        color: black;
        border: 2px solid black;
        border-radius: 10px;
        padding: 12px 24px;
        font-weight: bold;
        font-size: 16px;
        height: 50px;
        width: 220px;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .np_botao_destaque {
        color: #CB0000;
        border-color: #CB0000;
    }


    /* Não perca tempo (nt) */
    .nt_sessao {
        width: 90%;
        max-width: 1100px;
        margin: 50px auto 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 3rem;
        box-sizing: border-box;
    }

    .nt_conteudo {
        width: 100%;
        margin: 0;
    }

    .nt_titulo {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 1.5rem;
    }

    .nt_linha {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 40px;
        flex-wrap: nowrap;
    }

    .nt_texto {
        text-align: justify;
        color: black;
        flex: 1 1 auto;
        max-width: 620px;
    }

    .nt_texto p {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 1.2rem;
    }

    .nt_box_cta {
        display: flex;
        align-items: center;
        flex: 0 0 360px;
    }

    .nt_cta_conteudo {
        background-color: #CB0000;
        color: white;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        font-weight: bold;
        width: 100%;
        max-width: 360px;
        padding: 20px 0 30px 30px;
        margin-top: 20px;
    }

    .nt_cta_icone {
        width: 80px;
        height: auto;
        margin-bottom: 20px;
    }

    .nt_cta_texto {
        margin-top: 10px;
        font-weight: normal;
    }

    .nt_botao_wrapper {
        width: 100%;
        height: 100px;
        margin-top: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nt_botao_assinar {
        width: 550px;
        height: 65px;
        background-color: #CB0000;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        font-size: 18px;
        color: white;
        font-weight: bold;
        text-decoration: underline;
    }

    a.nt_botao_assinar,
    a.nt_botao_assinar:hover,
    a.nt_botao_assinar:visited {
        color: white;
    }

    a.nt_cta_call,
    a.nt_cta_call:hover,
    a.nt_cta_call:visited {
        color: white;
    }

    /* Seção de Contato (ct) */
    .ct_container {
        width: 90%;
        max-width: 1100px;
        margin: 50px auto 0 auto;
        padding: 0 0 80px 0;
        box-sizing: border-box;
        font-family: sans-serif;
        color: #000;
    }

    .ct_titulo {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .ct_subtitulo {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .ct_linha {
        display: flex;
        justify-content: space-between;
        gap: 60px;
        flex-wrap: nowrap;
    }

    .ct_formulario {
        flex: 1;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        color: black;
    }

    .ct_input {
        padding: 14px;
        border-radius: 10px;
        border: 1px solid #ccc;
        font-size: 16px;
        resize: none;
        font-family: 'Poppins', sans-serif;
    }

    .mensagem_contato::placeholder {
        font-family: 'Poppins', sans-serif;
    }

    .ct_preferencia_titulo {
        margin-bottom: 10px;
    }

    .ct_opcoes {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .ct_botao_contato {
        background-color: #f1f1f1;
        border: none;
        border-radius: 12px;
        padding: 10px 20px;
        font-weight: bold;
        color: #aaa;
        font-size: 14px;
        cursor: pointer;
    }

    .ct_botao_contato.ativo {
        background-color: white;
        color: #CB0000;
        border: 2px solid #CB0000;
    }

    .ct_icone_contato {
        font-size: 18px;
        margin-right: 8px;
    }

    .ct_botao_enviar {
        background-color: transparent;
        color: #CB0000;
        border: 2px solid #CB0000;
        border-radius: 12px;
        padding: 14px 0;
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
        cursor: pointer;
    }

    .ct_imagem_box {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .ct_imagem {
        width: 100%;
        max-width: 450px;
    }


}

@media screen and (max-width: 1160px) and (min-width: 1024px) {
    .np_card_nome {
        font-size: 20px;
    }
    .np_card_legenda {
        font-size: 14px;
    }
    .np_card_desconto {
        font-size: 18px;
        padding: 4px 10px;
        width: 60px;
        height: 22px;
    }
    .np_card_preco {
        font-size: 40px;
    }
    .np_card_info {
        font-size: 16px;
    }
    .np_botao {
        font-size: 14px;
        width: 200px;
        height: 45px;
        padding: 10px 20px;
    }

    /* Rodapé (rd) */
    .rd_container {
        width: 100%;
        color: white;
        background-color: black;
    }

    .rd_conteudo {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        justify-content: flex-start;
    }


}

@media screen and (min-width: 769px) and (max-width: 1023px){

    body{
        background-color: rgba(0, 0, 45, 0.45);
    }
    
}