ARQUITECTURA: Limpieza masiva - Mover componentes de style.css a archivos individuales - Issue #121

Problema:
- style.css contenía CSS de MÚLTIPLES componentes mezclados
- Violaba principio de separación de responsabilidades
- Algunos componentes tenían archivos CSS pero estaban duplicados en style.css

Solución:

1. REACTIVADO buttons.css
   - Era archivo deshabilitado (Issue #101 lo movió a style.css - INCORRECTO)
   - Ahora contiene estilos del botón Let's Talk
   - Registrado en enqueue-scripts.php línea 189

2. CREADO navbar.css
   - Nuevo archivo para navegación principal
   - Incluye: navbar, navbar-brand, nav-link, dropdown-menu, dropdown-item
   - Registrado en enqueue-scripts.php línea 180

3. REGISTRADO notification-bar.css
   - Archivo ya existía pero NO estaba registrado
   - Ahora registrado en enqueue-scripts.php línea 171

4. LIMPIEZA MASIVA style.css
   - Eliminadas 262 líneas de CSS de componentes
   - Componentes movidos:
     * TOP NOTIFICATION BAR → notification-bar.css
     * NAVBAR → navbar.css
     * BOTÓN LET'S TALK → buttons.css
     * HERO SECTION → hero.css (ya existía)
     * POST CONTENT → post-content.css (ya existía)
     * FEATURED IMAGE → (comentado, pendiente crear si necesario)

Archivos modificados:
- assets/css/buttons.css - Reactivado con estilos Let's Talk
- assets/css/navbar.css (NUEVO) - Componente navegación
- assets/css/style.css - Eliminadas 262 líneas
- inc/enqueue-scripts.php - Nueva función apus_enqueue_global_components()
- functions.php - Version bump 1.0.6 → 1.0.7

🎯 Resultado:
- style.css ahora SOLO contiene estilos GLOBALES del tema
- TODOS los componentes en archivos individuales
- Arquitectura consistente y mantenible
- No más duplicaciones

🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/themes/apus-theme/inc/enqueue-scripts.php

@@ -158,6 +158,45 @@ function apus_enqueue_fase2_styles() {
 
 add_action('wp_enqueue_scripts', 'apus_enqueue_fase2_styles', 6);
 
+/**
+ * Enqueue Global Components CSS
+ *
+ * ARQUITECTURA: Componentes globales que aparecen en todas las páginas
+ * Issue #121 - Separación de componentes del style.css
+ *
+ * @since 1.0.7
+ */
+function apus_enqueue_global_components() {
+    // Notification Bar CSS - Barra superior (Issue #39)
+    wp_enqueue_style(
+        'apus-notification-bar',
+        get_template_directory_uri() . '/assets/css/notification-bar.css',
+        array('apus-bootstrap'),
+        filemtime(get_template_directory() . '/assets/css/notification-bar.css'),
+        'all'
+    );
+
+    // Navbar CSS - Navegación principal
+    wp_enqueue_style(
+        'apus-navbar',
+        get_template_directory_uri() . '/assets/css/navbar.css',
+        array('apus-bootstrap'),
+        filemtime(get_template_directory() . '/assets/css/navbar.css'),
+        'all'
+    );
+
+    // Buttons CSS - Botones personalizados (Let's Talk, etc.)
+    wp_enqueue_style(
+        'apus-buttons',
+        get_template_directory_uri() . '/assets/css/buttons.css',
+        array('apus-bootstrap'),
+        filemtime(get_template_directory() . '/assets/css/buttons.css'),
+        'all'
+    );
+}
+
+add_action('wp_enqueue_scripts', 'apus_enqueue_global_components', 7);
+
 /**
  * Enqueue header styles and scripts
  */