feat: Mejorar el diseño del footer ajustando la estructura de los elementos y optimizando el espacio

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">
+      <div class="flex flex-wrap md:flex-nowrap justify-center gap-4 pt-8 px-4 w-full max-w-6xl mx-auto">
-        <!-- Primera fila: Discord.js y Fecha -->
-        <div class="flex flex-wrap justify-center gap-4 w-full max-w-4xl">
           <!-- 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>
+          <!-- Tercer badge: Secciones -->
-
-        <!-- 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">
@@ -78,7 +73,6 @@
       </div>
     </div>
   </div>
-  </div>
 </header>
 
 <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16">