ARQUITECTURA: Renombrar CSS para correspondencia 1-a-1 con documentación - Issue #133

PROBLEMA RESUELTO:
- Duplicación de archivos CSS (hero.css y hero-section.css)
- Nombres genéricos que no corresponden con documentación
- Confusión sobre qué archivo editar

RENOMBRAMIENTOS (7 archivos):
✅ notification-bar.css → componente-top-bar.css
✅ navbar.css → componente-navbar.css
✅ buttons.css → componente-boton-lets-talk.css
✅ hero.css → componente-hero-section.css (+ CSS correcto del template)
✅ toc-sidebar.css → componente-sidebar-toc.css
✅ social-share.css → componente-share-buttons.css
✅ footer-contact.css → componente-footer-contact-form.css

ELIMINADO:
❌ hero-section.css (duplicado con CSS incorrecto)
- Usaba clases .hero-section y .hero-category-badge
- El HTML real usa .hero-title y .category-badge
- Consolidado en componente-hero-section.css

ACTUALIZACIONES:
- enqueue-scripts.php: Todas las referencias actualizadas
- functions.php: Version bump 1.0.8 → 1.0.9
- Eliminada función apus_enqueue_hero_section_styles() (duplicada)

BENEFICIOS:
✅ Correspondencia directa 1-a-1 con carpetas de documentación
✅ Evita duplicaciones futuras
✅ Facilita identificar qué CSS editar
✅ Nomenclatura consistente y estándar

Issue: #133

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

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

@@ -111,9 +111,9 @@ function apus_enqueue_fase2_styles() {
     // Hero Section CSS - Gradiente azul (Issue #59)
     wp_enqueue_style(
         'apus-hero',
-        get_template_directory_uri() . '/assets/css/hero.css',
+        get_template_directory_uri() . '/assets/css/componente-hero-section.css',
         array('apus-bootstrap'),
-        filemtime(get_template_directory() . '/assets/css/hero.css'),
+        filemtime(get_template_directory() . '/assets/css/componente-hero-section.css'),
         'all'
     );
 
@@ -170,27 +170,27 @@ 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',
+        get_template_directory_uri() . '/assets/css/componente-top-bar.css',
         array('apus-bootstrap'),
-        filemtime(get_template_directory() . '/assets/css/notification-bar.css'),
+        filemtime(get_template_directory() . '/assets/css/componente-top-bar.css'),
         'all'
     );
 
     // Navbar CSS - Navegación principal
     wp_enqueue_style(
         'apus-navbar',
-        get_template_directory_uri() . '/assets/css/navbar.css',
+        get_template_directory_uri() . '/assets/css/componente-navbar.css',
         array('apus-bootstrap'),
-        filemtime(get_template_directory() . '/assets/css/navbar.css'),
+        filemtime(get_template_directory() . '/assets/css/componente-navbar.css'),
         'all'
     );
 
     // Buttons CSS - Botones personalizados (Let's Talk, etc.)
     wp_enqueue_style(
         'apus-buttons',
-        get_template_directory_uri() . '/assets/css/buttons.css',
+        get_template_directory_uri() . '/assets/css/componente-boton-lets-talk.css',
         array('apus-bootstrap'),
-        filemtime(get_template_directory() . '/assets/css/buttons.css'),
+        filemtime(get_template_directory() . '/assets/css/componente-boton-lets-talk.css'),
         'all'
     );
 }
@@ -482,7 +482,7 @@ add_action('wp_enqueue_scripts', 'apus_enqueue_theme_styles', 13);
  *
  * HABILITADO: CSS de share buttons debe estar en su propio archivo
  * Arquitectura correcta: cada componente tiene su archivo CSS individual
- * Ver: wp-content/themes/apus-theme/assets/css/social-share.css
+ * Ver: wp-content/themes/apus-theme/assets/css/componente-share-buttons.css
  */
 function apus_enqueue_social_share_styles() {
     // Only enqueue on single posts
@@ -493,7 +493,7 @@ function apus_enqueue_social_share_styles() {
     // Social Share CSS
     wp_enqueue_style(
         'apus-social-share',
-        get_template_directory_uri() . '/assets/css/social-share.css',
+        get_template_directory_uri() . '/assets/css/componente-share-buttons.css',
         array('apus-bootstrap'),
         APUS_VERSION,
         'all'
@@ -619,9 +619,9 @@ function apus_enqueue_toc_sidebar_assets() {
     // TOC Sidebar CSS
     wp_enqueue_style(
         'apus-toc-sidebar',
-        get_template_directory_uri() . '/assets/css/toc-sidebar.css',
+        get_template_directory_uri() . '/assets/css/componente-sidebar-toc.css',
         array('apus-bootstrap'),
-        filemtime(get_template_directory() . '/assets/css/toc-sidebar.css'),
+        filemtime(get_template_directory() . '/assets/css/componente-sidebar-toc.css'),
         'all'
     );
 }
@@ -633,13 +633,13 @@ add_action('wp_enqueue_scripts', 'apus_enqueue_toc_sidebar_assets', 18);
  *
  * ARQUITECTURA CORRECTA: Cada componente debe tener su propio archivo CSS
  * Footer Contact Form CSS ahora está en su archivo individual
- * Ver: wp-content/themes/apus-theme/assets/css/footer-contact.css
+ * Ver: wp-content/themes/apus-theme/assets/css/componente-footer-contact-form.css
  */
 function apus_enqueue_footer_contact_assets() {
     // Footer Contact CSS
     wp_enqueue_style(
         'apus-footer-contact',
-        get_template_directory_uri() . '/assets/css/footer-contact.css',
+        get_template_directory_uri() . '/assets/css/componente-footer-contact-form.css',
         array('apus-bootstrap'),
         APUS_VERSION,
         'all'
@@ -648,23 +648,3 @@ function apus_enqueue_footer_contact_assets() {
 
 add_action('wp_enqueue_scripts', 'apus_enqueue_footer_contact_assets', 18);
 
-/**
- * Enqueue Hero Section styles (Issue #40)
- */
-function apus_enqueue_hero_section_styles() {
-    // Solo enqueue en posts individuales
-    if (!is_single()) {
-        return;
-    }
-
-    // Hero Section CSS
-    wp_enqueue_style(
-        'apus-hero-section',
-        get_template_directory_uri() . '/assets/css/hero-section.css',
-        array('apus-bootstrap'),
-        APUS_VERSION,
-        'all'
-    );
-}
-
-add_action('wp_enqueue_scripts', 'apus_enqueue_hero_section_styles', 20);