/* =================================================================
   main.css  —  Ponto de entrada do CSS.
   Importa todos os módulos na ordem de cascata correta:
   global → layout → sections.
   Carregue APENAS este arquivo no index.html.
   ================================================================= */

/* ---------- 1. Global (base e tokens) ---------- */
@import url("global/variables.css");
@import url("global/reset.css");
@import url("global/typography.css");
@import url("global/animations.css");
@import url("global/global.css");

/* ---------- 2. Layout ---------- */
@import url("layout/header.css");
@import url("layout/navigation.css");
@import url("layout/footer.css");

/* ---------- 3. Seções (ordem da página) ---------- */
@import url("sections/hero.css");
@import url("sections/problem.css");
@import url("sections/solution.css");
@import url("sections/agents.css");
@import url("sections/how-it-works.css");
@import url("sections/benefits.css");
@import url("sections/transformation.css");
@import url("sections/about.css");
@import url("sections/testimonials.css");
@import url("sections/community.css");
@import url("sections/offer.css");
@import url("sections/guarantee.css");
@import url("sections/faq.css");
@import url("sections/cta.css");
@import url("sections/services.css");
@import url("sections/work.css");