ARQUITECTURA: Separación de responsabilidades CSS - Eliminar duplicaciones

Problema:
Tres archivos CSS definían body con responsabilidades mezcladas:
- fonts.css línea 38: body { font-family, color, antialiasing... }
- style.css línea 95: body { font-family, margin, padding... }
- variables.css línea 189: body { font-family, color, line-height... }

Causaba conflictos de cascada y violaba principio de responsabilidad única.

Solución:
1. fonts.css - SOLO fuentes:
   - Mantener: :root con variables tipográficas
   - Mantener: @font-face declarations (comentadas)
   - Mantener: Clases utilitarias de fuentes
   - ELIMINAR: body, code, pre (movidos a style.css)
   - Agregar: Comentarios de responsabilidades

2. variables.css - SOLO variables:
   - Mantener: :root con todas las variables CSS
   - ELIMINAR: body, a, a:hover (movidos a style.css)
   - Agregar: Comentarios de responsabilidades

3. style.css - Estilos aplicados:
   - Mantener: body (único lugar correcto)
   - Agregar: a, a:hover (desde variables.css)
   - Agregar: code, pre, kbd, samp (desde fonts.css)
   - Agregar: font-smoothing a body
   - Agregar: Comentarios de responsabilidades

Principio de Separación:
- fonts.css: DEFINE fuentes (variables y @font-face)
- variables.css: DEFINE variables (colores, espaciados, etc.)
- style.css: APLICA variables a elementos HTML

Versión: 1.0.4 → 1.0.5 (cache busting)

Archivos modificados:
- wp-content/themes/apus-theme/assets/css/fonts.css
- wp-content/themes/apus-theme/assets/css/variables.css
- wp-content/themes/apus-theme/assets/css/style.css
- wp-content/themes/apus-theme/inc/enqueue-scripts.php
- wp-content/themes/apus-theme/functions.php

Issue #121

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

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

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

@@ -1,10 +1,15 @@
 /**
  * Sistema de Tipografías - APUS Theme
  *
- * Por defecto usa SYSTEM FONTS para máximo rendimiento y Core Web Vitals.
- * Poppins es opcional y se carga solo si se activa en el Customizer.
+ * RESPONSABILIDAD: SOLO definición de fuentes y variables tipográficas
+ * - Declaraciones @font-face (comentadas - usar Google Fonts)
+ * - Variables CSS de tipografía (:root)
+ * - Clases utilitarias de fuentes
  *
- * Basado en especificaciones del template del cliente.
+ * NO debe contener:
+ * - Estilos de body (van en style.css)
+ * - Estilos de elementos HTML (van en style.css)
+ * - Variables de colores o espaciados (van en variables.css)
  *
  * @package Apus_Theme
  * @since 1.0.0
@@ -34,27 +39,11 @@
     --line-height-base: 1.6;
 }
 
-/* Aplicar fuente del sistema por defecto */
-body {
-    font-family: var(--font-primary);
-    font-size: var(--font-size-base);
-    line-height: var(--line-height-base);
-    color: #333;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-/* ELIMINADO: Estilos globales h1-h6 - Template usa SOLO Bootstrap defaults
- * Estos estilos sobrescribían Bootstrap con font-weight: 600 incorrecto
- * Template requiere Bootstrap h6 default: font-weight: 500
+/* ELIMINADO: body, code, pre (movidos a style.css)
+ * Este archivo SOLO debe contener variables y @font-face
+ * Los estilos de elementos HTML van en style.css
  */
 
-/* Código y preformateado */
-code, pre, kbd, samp {
-    font-family: var(--font-mono);
-    font-size: 0.9em;
-}
-
 /* ============================================
    POPPINS (Opcional - Solo si se activa)
    ============================================