/* ========================================================================
   MAIN.CSS - Punto de entrada del sistema CSS modular
   ========================================================================
   
   ARQUITECTURA CSS - JERGO Panel de Control
   ==========================================
   
   Total: 27 archivos modulares organizados en 5 categorías
   
   📁 base/ (3 archivos) - Fundamentos del sistema
      ├── _variables.css    → Design tokens (colores, espaciados, tipografía)
      ├── _reset.css        → Normalización cross-browser
      └── _typography.css   → Sistema tipográfico (headings, text utilities)
   
   📁 components/ (7 archivos) - Elementos UI reutilizables
      ├── _buttons.css      → Variantes de botones (primary, success, danger, etc.)
      ├── _cards.css        → Cards con header/body/footer
      ├── _forms.css        → Inputs, selects, checkboxes, validación
      ├── _badges.css       → Badges, alerts, toasts, status indicators
      ├── _tables.css       → Tablas base + partidas-table específica
      ├── _modals.css       → Sistema de modales con overlay
      └── _date-selector.css → Componente de selección de fechas
   
   📁 layout/ (4 archivos) - Estructura de página
      ├── _header.css       → Header principal, module-header, main-panel
      ├── _navigation.css   → Navbar, tabs, pills, breadcrumbs, menu-items
      ├── _containers.css   → Grid system, contenedores, panels
      └── _footer.css       → Footer de la aplicación
   
   📁 modules/ (10 archivos) - Estilos por pantalla/funcionalidad
      ├── _evm.css              → Gráfico EVM, toggles, KPIs, legend
      ├── _long-planning.css    → Diagrama CPM, toolbar, propiedades
      ├── _ejecucion-obra.css   → Tabs CE/VAL, tablas editables
      ├── _partidas.css         → Modal de partidas, tabla jerárquica
      ├── _login.css            → Pantalla de login, graph-background
      ├── _upload-obra.css      → Wizard de carga Excel
      ├── _planning-status.css  → Planificación corto plazo, PPC
      ├── _apu.css              → Análisis de Precios Unitarios
      ├── _gantt.css            → Diagrama Gantt tipo MS Project
      └── _analisis-dashboard.css → Dashboard principal, resumen financiero
   
   📁 utilities/ (3 archivos) - Helpers y utilidades
      ├── _animations.css   → Keyframes, spinners, loading states
      ├── _helpers.css      → Margin, padding, flex, display utilities
      └── _responsive.css   → Media queries, breakpoints, print styles
   
   ESTRATEGIA DE MIGRACIÓN (Strangler Fig Pattern)
   ================================================
   - main.css carga primero (nuevos estilos modulares)
   - Legacy CSS carga después (sobrescribe donde sea necesario)
   - Migración gradual: cuando un módulo está completo, se puede
     remover la sección correspondiente del legacy
   
   ======================================================================== */

/* ----------------------------------------------------------------
   1. BASE - Fundamentos del sistema
   ---------------------------------------------------------------- */
@import url('./base/_variables.css');
@import url('./base/_reset.css');
@import url('./base/_typography.css');

/* ----------------------------------------------------------------
   2. COMPONENTES - Elementos reutilizables
   ---------------------------------------------------------------- */
@import url('./components/_buttons.css');
@import url('./components/_cards.css');
@import url('./components/_forms.css');
@import url('./components/_badges.css');
@import url('./components/_tables.css');
@import url('./components/_modals.css');
@import url('./components/_date-selector.css');

/* ----------------------------------------------------------------
   3. LAYOUT - Estructura de la página
   ---------------------------------------------------------------- */
@import url('./layout/_header.css');
@import url('./layout/_navigation.css');
@import url('./layout/_containers.css');
@import url('./layout/_footer.css');

/* ----------------------------------------------------------------
   4. MÓDULOS - Estilos específicos por pantalla
   ---------------------------------------------------------------- */
@import url('./modules/_evm.css');
@import url('./modules/_long-planning.css');
@import url('./modules/_ejecucion-obra.css');
@import url('./modules/_partidas.css');
@import url('./modules/_login.css');
@import url('./modules/_upload-obra.css');
@import url('./modules/_planning-status.css');
@import url('./modules/_apu.css');
@import url('./modules/_gantt.css');
@import url('./modules/_analisis-dashboard.css');
@import url('./modules/_settings.css');

/* ----------------------------------------------------------------
   5. UTILITIES - Helpers y animaciones
   ---------------------------------------------------------------- */
@import url('./utilities/_animations.css');
@import url('./utilities/_helpers.css');
@import url('./utilities/_responsive.css');

/* ----------------------------------------------------------------
   6. LEGACY - CSS existente (migración gradual)
   Durante la migración, los CSS antiguos siguen cargándose
   desde index.html directamente. A medida que migremos secciones,
   las moveremos aquí y eliminaremos del HTML.
   ---------------------------------------------------------------- */
/* 
   Los siguientes archivos se cargan desde index.html:
   - styles.css (9,933 líneas - mega-file principal)
   - table-standard.css (316 líneas)
   - partidas-modal.css (964 líneas)
   - ejecucion-obra.css (2,313 líneas)
   
   Cuando migremos cada sección, comentaremos del HTML
   y descomenaremos aquí su versión refactorizada.
*/