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-boton-lets-talk.css

@@ -0,0 +1,36 @@
+/**
+ * Buttons Styles
+ *
+ * RESPONSABILIDAD: Estilos de botones personalizados del tema
+ * - Botón Let's Talk (navbar)
+ * - Otros botones custom del tema
+ *
+ * REACTIVADO: Issue #121 - Arquitectura de separación de componentes
+ * El CSS NO debe estar en style.css sino en archivos individuales
+ *
+ * @package Apus_Theme
+ * @since 1.0.7
+ */
+
+/* ========================================
+   Botón Let's Talk (Navbar)
+   ======================================== */
+
+.btn-lets-talk {
+    background-color: var(--color-orange-primary) !important;
+    color: #ffffff !important;
+    font-weight: 600;
+    padding: 0.5rem 1.5rem;
+    border: none;
+    border-radius: 6px;
+    transition: all 0.3s ease;
+}
+
+.btn-lets-talk:hover {
+    background-color: var(--color-orange-hover) !important;
+    color: #ffffff !important;
+}
+
+.btn-lets-talk i {
+    color: #ffffff;
+}