@import "../fonts/fonts.min.css";
@import "navbar.css";
@import "hero.css";
@import "about.css";
@import "comissao.css";
@import "shortly.css";
@import "footer.css";

/* Reset e Configurações Gerais */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Usa CSS nativo ao invés de JS quando possível */
html {
    scroll-behavior: smooth;
}

.smart-scroll {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.scrolled-down {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
}

.scrolled-up {
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}

/* Transições suaves para o menu */
.navbar-collapse {
    transition: all 0.3s ease-in-out;
}

.navbar-collapse.collapsing {
    transition: height 0.3s ease;
}

/* Will-change para animações */
.navbar-collapse {
    will-change: transform;
    transition: transform 0.3s ease-in-out;
}

/* Contain para isolar repaint */
section {
    contain: layout style paint;
}