From 65d845a80a35b9e02d959020cd81143693fc2cef Mon Sep 17 00:00:00 2001
From: shnimlz <am7777336@gmail.com>
Date: Fri, 10 Oct 2025 00:17:34 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20Mejorar=20el=20dise=C3=B1o=20del=20foot?=
 =?UTF-8?q?er=20ajustando=20la=20estructura=20de=20los=20elementos=20y=20o?=
 =?UTF-8?q?ptimizando=20el=20espacio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/server/views/pages/index.ejs b/src/server/views/pages/index.ejs
index 80fe6aa..90c07f5 100644
--- a/src/server/views/pages/index.ejs
+++ b/src/server/views/pages/index.ejs
@@ -38,9 +38,7 @@
 
       <!-- Stats Footer con SVG Backgrounds mejorados -->
       <!-- Stats Footer con SVG Backgrounds más pequeños -->
-      <div class="flex flex-wrap justify-center gap-4 pt-8 px-4">
-        <!-- Primera fila: Discord.js y Fecha -->
-        <div class="flex flex-wrap justify-center gap-4 w-full max-w-4xl">
+      <div class="flex flex-wrap md:flex-nowrap justify-center gap-4 pt-8 px-4 w-full max-w-6xl mx-auto">
           <!-- Discord.js Version -->
           <div class="relative flex-1 min-w-[240px] max-w-[320px]">
             <img src="/assets/images/snap1.svg" alt="card background" class="w-full h-auto" style="display: block;">
@@ -64,10 +62,7 @@
               </div>
             </div>
           </div>
-        </div>
-
-        <!-- Segunda fila: Secciones (tercer badge pequeño) -->
-        <div class="flex justify-center w-full max-w-4xl">
+          <!-- Tercer badge: Secciones -->
           <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">
@@ -75,7 +70,6 @@
               <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>
       </div>
     </div>
   </div>