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/assets/css/componente-hero-section.css

@@ -0,0 +1,69 @@
+/**
+ * Hero Section Styles
+ *
+ * RESPONSABILIDAD: Estilos del componente Hero Section
+ * - Contenedor principal con gradiente navy
+ * - Título H1 del post
+ * - Category badges con efecto glassmorphism
+ *
+ * CORRECCIÓN Issue #121: Este archivo estaba vacío (solo comentarios)
+ * diciendo que los estilos estaban en style.css
+ *
+ * Ahora contiene el CSS correcto del template según:
+ * _planeacion/_desarrollo-tema-apus/theme-documentation/08-componente-hero-section/CSS-ESPECIFICO.md
+ *
+ * ELIMINADO: hero-section.css (duplicado con CSS incorrecto)
+ * - hero-section.css usaba clases .hero-section y .hero-category-badge
+ * - El HTML real usa .hero-title y .category-badge
+ * - Se consolidó todo en este archivo con las clases correctas
+ *
+ * @package Apus_Theme
+ * @since 1.0.9
+ * @source apus-theme-template/css/style.css líneas 186-222
+ */
+
+/* ========================================
+   Hero Section
+   ======================================== */
+
+.hero-title {
+    background: linear-gradient(135deg, var(--color-navy-primary) 0%, var(--color-navy-light) 100%);
+    box-shadow: 0 4px 16px rgba(30, 58, 95, 0.25);
+    padding: 3rem 0;
+}
+
+.hero-title h1 {
+    color: #ffffff !important;
+    font-weight: 700;
+    line-height: 1.4;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+    margin-bottom: 0;
+}
+
+/* ========================================
+   Category Badges (Glassmorphism Effect)
+   ======================================== */
+
+.category-badge {
+    background: rgba(255, 255, 255, 0.15);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    color: rgba(255, 255, 255, 0.95);
+    padding: 0.375rem 0.875rem;
+    border-radius: 20px;
+    font-size: 0.813rem;
+    font-weight: 500;
+    text-decoration: none;
+    display: inline-block;
+    transition: all 0.3s ease;
+}
+
+.category-badge:hover {
+    background: rgba(255, 133, 0, 0.2);
+    border-color: rgba(255, 133, 0, 0.4);
+    color: #ffffff;
+}
+
+.category-badge i {
+    color: var(--color-orange-light);
+}

wp-content/themes/apus-theme/assets/css/hero-section.css

@@ -1,62 +0,0 @@
-.hero-section {
-    background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
-    color: #ffffff;
-    margin-bottom: 2rem;
-}
-
-.hero-content {
-    max-width: 900px;
-    margin: 0 auto;
-}
-
-.hero-categories {
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-}
-
-.hero-category-badge {
-    display: inline-block;
-    background: rgba(255, 255, 255, 0.2);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    color: #ffffff;
-    padding: 0.25rem 0.75rem;
-    border-radius: 20px;
-    font-size: 0.875rem;
-    font-weight: 500;
-}
-
-.hero-meta {
-    color: rgba(255, 255, 255, 0.9);
-    font-size: 0.95rem;
-    margin-top: 1rem;
-}
-
-.hero-meta-item {
-    display: inline-flex;
-    align-items: center;
-}
-
-.hero-meta-separator {
-    margin: 0 0.75rem;
-    opacity: 0.6;
-}
-
-/* Responsive */
-@media (max-width: 767px) {
-    .hero-meta {
-        font-size: 0.85rem;
-    }
-
-    .hero-meta-separator {
-        margin: 0 0.5rem;
-    }
-}
-
-@media (max-width: 575px) {
-    .hero-category-badge {
-        font-size: 0.75rem;
-        padding: 0.2rem 0.6rem;
-    }
-}

wp-content/themes/apus-theme/assets/css/hero.css

@@ -1,11 +0,0 @@
-/**
- * Hero Section Styles
- *
- * NOTA: Todos los estilos del hero section están en style.css según template original.
- * Este archivo se mantiene vacío para evitar duplicaciones.
- *
- * @package Apus_Theme
- * @since 1.0.0
- */
-
-/* Los estilos de .hero-title y .category-badge están en style.css líneas 812-848 */