/* ============================================
   NOMBRE DEL ARCHIVO: main.css
   TIPO: Hoja de estilos (Punto de entrada)
   FUNCION: Importa todos los modulos CSS en orden jerarquico
   CONTIENE: Importaciones de base, vendor, layout, components, pages, responsive
   DEPENDENCIAS: Todos los archivos CSS del proyecto

   INDICE DE IMPORTACIONES:
   1. BASE - Estilos fundamentales
      - variables.css
      - reset.css
      - typography.css
   2. VENDOR - Librerias externas
      - external.css
   3. LAYOUT - Estructura de pagina
      - grid.css
      - header.css
      - footer.css
   4. COMPONENTS - Elementos reutilizables
      - buttons.css
      - forms.css
      - cards.css
      - cart.css
      - modals.css
      - carousel.css
   5. PAGES - Estilos especificos por pagina
      - home.css
      - tienda.css
      - producto.css
      - nosotros.css
      - servicios.css
      - contacto.css
   6. RESPONSIVE - Siempre al final
      - responsive.css
   ============================================ */

/* SECCION 1: BASE - Estilos fundamentales */
@import url("./1-base/variables.css");
@import url("./1-base/reset.css");
@import url("./1-base/typography.css");

/* SECCION 2: VENDOR - Librerias externas */
@import url("./5-vendor/external.css");

/* SECCION 3: LAYOUT - Estructura de pagina */
@import url("./2-layouts/grid.css");
@import url("./2-layouts/header.css");
@import url("./2-layouts/footer.css");

/* SECCION 4: COMPONENTS - Elementos reutilizables */
@import url("./3-components/buttons.css");
@import url("./3-components/forms.css");
@import url("./3-components/cards.css");
@import url("./3-components/cart.css");
@import url("./3-components/modals.css");
@import url("./3-components/carousel.css");

/* SECCION 5: PAGES - Estilos especificos por pagina */
@import url("./4-pages/home.css");
@import url("./4-pages/tienda.css");
@import url("./4-pages/producto.css");
@import url("./4-pages/nosotros.css");
@import url("./4-pages/servicios.css");
@import url("./4-pages/contacto.css");

/* SECCION 6: RESPONSIVE - Siempre al final */
@import url("./2-layouts/responsive.css");