/*
 * ============================================================
 *  IGSS — app.css
 *  Orquestador principal de estilos
 *
 *  ORDEN DE CARGA (importa respetar la cascada):
 *  0. Tokens      → Variables globales (colores, fuentes, espaciados)
 *  1. Base        → Reset y defaults de HTML
 *  2. Overrides   → Personalización de Bootstrap
 *  3. Layout      → Estructura de página (header, footer, nav)
 *  4. Components  → Componentes reutilizables
 *  5. Sections    → Secciones específicas del home
 *  7. Utilities   → Helpers y clases utilitarias propias
 *
 *  ─────────────────────────────────────────────────────────
 *  Las páginas (06_pages/) NO se importan aquí.
 *  Se cargan condicionalmente desde enqueue.php
 *  para evitar que todos los usuarios carguen CSS innecesario.
 * ============================================================
 */

/* ── 0. TOKENS ─────────────────────────────────────────────
   El corazón del sistema. Todo lo demás los consume.
   ─────────────────────────────────────────────────────────*/
@import '00_tokens/colors.css';
@import '00_tokens/typography.css';
@import '00_tokens/spacing.css';
@import '00_tokens/shadows-radius.css';

/* ── 1. BASE ────────────────────────────────────────────────
   Reset mínimo y estilos HTML globales.
   ─────────────────────────────────────────────────────────*/
@import '01_base/reset.css';

/* ── 2. BOOTSTRAP OVERRIDES ─────────────────────────────────
   Aquí dominamos Bootstrap. Se aplican DESPUÉS de que
   Bootstrap carga (ver enqueue.php).
   ─────────────────────────────────────────────────────────*/
@import '02_bootstrap-overrides/variables.css';
@import '02_bootstrap-overrides/buttons.css';
@import '02_bootstrap-overrides/cards.css';
@import '02_bootstrap-overrides/tables.css';
@import '02_bootstrap-overrides/forms.css';
@import '02_bootstrap-overrides/badges.css';
@import '02_bootstrap-overrides/alerts.css';

/* ── 3. LAYOUT ──────────────────────────────────────────────
   Estructura global: header, footer, navegación.
   ─────────────────────────────────────────────────────────*/
@import '03_layout/header.css';
@import '03_layout/footer.css';
@import '03_layout/navigation.css';
@import '03_layout/sections-layout.css';

/* ── 4. COMPONENTS ──────────────────────────────────────────
   Componentes reutilizables en cualquier página.
   ─────────────────────────────────────────────────────────*/
@import '04_components/hero-page.css';
@import '04_components/carousel.css';
@import '04_components/modals.css';
@import '04_components/loader.css';
@import '04_components/service-buttons.css';
@import '04_components/faq-table.css';
@import '04_components/institucional-cards.css';

/* ── 5. SECTIONS ────────────────────────────────────────────
   Secciones del home (pueden reutilizarse en otras páginas).
   ─────────────────────────────────────────────────────────*/
@import '05_sections/video-modal.css';
@import '05_sections/banner-overlay.css';

/* ── 7. UTILITIES ───────────────────────────────────────────
   Clases de ayuda propias del IGSS (no duplicar las de Bootstrap).
   ─────────────────────────────────────────────────────────*/
@import '07_utilities/utilities.css';