/* ==========================================================================
   GEEZETA AGENCY · MAIN STYLESHEET
   --------------------------------------------------------------------------
   Arquitectura (orden de cascada):
     1. base/        → tokens, fuentes, reset, estilos globales
     2. components/  → piezas reutilizables (botones, cards, form...)
     3. sections/    → estilos propios de cada sección de la landing
   Para producción se puede unificar todo en un solo archivo
   (ej: `npx lightningcss --bundle --minify main.css -o main.min.css`).
   ========================================================================== */

/* 1 · BASE */
@import url('base/tokens.css');
@import url('base/fonts.css');
@import url('base/reset.css');
@import url('base/global.css');

/* 2 · COMPONENTES */
@import url('components/buttons.css');
@import url('components/header.css');
@import url('components/section-head.css');
@import url('components/marquee.css');
@import url('components/service-card.css');
@import url('components/work-card.css');
@import url('components/accordion.css');
@import url('components/form.css');
@import url('components/floating-cta.css');

/* 3 · SECCIONES */
@import url('sections/hero.css');
@import url('sections/services.css');
@import url('sections/works.css');
@import url('sections/why.css');
@import url('sections/process.css');
@import url('sections/faq.css');
@import url('sections/contact.css');
@import url('sections/footer.css');