/**
 * Main CSS Entry Point - Ruido Blanco Inteligencia
 *
 * Este archivo importa todos los módulos CSS de forma organizada.
 * Edita cada componente en su archivo correspondiente dentro de
 * la carpeta styles/components/
 */

/* ==========================================================================
   BASE STYLES
   Estilos fundamentales y variables
   ========================================================================== */

@import url('./base/reset.css');
@import url('./base/variables.css');

/* ==========================================================================
   COMPONENTS
   Estilos por sección/componente
   ========================================================================== */

/* UI Elements */
@import url('./components/loader.css');
@import url('./components/cursor.css');
@import url('./components/navigation.css');
@import url('./components/mobile-menu.css');

/* Page Sections */
@import url('./components/hero.css');
@import url('./components/split-section.css');
@import url('./components/capabilities.css');
@import url('./components/tools-ribbon.css');
@import url('./components/projects.css');
@import url('./components/blog.css');
@import url('./components/contact.css');
@import url('./components/footer.css');

/**
 * Guía rápida de dónde editar:
 *
 * - Hero (Inteligencia con Datos) → components/hero.css
 * - Navegación/Header → components/navigation.css
 * - Sección "Transformando Datos" → components/split-section.css
 * - Capacidades → components/capabilities.css
 * - Carrusel de Herramientas → components/tools-ribbon.css
 * - Proyectos → components/projects.css
 * - Blog → components/blog.css
 * - Footer → components/footer.css
 * - Cursor personalizado → components/cursor.css
 * - Pantalla de carga → components/loader.css
 * - Menú móvil → components/mobile-menu.css
 */