From 9787310e50e48fe9b3fd4c487da80f21bfbc4131 Mon Sep 17 00:00:00 2001
From: shnimlz <am7777336@gmail.com>
Date: Fri, 10 Oct 2025 00:13:21 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20Mejorar=20la=20secci=C3=B3n=20de=20badg?=
 =?UTF-8?q?es=20con=20un=20dise=C3=B1o=20m=C3=A1s=20compacto=20y=20accesib?=
 =?UTF-8?q?le?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/server/views/pages/index.ejs | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/server/views/pages/index.ejs b/src/server/views/pages/index.ejs
index 1477821..80fe6aa 100644
--- a/src/server/views/pages/index.ejs
+++ b/src/server/views/pages/index.ejs
@@ -66,14 +66,13 @@
           </div>
         </div>
 
-        <!-- Segunda fila: Secciones -->
-        <div class="relative w-full max-w-4xl">
-          <img src="/assets/images/snap2.svg" alt="card background" class="w-full h-auto" style="display: block;">
-          <div class="absolute inset-0 flex flex-col items-center justify-center gap-2 py-6 px-4">
-            <span class="text-3xl" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4));">🎮</span>
-            <div class="text-center space-y-1">
-              <p class="text-2xl font-bold" style="color: var(--pixel-accent-3); text-shadow: 0 2px 6px rgba(0,0,0,0.5);">23 Secciones</p>
-              <p class="text-sm text-white/95 font-medium" style="text-shadow: 0 1px 3px rgba(0,0,0,0.5);">Sistema Completo • Creación de Contenido</p>
+        <!-- Segunda fila: Secciones (tercer badge pequeño) -->
+        <div class="flex justify-center w-full max-w-4xl">
+          <div class="relative flex-1 min-w-[240px] max-w-[320px]">
+            <img src="/assets/images/snap2.svg" alt="card background" class="w-full h-auto" style="display: block;">
+            <div class="absolute inset-0 flex items-center gap-3 py-3 px-4">
+              <span class="text-xl" aria-hidden="true" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));">🎮</span>
+              <p class="text-sm font-semibold text-white" style="text-shadow: 0 2px 4px rgba(0,0,0,0.5);">23 Secciones</p>
             </div>
           </div>
         </div>