Eliminar QUINTA duplicación de .hero-title en hero-section.css - Issue #108

PROBLEMA CRÍTICO ENCONTRADO:
El archivo hero-section.css (Issue #40, prioridad 20) tenía OTRA definición
de .hero-title con margin: 1rem 0; que causaba 16px de espacio entre navbar y hero.

Como se cargaba DESPUÉS de style.css (prioridad 5), sobrescribía los estilos
y agregaba el margin no deseado.

CAMBIOS:
- Eliminado .hero-title completo (líneas 30-37) incluyendo margin: 1rem 0
- Eliminado .hero-title del @media responsive (líneas 57-59)
- Mantenido solo .hero-meta, .hero-category-badge, etc.

RESUMEN DE DUPLICACIONES ELIMINADAS:
1. hero.css - .hero-title eliminado ✓
2. custom-style.css - .hero-title eliminado ✓
3. hero-section.css - .hero-title eliminado ✓

AHORA .hero-title solo existe UNA VEZ en style.css como debe ser.

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

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

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

@@ -27,15 +27,6 @@
     font-weight: 500;
 }
 
-.hero-title {
-    color: #ffffff;
-    font-size: 2.5rem;
-    font-weight: 700;
-    margin: 1rem 0;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    line-height: 1.2;
-}
-
 .hero-meta {
     color: rgba(255, 255, 255, 0.9);
     font-size: 0.95rem;
@@ -54,10 +45,6 @@
 
 /* Responsive */
 @media (max-width: 767px) {
-    .hero-title {
-        font-size: 1.75rem;
-    }
-
     .hero-meta {
         font-size: 0.85rem;
     }