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/custom-style.css

@@ -79,49 +79,7 @@ body {
     color: var(--color-orange-primary);
 }
 
-/* NAVBAR y BOTÓN LET'S TALK: CSS movido a assets/css/style.css */
-
-/* ========================================
-   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-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);
-}
+/* NAVBAR, HERO SECTION, y BOTÓN LET'S TALK: CSS movido a assets/css/style.css */
 
 /* ========================================
    FEATURED IMAGE

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

@@ -9,20 +9,9 @@
  */
 
 /* ============================================
-   HERO SECTION - GRADIENTE AZUL
+   HERO SECTION - CATEGORY BADGES
    ============================================ */
 
-.hero-title {
-    background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
-    box-shadow: 0 4px 16px rgba(30, 58, 95, 0.25);
-}
-
-.hero-title h1 {
-    color: #ffffff !important;
-    font-weight: 700;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
 /* Category Badges en Hero */
 .category-badge-hero {
     background: rgba(255, 255, 255, 0.15);
@@ -54,15 +43,6 @@
 
 /* Responsive */
 @media (max-width: 767.98px) {
-    .hero-title {
-        padding-top: 3rem !important;
-        padding-bottom: 3rem !important;
-    }
-
-    .hero-title h1 {
-        font-size: 1.75rem !important;
-    }
-
     .category-badge-hero {
         font-size: 12px;
         padding: 4px 12px;

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 {