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

@@ -1,3 +1,21 @@
+/**
+ * APUS Theme - Main Stylesheet
+ *
+ * RESPONSABILIDAD: Estilos principales del tema
+ * - Variables CSS específicas del tema (:root en este archivo)
+ * - Estilos base de elementos HTML (body, a, h1-h6, code, etc.)
+ * - Layout general
+ * - Componentes principales
+ *
+ * IMPORTANTE: Este es el archivo PRINCIPAL de estilos
+ * - fonts.css: SOLO variables de fuentes
+ * - variables.css: SOLO variables de colores/espaciados/etc
+ * - style.css: Aplica variables a elementos HTML (este archivo)
+ *
+ * @package Apus_Theme
+ * @since 1.0.0
+ */
+
 /* ==========================================================================
    CSS Variables
    ========================================================================== */
@@ -92,6 +110,10 @@ html {
   -moz-osx-font-smoothing: grayscale;
 }
 
+/* ==========================================================================
+   Base Styles - Elementos HTML Globales
+   ========================================================================== */
+
 body {
   margin: 0;
   padding: 0;
@@ -100,6 +122,25 @@ body {
   line-height: 1.6;
   color: var(--color-text);
   background-color: var(--color-bg);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Links globales */
+a {
+  color: var(--color-blue-light);
+  transition: color var(--transition-base, 0.3s ease);
+  text-decoration: none;
+}
+
+a:hover {
+  color: var(--color-cyan-primary);
+}
+
+/* Código y preformateado */
+code, pre, kbd, samp {
+  font-family: var(--font-code);
+  font-size: 0.9em;
 }
 
 /* ==========================================================================