/* ==========================================================================
   SITE.CSS - IMPORTADOR MAESTRO
   Responsable por: Orquestar la carga de todos los módulos CSS

   Estructura modular:
   - themes.css: Variables y temas (cargado en HTML separado)
   - base.css: Reset, scrollbars, focus
   - layout.css: Sidebar, navbar, footer, responsive
   - components.css: Cards, buttons, forms, modales, badges, alerts
   - pages/*.css: Estilos específicos de cada página
   - utils.css: Animaciones y utilidades

   En PRODUCTION, todos estos se concatenan en un único archivo para
   minimizar solicitudes HTTP.

   En DEVELOPMENT, se cargan por separado para facilitar debugging.
   ========================================================================== */

/* --- THEMES & VARIABLES --- */
@import url('./themes.css');

/* --- BASE STYLES --- */
@import url('./base.css');

/* --- LAYOUT STYLES --- */
@import url('./layout.css');

/* --- GLOBAL COMPONENTS --- */
@import url('./components.css');

/* --- PAGE-SPECIFIC STYLES (Cargadas cuando sea necesario) --- */
/*
   En una configuración con lazy-loading, estos se cargarían
   solo en las páginas respectivas. Para simplificar,
   se cargan en site.css pero en archivos separados.
*/
@import url('./pages/login.css');
@import url('./pages/capacitacion.css');
@import url('./pages/machines.css');
@import url('./pages/sectores.css');
@import url('./pages/reportabilidad.css');
@import url('./pages/gestion-docs.css');
@import url('./pages/comentarios.css');
@import url('./pages/formularios-especiales.css');

/* --- UTILITIES & ANIMATIONS --- */
@import url('./utils.css');

/* --- MODERN BUTTONS (mantener por compatibilidad) --- */
@import url('./modern-buttons.css');