* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #696969;
    background-color: #f4f8fa;
    /* min-height: 100vh; */
}

.video {
    max-width: 100%;
    height: auto;
}

.secao-clara {
    background-color: #fff;
    /* color: #000; */
}

.secao-azul {
    background-color: #161243;
    color: #fff;
}

.secao-roxa {
    background-color: #13142d;
    color: #fff;
}

.secao-jambo {
    background-color: #ceb290;
    color: #000;
}

.secao-bege {
    background-color: #f6e9d1;
    color: #000;
}

.secao-bege-clara {
    background-color: #f9f1d8;
    color: #000;
}

.secao-bege-mais-clara {
    background-color: #eceb98;
    color: #000;
}

.secao-cinza {
    color: #fff;
    background-color: #4b4b4b;
}

.secao-preta {
    background-color: #121212;
    color: #fff;
}

.titulo {
    line-height: 2;
    font-weight: bold;
}

.titulo-1 {
    font-size: 2em;
}

.titulo-2 {
    font-size: 1.5em;
}

.titulo-3 {
    font-size: 1.3em;
}

.titulo-4 {
    font-size: 1.1em;
}

.cantos-arredondados {
    border-radius: .5em;
}

.centralizado {
    margin-left: auto;
    margin-right: auto;
}

.margem-cima--pequena {
    margin-top: 1em;
}

.margem-cima--media {
    margin-top: 2em;
}

.margem-cima--grande {
    margin-top: 4em;
}

.margem-cima--extra-grande {
    margin-top: 8em;
}

.margem-baixo--extra-pequena {
    margin-bottom: .5em;
}

.margem-baixo--pequena {
    margin-bottom: 1em;
}

.margem-baixo--media {
    margin-bottom: 2em;
}

.margem-baixo--grande {
    margin-bottom: 4em;
}

.margem-baixo--extra-grande {
    margin-bottom: 8em;
}

.margem-cima-baixo--media {
    margin: 2em 0;
}

.remover-barra-navegacao {
    scrollbar-width: none;
    /*Firefox omite barra de rolagem*/
}

/* Omite barra de rolagem no chrome */
.remover-barra-navegacao::-webkit-scrollbar {
    width: 0;
    display: none;
}

a {
    color: inherit;
}

.print-imagens-digitais {
    border: 1px solid #c8c8c8;
}

p {
    text-align: justify;
    line-height: 2;
    margin: .5em 0;
    padding: .5em 0;
}

p,
code {
    font-size: 1em;
}

strong {
    font-weight: 600;
}

.sublinhado {
    text-decoration: underline;
}

em {
    font-style: italic;
}

@media (min-width: 700px) {
    body {
        font-size: 105%;
    }
}

@media (min-width: 800px) {
    body {
        font-size: 110%;
    }
}

@media (min-width: 900px) {
    body {
        font-size: 115%;
    }
}

@media (min-width: 1000px) {
    body {
        font-size: 120%;
    }
}

@media (min-width: 1100px) {
    body {
        font-size: 125%;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 130%;
    }
}

@media (min-width: 1300px) {
    body {
        font-size: 140%;
    }
}

@media (min-width: 1400px) {
    body {
        font-size: 150%;
    }
}