/* importar estilos */
@import url('/css/base/reset.css');
@import url('/css/base/variaveis.css');
@import url('/css/components/header.css');
@import url('/css/components/home.css');
@import url('/css/components/vantagens.css');
@import url('/css/components/resultados.css');
@import url('/css/components/sobre.css');
@import url('/css/components/footer.css');

main {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 50px; */
}

.page-section {
    width: 100%;
    min-height: 100dvh;    
    min-width: 100dvw;
    /* max-width: 100dvw;
    max-height: 100dvh; */
    display: flex;
    overflow: hidden;
    scroll-margin-top: 100px;
}

@media (min-width: 1024px) {
    main {
        gap: 50px;
    }
}