/*
==========================================
GROWSOFT - HOJA DE ESTILOS MODULAR
==========================================
Sistema CSS modular para mejor mantenimiento y organización.
Cada módulo tiene una responsabilidad específica.

Estructura:
1. Variables CSS (colores, tipografías, espaciados)
2. Reset y base (normalización y estilos base)
3. Layout (estructura general de páginas)
4. Navegación (menús y dropdowns)
5. Componentes (elementos reutilizables)
6. Secciones (páginas específicas)
7. Contacto (formularios y contacto)
8. Precios (tablas de precios y planes)
9. Media Queries (responsive design)

Autor: Equipo GrowSoft
Versión: 2.0 Modular
Fecha: 2024
==========================================
*/

/* 1. Variables CSS - Definiciones globales */
@import url('_variables.css');

/* 2. Reset y Base - Normalización y tipografías */
@import url('_base.css');

/* 3. Layout - Estructura general */
@import url('_layout.css');

/* 4. Navegación - Menús y dropdowns */
@import url('_navigation.css');

/* 5. Componentes - Elementos reutilizables */
@import url('_components.css');

/* 6. Secciones - Páginas específicas */
@import url('_sections.css');

/* 7. Contacto - Formularios */
@import url('_contact.css');

/* 8. Precios - Tablas de precios */
@import url('_pricing.css');

/* 9. Media Queries - Responsive design */
@import url('_media-queries.css');

/*
==========================================
NOTAS DE DESARROLLO:
==========================================

Para agregar nuevos estilos:
1. Identifica la categoría (componente, layout, etc.)
2. Agrega los estilos en el archivo correspondiente
3. Si es una nueva categoría, crea un nuevo archivo _nombre.css
4. Importa el nuevo archivo en este main.css

Orden de especificidad:
1. Variables (menor especificidad)
2. Base y reset
3. Layout general
4. Componentes específicos
5. Media queries (mayor especificidad)

Convenciones de nomenclatura:
- Clases: kebab-case (.mi-clase)
- Variables CSS: kebab-case (--color-primary)
- Archivos: _nombre.css (guión bajo para módulos)

==========================================
*/
