@import url("styles/header.css");
@import url("styles/banner.css");
@import url("styles/conteudo.css");
@import url("styles/solucoes.css");
@import url("styles/contato.css");
@import url("styles/rodape.css");
@import url("styles/oferecemos.css");
@import url("styles/planos.css");
@import url("styles/segmentos.css");
@import url("styles/perguntas.css");


:root {
    --cor-de-fundo: #ebecee;
    --branco: #ffffff;
    --azul: #3f6e9c;
    --cinza: #f6f6f6;
    --cinza-escuro: #868686;
    --preto: #000000;
    --fonte-principal: "Poppins";
    --azul-claro: #498bcec2;
}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
    font-size: 14px;
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}

strong {
    color: var(--cinza-escuro);
    font-weight: 600;
}

@media screen and (min-width: 1024px) {
    body {
        max-width: 1100px;
    }
}