@import url("styles/header.css");
@import url("styles/banner.css");
@import url("styles/secoes.css");
@import url("styles/whatsapp.css");
@import url("styles/rodape.css");
@import url("styles/sobre.css");
@import url("styles/tratamentos.css");
@import url("styles/midia.css");
@import url("styles/contato.css");


:root {
    --cor-de-fundo: #EBECEE;
    --branco: #FFFFFF;
    --laranja: #f58634;
    --laranja-escuro: #c77336;
    --azul-banner: #0097b2;
    --azul-subtitulo: #00ace6;
    --azul-degrade: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);
    --fonte-principal: "Poppins";
}

html{
    scroll-behavior: smooth;
}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    min-height: 100vh;
}

@media screen and (min-width: 800px) {
    body {
        background-color: var(--cor-de-fundo);
        font-family: var(--fonte-principal);
        font-weight: 500;
        padding-bottom: 0;
        min-height: 100vh;
        font-size: 1.2em;
    }


}