* {
    margin: 0;
    padding: 0;
}

.corpo {
    background-color: #ffffff;
    box-sizing: border-box;
}

.cabecalho {
    background-color: #000000;
}

.cabecalho__navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
}

.cabecalho__secao {
    display: flex;
    gap: 20px;
}

.cabecalho__icones {
    text-decoration: none;
    color: #176ba9;
    font-size: 25px;
}

.cabecalho_imagem {
    width: 9rem;
}

.conteudo {
    display: flex;
    justify-content: space-between;
    width: 100%;
}   

.conteudo__secao__descricao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55%;
    padding: 15px 3px 15px 45px;
    gap: 10px;
}

.conteudo__titulo {
    font-family: Copperplate, Papyrus, fantasy;
    font-weight: 600;
    text-align: center;
}

.conteudo__descricao {
    font-family: Copperplate, Papyrus, fantasy;
    padding: 0 3% 0 3%;
}

.recuo__texto {
    text-indent: 4em;
}

.conteudo_secao_interacao {
    display: flex;
    flex-direction: column;
    align-items: center; 
    width: 40%;
    gap: 19px;
}

.conteudo__video {
    width: 90%;
    border: 5px solid #176ba9;
    border-radius: 10px;;  
    margin: 30px 12px 0 0;
}

.botao__site {
    text-decoration: none;
    color: #000000;
    padding: 2% 2.5%;
    background-color: #ffffff;
    border: 5px solid #176ba9;
    border-radius: 10px;
    font-family: Copperplate, Papyrus, fantasy;
    font-size: 20px;
    font-weight: bold;
}

.botao__site:hover {
    color: #ffffff;
    background-color: #176ba9; 
}

.secao__botao {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    width: 90%;
    padding: 5px 15px 45px 15px;
}

.botao__conteudo {
    text-decoration: none;
    color: #000000;
    padding: 2% 2.5%;
    background-color: #ffffff;
    border: 5px solid #176ba9;
    border-radius: 10px;
    font-family: Copperplate, Papyrus, fantasy;
    font-weight: bold;
}

.botao__conteudo:hover {
    color: #ffffff;
    background-color: #176ba9;
}

.rodape {
    background-color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rodape__texto {
    font-family: Copperplate, Papyrus, fantasy;
    color: #ffffff;
}

.rodape__link {
 text-decoration: none;
 color: #176ba9;
}

.rodape__link:hover {
    color: #ffffff;
}

@media (max-width: 1012px) {
    .conteudo {
        flex-direction: column-reverse;
        align-items: center;
    }

    .conteudo__secao__descricao, .conteudo_secao_interacao {
        width: 90%;
        padding: 2% 0% 4% 0%;
    }

    .conteudo__video {
        margin: 7% 0% 2% 0%;
    }

    .secao__botao {
        padding: 2% 0% 1% 0%;
    }
}