/* ===== MAIN.CSS - ARCHIVO PRINCIPAL ===== */
/* Este archivo importa todos los módulos CSS en el orden correcto */

/* 1. Base - Variables y configuración fundamental */
@import url('base.css');

/* 2. Layout - Estructura principal */
@import url('layout.css');

/* 3. Components - Componentes reutilizables */
@import url('components.css');

/* 4. Pages - Estilos específicos de páginas */
@import url('pages/homes.css');
@import url('pages/products.css');
@import url('pages/about.css');
@import url('pages/contact.css');
@import url('pages/legal.css');

/* 5. Utilities - Clases de utilidad */
@import url('utililites.css');

/* 6. Responsive - Media queries */
@import url('responsive.css');

/* 7. Módulos específicos */
@import url('chatbot.css');
@import url('producto-tabs.css');

/* 
   ESTRUCTURA DE CARPETAS:
   
   /CSS/
   ├── main.css (este archivo)
   ├── base.css
   ├── layout.css
   ├── components.css
   ├── utililites.css
   ├── responsive.css
   ├── chatbot.css
   ├── producto-tabs.css
   └── pages/
       ├── homes.css
       ├── products.css
       ├── about.css
       ├── contact.css
       └── legal.css
   
   ORDEN DE IMPORTACIÓN:
   1. Base (variables, reset, tipografías)
   2. Layout (header, footer, estructura)
   3. Components (botones, cards, formularios)
   4. Pages (estilos específicos por página)
   5. Utilities (clases auxiliares)
   6. Responsive (media queries)
   7. Módulos específicos (chatbot, tabs)
*/