Vaciar hero.css y badges.css - Estilos duplicados NO están en template original - Issue #105

PROBLEMA:
- hero.css y badges.css tenían estilos de .category-badge-hero que NO existen en template
- Estos archivos sobrescribían los estilos correctos de style.css
- Template original SOLO tiene .category-badge en style.css, NO tiene clase -hero

ARCHIVOS AFECTADOS:

1. badges.css - VACIADO COMPLETO:
   - Eliminado .category-badge (líneas 15-38) - duplicado, NO en template
   - Eliminado .category-badge-hero (líneas 41-56) - NO existe en template
   - Eliminado responsive (líneas 59-68) - duplicado
   - Total: 58 líneas eliminadas

2. hero.css - VACIADO COMPLETO:
   - Eliminado .category-badge-hero (líneas 16-31) - NO existe en template
   - Eliminado hover (líneas 33-38) - NO en template
   - Eliminado i (líneas 40-42) - NO en template
   - Eliminado responsive (líneas 45-50) - NO en template
   - Total: 40 líneas eliminadas

ESTILOS CORRECTOS:
Todos los estilos del hero section y badges están en style.css líneas 812-848
según template original apus-theme-template/css/style.css líneas 186-222

TEMPLATE ORIGINAL SOLO TIENE:
- .hero-title
- .hero-title h1
- .category-badge
- .category-badge:hover
- .category-badge i

NO TIENE clase .category-badge-hero específica.

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

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

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

@@ -1,68 +1,11 @@
 /**
  * Badges Styles
  *
- * Estilos para badges de categorías
- * Template ref: css/style.css líneas 459-490
+ * NOTA: Todos los estilos de badges están en style.css según template original.
+ * Este archivo se mantiene vacío para evitar duplicaciones.
  *
  * @package Apus_Theme
  * @since 1.0.0
  */
 
-/* ============================================
-   CATEGORY BADGE GENÉRICA
-   ============================================ */
-
-.category-badge {
-    display: inline-flex;
-    align-items: center;
-    padding: 0.375rem 0.875rem;
-    background: #e9ecef;
-    border-radius: 20px;
-    color: #6c757d;
-    text-decoration: none;
-    font-size: 0.813rem;
-    font-weight: 500;
-    transition: all 0.3s ease;
-}
-
-.category-badge:hover {
-    background: #dee2e6;
-    color: #495057;
-    text-decoration: none;
-}
-
-.category-badge i {
-    font-size: 0.7rem;
-    color: #6c757d;
-    opacity: 0.7;
-}
-
-/* Variante para Hero (fondo oscuro) */
-.category-badge-hero {
-    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);
-}
-
-.category-badge-hero:hover {
-    background: rgba(255, 255, 255, 0.25);
-    color: #ffffff;
-}
-
-.category-badge-hero i {
-    color: rgba(255, 255, 255, 0.85);
-    opacity: 0.8;
-}
-
-/* Responsive */
-@media (max-width: 767.98px) {
-    .category-badge {
-        font-size: 0.75rem;
-        padding: 0.25rem 0.75rem;
-    }
-
-    .category-badge i {
-        font-size: 0.65rem;
-    }
-}
+/* Los estilos de .category-badge están en style.css líneas 826-848 */

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

@@ -1,50 +1,11 @@
 /**
  * Hero Section Styles
  *
- * Estilos para la sección hero con gradiente azul
- * Template ref: css/style.css líneas 122-129
+ * NOTA: Todos los estilos del hero section están en style.css según template original.
+ * Este archivo se mantiene vacío para evitar duplicaciones.
  *
  * @package Apus_Theme
  * @since 1.0.0
  */
 
-/* ============================================
-   HERO SECTION - CATEGORY BADGES
-   ============================================ */
-
-/* Category Badges en Hero */
-.category-badge-hero {
-    background: rgba(255, 255, 255, 0.15);
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    color: #ffffff;
-    padding: 6px 16px;
-    border-radius: 20px;
-    font-size: 14px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    text-decoration: none;
-    display: inline-flex;
-    align-items: center;
-    transition: all 0.3s ease;
-}
-
-.category-badge-hero:hover {
-    background: rgba(255, 255, 255, 0.25);
-    color: #ffffff;
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.category-badge-hero i {
-    font-size: 12px;
-}
-
-/* Responsive */
-@media (max-width: 767.98px) {
-    .category-badge-hero {
-        font-size: 12px;
-        padding: 4px 12px;
-    }
-}
+/* Los estilos de .hero-title y .category-badge están en style.css líneas 812-848 */