#paginaGestaoDeMarketingDigital {
    float: left;
    width: 100%;
    padding: 50px 0;
}

/* Bloco Inicial */

.blocoInicial {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.blocoInicial h1 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
    color: #3B3663;
    font-size: 30px;
}

.blocoInicial .boxTexto {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    text-align: center;
}

.blocoInicial .boxTexto h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

.blocoInicial .boxBaixo {
    float: left;
    width: 100%;
    margin-top: 30px;
}

/* Dados */

.boxDados {
    float: left;
    width: 100%;
    background: url('../../../uploads/2023/03/Background-Dados.jpg') center center no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.boxDados h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}

.boxDados h2 strong {
    color: #fff;
}

.boxDados .boxPorcentagem {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 20px 0 40px 0;
}

.boxDados .boxPorcentagem .textoResumo p {
    margin: 0;
    color: #fff;
    text-align: center;
}

.boxDados .boxPorcentagem .textoPorcentagem {
    text-align: center;
}

.boxDados .boxPorcentagem .textoPorcentagem span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    line-height: 100%;
}

.boxDados .boxPorcentagem .textoPorcentagem p {
    float: left;
    width: 100%;
    color: #dfdfdf;
    font-size: 16px;
    margin: 10px 0 0 0;
    line-height: 24px;
}

.boxDados ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin: 30px 0;
}

.boxDados ul li {
    list-style: none;
    text-align: center;
}

.boxDados ul li .numero {
    float: left;
    width: 100%;
    margin: 25px 0 5px 0;
    font-size: 50px;
    color: #fff;
    line-height: 100%;
    font-weight: bold;
}

.boxDados ul li .textoNumero {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
}

.boxDados ul li .titulo {
    float: left;
    width: 100%;
    color: #dfdfdf;
    font-size: 16px;
}

.boxDados .boxFonte {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

.boxDados .boxFonte a {
    color: #fff;
    font-size: 16px;
    text-decoration: underline!important;
}

/* Investir em Mídias */

.investirEmMidias {
    float: left;
    width: 100%;
    padding: 50px 0 20px 0;
    background: url('../../../uploads/2023/03/Background-Investir-em-Midias.jpg') center top no-repeat;
    background-size: cover;
}

.investirEmMidias .container {
    display: flex;
    align-items: center;
}

.investirEmMidias figure {
    text-align: center;
}

/* Onde Estar Presente */

.ondeEstarPresente {
    float: left;
    width: 100%;
    padding: 50px 0 40px 0;
    background: url('../../../uploads/2023/03/Backgorund-Onde-Estar-Presente.jpg') center center no-repeat;
    background-size: cover;
}

.ondeEstarPresente h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

/* Gerenciamento */

.boxGerenciamento {
    float: left;
    width: 100%;
    padding: 50px 0 40px 0;
    background: #EFECEC;
    background-size: cover;
}

.boxGerenciamento h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

.boxGerenciamento .boxBaixo {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.boxGerenciamento figure {
    text-align: center;
}

/* Definição de Persona */

.definicaoDePersona {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: url('../../../uploads/2023/03/Background-Definicao-de-Persona.jpg') center top no-repeat;
}

.definicaoDePersona h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

.definicaoDePersona .boxBaixo {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

/* Redes Mais Usadas */

.redesMaisUsadas {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: url('../../../uploads/2023/03/Backgorund-RedesMaisUsadas.jpg') center center no-repeat;
    background-size: cover;
}

.redesMaisUsadas h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

.redesMaisUsadas ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.redesMaisUsadas ul li {
    list-style: none;
    text-align: center;
}

.redesMaisUsadas ul li img {
    max-height: 100px;
    width: auto;
}

.redesMaisUsadas ul li span {
    float: left;
    width: 100%;
    color: #3B3663;
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
}

.redesMaisUsadas .boxFonte {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

.redesMaisUsadas .boxFonte a {
    color: #3B3663;
    font-size: 16px;
    text-decoration: underline!important;
    margin-top: 40px;
    font-weight: bold;
}

/* Número de Usuários */

.numeroDeUsuarios {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: url('../../../uploads/2023/03/Backgorund-Numero-de-Usuarios.jpg') center center no-repeat;
    background-size: cover;
}

/* Onde Investir */

.ondeInvestir {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: url('../../../uploads/2023/03/Backgound-Onde-Investir.jpg') center center no-repeat;
    background-size: cover;
}

.ondeInvestir h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

.ondeInvestir .boxBaixo {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.ondeInvestir .boxBaixo figure {
    text-align: center;
}

/* Redes Sociais e SEO */

.redesSociaisESeo {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: url('../../../uploads/2023/03/Background-Redes-Sociais-e-SEO.jpg') center center no-repeat;
    background-size: cover;
}

.redesSociaisESeo h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
    color: #3B3663;
    font-size: 24px;
    line-height: 36px;
}

.redesSociaisESeo .boxBaixo {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.redesSociaisESeo .boxBaixo figure {
    text-align: center;
}

@media (max-width: 768px) {

    #paginaGestaoDeMarketingDigital {
        padding: 30px 0 50px 0;
    }

    /* Bloco Inicial */

    .blocoInicial {
        padding-bottom: 30px;
    }

    .blocoInicial h1 {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 35px 0;
    }

    .blocoInicial .boxTexto {
        flex-direction: column;
    }

    .blocoInicial .boxTexto h2 {
        line-height: 34px;
        margin: 0 0 20px 0;
    }

    .blocoInicial .boxTexto figure {
        margin-top: 30px;
    }

    /* Dados */

    .boxDados {
        padding: 35px 0;
    }

    .boxDados h2 {
        line-height: 34px;
    }

    .boxDados .boxPorcentagem {
        flex-direction: column;
    }

    .boxDados .boxPorcentagem figure {
        margin: 30px 0;
    }

    /* Investir em Mídias */

    .investirEmMidias {
        padding: 30px 0 20px 0;
    }

    .investirEmMidias .container {
        flex-direction: column;
    }

    /* Onde Estar Presente */

    .ondeEstarPresente {
        padding: 30px 0 20px 0;
    }

    /* Gerenciamento */

    .boxGerenciamento {
        padding: 30px 0 20px 0;
    }

    .boxGerenciamento h2 {
        line-height: 34px;
    }

    .boxGerenciamento .boxBaixo {
        flex-direction: column-reverse;
    }

    /* Definição de Persona */

    .definicaoDePersona {
        padding: 30px 0;
    }

    .definicaoDePersona h2 {
        line-height: 34px;
        margin: 0 0 30px 0;
    }

    .definicaoDePersona .boxBaixo {
        flex-direction: column;
    }

    .definicaoDePersona .boxBaixo figure {
        margin-top: 30px;
    }

    /* Redes Mais Usadas */

    .redesMaisUsadas {
        padding: 35px 0;
    }

    .redesMaisUsadas h2 {
        line-height: 34px;
    }

    .redesMaisUsadas ul {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 20px;
    }

    /* Número de Usuários */

    .numeroDeUsuarios {
        padding: 30px 0;
    }

    /* Onde Investir */

    .ondeInvestir {
        padding: 35px 0 0 0;
    }

    .ondeInvestir h2 {
        line-height: 34px;
    }

    .ondeInvestir .boxBaixo {
        flex-direction: column-reverse;
    }

    /* Redes Sociais e SEO */

    .redesSociaisESeo {
        padding: 35px 0;
    }

    .redesSociaisESeo h2 {
        margin: 0 0 30px 0;
        line-height: 34px;
    }

    .redesSociaisESeo .boxBaixo {
        flex-direction: column;
    }

    .redesSociaisESeo .boxBaixo figure {
        margin-top: 30px;
    }

}

@media (max-width: 550px) {

    /* Dados */

    .boxDados ul {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
    }

    /* Redes Mais Usadas */

    .redesMaisUsadas ul li img {
        max-height: 70px;
    }

}