/* ===================================
   MAIN CSS - ARCHIVO PRINCIPAL
   Importa todos los módulos CSS en el orden correcto
   =================================== */

/* 1. Variables - Debe cargarse primero */
@import url('./variables.css');

/* 2. Base - Estilos fundamentales */
@import url('./base.css');

/* 3. Layout Components */
@import url('./header.css');
@import url('./hero.css');
@import url('./footer.css');

/* 4. Components - Elementos reutilizables */
@import url('./components.css');

/* 5. Animations - Efectos y movimientos */
@import url('./animations.css');

/* 6. Responsive - Debe cargarse al final */
@import url('./responsive.css');

/* 
  ALTERNATIVA DE USO:
  
  Opción 1: Importar este archivo único en HTML
  <link rel="stylesheet" href="./css/main.css" />
  
  Opción 2: Importar archivos individuales (actual)
  <link rel="stylesheet" href="./css/variables.css" />
  <link rel="stylesheet" href="./css/base.css" />
  ... etc
*/