rf-v4.14 - site ready - demo upload

js/main.js

@@ -962,7 +962,7 @@ function renderMockArticles(articles, container) {
         <h3 style="font-size: 1.2rem; margin-bottom: 0.75rem; line-height: 1.35;">${art.titulo}</h3>
         <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">${art.extracto}</p>
       </div>
-      <a href="${art.enlace}" target="_blank" rel="noopener noreferrer" class="btn btn-outline btn-sm" style="align-self: flex-start;">
+      <a href="${art.enlace}" target="_blank" rel="noopener noreferrer" class="btn btn-cta-outline " style="align-self: flex-start;">
         Leer artículo completo en el Blog →
       </a>
     </article>
@@ -1023,9 +1023,17 @@ function renderWpPosts(posts, container) {
           <h3 style="font-size: 1.2rem; margin-bottom: 0.75rem; line-height: 1.35;">${title}</h3>
           <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">${excerpt}</p>
         </div>
-        <a href="${link}" target="_blank" rel="noopener noreferrer" class="btn btn-outline btn-sm" style="align-self: flex-start;">
-          Leer en el Blog de IDE →
-        </a>
+        
+        <a href="${link}" target="_blank" rel="noopener noreferrer" class="btn btn-cta-outline"
+                style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; max-width: 250px;">
+                Leer en el Blog de IDE
+                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                  stroke-linecap="round" stroke-linejoin="round">
+                  <circle cx="12" cy="12" r="10"></circle>
+                  <polyline points="12 16 16 12 12 8"></polyline>
+                  <line x1="8" y1="12" x2="16" y2="12"></line>
+                </svg>
+              </a>
       </article>
     `;
   }).join('');