From c761885c8e08312c6a6f88467abe777993adcb7f Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Sat, 8 Nov 2025 17:43:50 -0600
Subject: [PATCH] Fix: Actualizar estilos post-content para coincidir con
 template - Issue #134
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PROBLEMA:
- Los estilos del componente .post-content en staging no coincidían con el template base
- Container .post-content no tenía background, padding, border-radius ni box-shadow
- H2 border-bottom era 1px gris en lugar de 3px naranja
- H2 font-weight era 600 en lugar de 700
- Links eran color Bootstrap azul (#0d6efd) en lugar de naranja (--color-orange-primary)
- Márgenes y padding no coincidían con template

SOLUCIÓN:
- Reemplazado componente-post-content.css con estilos correctos del template
- Source: apus-theme-template/css/style.css líneas 245-298
- Container ahora tiene background blanco, padding 2rem, border-radius 12px, box-shadow
- H2 border-bottom cambiado a 3px solid var(--color-orange-primary)
- H2 font-weight cambiado a 700
- Links color cambiado a var(--color-orange-primary)
- Agregado responsive para .post-content container

ARCHIVOS:
- wp-content/themes/apus-theme/assets/css/componente-post-content.css
- wp-content/themes/apus-theme/functions.php (version 1.0.11 → 1.0.12)

Ref: #134

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../assets/css/componente-post-content.css    | 77 +++++++++++--------
 wp-content/themes/apus-theme/functions.php    |  2 +-
 2 files changed, 47 insertions(+), 32 deletions(-)

diff --git a/wp-content/themes/apus-theme/assets/css/componente-post-content.css b/wp-content/themes/apus-theme/assets/css/componente-post-content.css
index dfababdb..63a0d746 100644
--- a/wp-content/themes/apus-theme/assets/css/componente-post-content.css
+++ b/wp-content/themes/apus-theme/assets/css/componente-post-content.css
@@ -1,33 +1,42 @@
 /**
- * Post Content Typography
+ * Post Content Component
  *
- * Estilos de tipografía para contenido de posts
- * Template ref: css/style.css líneas 208-227
+ * Estilos para el contenedor y contenido de posts
+ * Source: apus-theme-template/css/style.css líneas 245-298
  *
  * @package Apus_Theme
  * @since 1.0.0
  */
 
+/* ============================================
+   POST CONTENT CONTAINER
+   ============================================ */
+
+.post-content {
+    background: #ffffff;
+    padding: 2rem;
+    border-radius: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
 /* ============================================
    POST CONTENT TYPOGRAPHY
    ============================================ */
 
 .post-content h2 {
-    font-size: 2rem;
-    font-weight: 600;
+    color: var(--color-navy-primary);
+    font-weight: 700;
     margin-top: 2.5rem;
-    margin-bottom: 1.5rem;
-    border-bottom: 1px solid #eee;
-    padding-bottom: 0.5rem;
-    color: #1e3a5f;
+    margin-bottom: 1.25rem;
+    padding-bottom: 0.75rem;
+    border-bottom: 3px solid var(--color-orange-primary);
 }
 
 .post-content h3 {
-    font-size: 1.5rem;
+    color: var(--color-navy-light);
     font-weight: 600;
     margin-top: 2rem;
     margin-bottom: 1rem;
-    color: #2c5282;
 }
 
 .post-content h4 {
@@ -38,37 +47,36 @@
     color: #495057;
 }
 
-.post-content p,
-.post-content li {
+.post-content p {
+    color: var(--color-neutral-600);
     line-height: 1.8;
-    font-size: 1.1rem;
-    color: #4a5568;
-    margin-bottom: 1.5rem;
+    margin-bottom: 1.25rem;
 }
 
 .post-content ul,
 .post-content ol {
-    padding-left: 2rem;
     margin-bottom: 1.5rem;
+    padding-left: 2rem;
 }
 
 .post-content li {
-    margin-bottom: 0.75rem;
-}
-
-.post-content a {
-    color: #0d6efd;
-    text-decoration: underline;
-    font-weight: 500;
-}
-
-.post-content a:hover {
-    color: #0a58ca;
+    margin-bottom: 0.5rem;
+    color: var(--color-neutral-600);
 }
 
 .post-content strong {
-    font-weight: 700;
-    color: #212529;
+    color: var(--color-navy-primary);
+    font-weight: 600;
+}
+
+.post-content a {
+    color: var(--color-orange-primary);
+    text-decoration: underline;
+    transition: color 0.3s ease;
+}
+
+.post-content a:hover {
+    color: var(--color-orange-hover);
 }
 
 .post-content blockquote {
@@ -102,8 +110,15 @@
     color: #212529;
 }
 
-/* Responsive */
+/* ============================================
+   RESPONSIVE
+   ============================================ */
+
 @media (max-width: 767.98px) {
+    .post-content {
+        padding: 1.5rem;
+    }
+
     .post-content h2 {
         font-size: 1.5rem;
     }
diff --git a/wp-content/themes/apus-theme/functions.php b/wp-content/themes/apus-theme/functions.php
index 20d9721a..f1c1080e 100644
--- a/wp-content/themes/apus-theme/functions.php
+++ b/wp-content/themes/apus-theme/functions.php
@@ -14,7 +14,7 @@ if (!defined('ABSPATH')) {
 /**
  * Theme Version
  */
-define('APUS_VERSION', '1.0.11');
+define('APUS_VERSION', '1.0.12');
 
 /**
  * Theme Setup