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-footer-contact-form.css

@@ -0,0 +1,98 @@
+/**
+ * Footer Contact Form Styles
+ *
+ * Styles for the footer section including the contact form
+ * and contact information.
+ *
+ * @package Apus_Theme
+ * @since 1.0.0
+ */
+
+/* ========================================
+   Contact Form Styles
+   ======================================== */
+
+.form-control {
+    border: 2px solid var(--color-neutral-100);
+    border-radius: 6px;
+    padding: 0.625rem 1rem;
+    transition: all 0.3s ease;
+}
+
+.form-control:focus {
+    border-color: var(--color-orange-primary);
+    outline: none;
+}
+
+.btn-contact-submit {
+    background-color: var(--color-orange-primary);
+    color: #ffffff;
+    font-weight: 600;
+    padding: 0.75rem 2rem;
+    border: none;
+    border-radius: 6px;
+    transition: all 0.3s ease;
+}
+
+.btn-contact-submit:hover {
+    background-color: var(--color-orange-hover);
+    color: #ffffff;
+}
+
+.btn-submit-form {
+    background-color: var(--color-orange-primary);
+    color: #ffffff;
+    font-weight: 600;
+    padding: 0.75rem;
+    border: none;
+    border-radius: 6px;
+    transition: all 0.3s ease;
+}
+
+.btn-submit-form:hover {
+    background-color: var(--color-orange-hover);
+    color: #ffffff;
+}
+
+/* ========================================
+   Footer Styles
+   ======================================== */
+
+/* NOTA: background-color, color y padding usan clases Bootstrap nativas:
+   bg-dark, text-white, py-5 - NO sobrescribir */
+
+footer h5 {
+    color: #ffffff;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+footer a {
+    color: rgba(255, 255, 255, 0.8);
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+footer a:hover {
+    color: var(--color-orange-primary);
+}
+
+footer .btn-primary {
+    background-color: var(--color-orange-primary);
+    border-color: var(--color-orange-primary);
+}
+
+footer .btn-primary:hover {
+    background-color: var(--color-orange-hover);
+    border-color: var(--color-orange-hover);
+}
+
+/* ========================================
+   Contact Info Styles
+   ======================================== */
+
+.contact-info i {
+    color: var(--color-orange-primary);
+}
+
+/* NOTA: NO sobrescribir estilos Bootstrap h6 - Template usa defaults */