desing fixes

products.json

@@ -46,9 +46,9 @@
   },
   {
     "id": 7,
-    "name": "Summer Klein 🌟",
+    "name": "🌟 Summer Klein",
     "type": "Coctel",
-    "description": "Base Gin Juno, jugo de naranja, jugo de maracuya, jugo de limon y Ginger Beer de la casa",
+    "description": "Gin Juno, jugo de naranja, maracuya, limon y Ginger Beer",
     "price": 6500,
     "image": "https://fudo-apps-storage.s3.sa-east-1.amazonaws.com/production/113378/common/products/655"
   }

public/index.html

@@ -27,7 +27,7 @@
 
   <!-- ---------- HEADER ---------- -->
   <header class="fixed top-0 inset-x-0 z-10 bg-gray-50 p-4 flex justify-center items-center border-b border-gray-200">
-    <h1 class="text-lg font-bold text-[#101419] tracking-tight">
+    <h1 class="text-[26px] font-bold text-[#101419] tracking-tight">
       Biergarten Klein
     </h1>
   </header>
@@ -36,10 +36,11 @@
   <main class="flex-1 pt-16 pb-20">  
     <!-- ===== MENÚ tab ===== -->
     <section id="menuTab" data-tab>
-      <div class="px-4 pt-4 pb-3">
-        <h2 class="text-[22px] font-bold text-[#101419] tracking-tight">
-          Nuestra Selección de Cervezas
+      <div class="px-4 pt-4 pb-3 "></div>
+        <h2 class="text-[22px] mx-4 font-bold text-[#101419]">
+          PIDE TU SHOP EXPRESS  🍺⚡
         </h2>
+        <p class="product-type mx-4 text-[#58728d] text-sm pb-4 mb-4 border-b border-gray-200">*solo lo más vendido</p>
       </div>
       <div class="px-4">
         <ul id="productList" class="space-y-6"></ul>