@import "base/tokens.css";

@import "base/typography.css";

@import "base/theme-default.css";

@import "base/base.css";

@import "base/utilities.css";

@import "components/header.css";

@import "components/nav.css";

@import "components/buttons.css";

@import "components/cards.css";

@import "components/accordion.css";

@import "sections/video-playlist.css";
@import "sections/steps.css";
@import "sections/pricing.css";
@import "sections/testimonials.css";

@media (min-width: 768px) {
    #hero,
    .section-hero,
    .section-inner-hero,
    .contact {
        margin-top: 80px;
    }
}

/* Seções .about consecutivas: remove o padding-top da segunda em diante
   para evitar duplo espaçamento (bottom da anterior + top da seguinte) */
.about + .about {
    padding-top: 0;
}