Consolidar CSS eliminando duplicaciones de .hero-title - Issue #108

PROBLEMA RAÍZ:
- .hero-title estaba definido en 4 archivos diferentes (style.css, hero.css, custom-style.css)
- Había propiedades incorrectas agregadas (margin-bottom: 0 en .navbar, margin-top: 0 en .hero-title)
- Estas propiedades NO existen en el template original

CAMBIOS REALIZADOS:

1. hero.css:
   - Eliminado .hero-title completo (líneas 15-24)
   - Eliminado .hero-title del media query responsive (líneas 57-64)
   - Mantenido solo .category-badge-hero y su responsive

2. custom-style.css:
   - Eliminado .hero-title completo (líneas 88-92)
   - Eliminado .hero-title h1 (líneas 94-100)
   - Eliminado .category-badge (líneas 102-124)
   - Dejado comentario indicando que CSS está en style.css

3. style.css:
   - Eliminado margin-bottom: 0 de .navbar (línea 696)
   - Eliminado margin-top: 0 de .hero-title (línea 817)

RESULTADO:
- .hero-title ahora solo está definido UNA VEZ en style.css
- CSS coincide EXACTAMENTE con el template original
- Sin propiedades extras que no existen en template
- Sin duplicaciones de código

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

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

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

@@ -693,7 +693,6 @@ img {
     background-color: var(--color-navy-primary) !important;
     box-shadow: 0 4px 12px rgba(30, 58, 95, 0.15);
     padding: 0.75rem 0;
-    margin-bottom: 0;
     transition: all 0.3s ease;
 }
 
@@ -814,7 +813,6 @@ img {
     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;
-    margin-top: 0;
 }
 
 .hero-title h1 {