diff --git a/roles/koji_hub/tasks/main.yaml b/roles/koji_hub/tasks/main.yaml
index b4c607a..b8ec701 100644
--- a/roles/koji_hub/tasks/main.yaml
+++ b/roles/koji_hub/tasks/main.yaml
@@ -610,7 +610,7 @@
 
           #mainNav ul {
               display: flex;
-              flex-wrap: wrap;
+              flex-wrap: nowrap; /* Desactivar envoltura en pantallas de laptop y escritorio */
               padding: 0;
               margin: 0;
               list-style-type: none;
@@ -627,7 +627,7 @@
               display: block;
               color: #cbd5e1; /* Slate 300 para no seleccionado */
               text-decoration: none;
-              padding: 12px 18px !important; /* Padding ajustado para evitar que las pestañas se envuelvan a la segunda línea */
+              padding: 12px 16px !important; /* Padding ajustado para asegurar alineación en una sola línea */
               font-size: 14px !important;
               font-family: inherit;
               height: auto;
@@ -816,10 +816,10 @@
               color: #10b981;
           }
 
-          /* --- Pantallas medianas (tabletas y laptops pequeñas) --- */
-          @media (min-width: 769px) and (max-width: 1100px) {
+          /* --- Pantallas medianas (tabletas y laptops pequeñas hasta el max-width del wrap) --- */
+          @media (min-width: 769px) and (max-width: 1280px) {
               #mainNav ul li a {
-                  padding: 10px 12px !important;
+                  padding: 10px 10px !important;
                   font-size: 13px !important;
               }
           }
@@ -862,6 +862,10 @@
                   gap: 8px;
               }
 
+              #mainNav ul {
+                  flex-wrap: wrap; /* Permitir envoltura en móviles */
+              }
+
               #mainNav ul li {
                   flex: 1 1 45%; /* Menú más cómodo en móviles (dos por fila) */
               }