/* =====================================================
    STYLES.CSS - Entry Point / Arquivo Agregador
    Mobile First Approach

    Este arquivo importa todos os módulos CSS na ordem correta
    para garantir a cascata adequada e o carregamento ideal.
    ===================================================== */

/* =====================================================
    ORDEM DE IMPORTAÇÃO:
    1. Global (reset, variáveis, tipografia base)
    2. Componentes (header, hero, modal, footer)
    3. Páginas (ajustes específicos por página)

    IMPORTANTE: Não adicionar estilos diretamente aqui.
    Cada componente deve ter seu próprio arquivo CSS.
    ===================================================== */

/* 1. Global - Reset, Variáveis e Tipografia Base */
@import "./global.css";

/* 2. Componentes */
@import "./components/header.css";
@import "./components/hero.css";
@import "./components/testimonials.css";
@import "./components/modal.css";
@import "./components/footer.css";

/* 3. Páginas */
@import "./pages/home.css";
@import "./pages/adesivos.css";
@import "./components/guide.css";

/* =====================================================
    NOTE:
    Os media queries para responsividade (375px, 768px, 1024px, 1440px)
    já estão incluídos em cada arquivo de componente individual.
    Isso segue a metodologia Mobile First onde os estilos base
    são para a menor tela e os media queries expandem progressivamente.
    ===================================================== */