diff --git a/public/window.svg b/public/window.svg
new file mode 100644
index 0000000..b2b2a44
--- /dev/null
+++ b/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/src/app/styles/base/_globales.scss b/src/app/styles/base/_globales.scss
index 7461881..c07d2b5 100644
--- a/src/app/styles/base/_globales.scss
+++ b/src/app/styles/base/_globales.scss
@@ -22,9 +22,7 @@ body {
   min-height: 100dvh;
   width: 100vw;
 
-  &.overflow-hidden {
-    overflow: hidden;
-  }
+  
 }
 
 p {
diff --git a/src/app/styles/layout/BarNavigation.scss b/src/app/styles/layout/BarNavigation.scss
index 9afbbb3..b84e042 100644
--- a/src/app/styles/layout/BarNavigation.scss
+++ b/src/app/styles/layout/BarNavigation.scss
@@ -19,7 +19,7 @@
   transition: all 0.3s ease;
   cursor: pointer;
   color: white;
-  width: 100%;
+  width: auto;
   transition: background-color 0.3s ease;
   font-size: 1.5rem;
 }
@@ -62,8 +62,9 @@
   max-height: 0;
   position: absolute;
   flex-direction: column;
-  top: 100%;
-  width: 100%;
+  min-width: 200px;
+  max-width: 300px; /* Ajusta según tu diseño */
+  left: 0;
   background-color: #003e79;
   transition: color 0.3s ease;
   transition: opacity 0.4s ease, max-height 0.4s ease;
@@ -133,7 +134,7 @@ tbody {
     transition: transform 0.3s ease;
   }
   .barNavigation {
-    width: 100vw;
+    width: 100%;
   }
 
   .menuToggle.center {
diff --git a/src/components/BarNavigation.tsx b/src/components/BarNavigation.tsx
index 7526030..933f89a 100644
--- a/src/components/BarNavigation.tsx
+++ b/src/components/BarNavigation.tsx
@@ -16,22 +16,23 @@ function BarNavigation() {
 
   return (
     <nav className="barNavigation">
-      <div className={`menuToggle ${openMenu ? "" : ""}`} onClick={toggleMenu}>
+      <div className="menuToggle" onClick={toggleMenu}>
         <div></div>
         <div></div>
         <div></div>
       </div>
 
       <ul className={openMenu ? "active" : ""}>
-        <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/Escanear" className="links">
-            <span>Escanear</span>
-          </Link>
-        </li>
-        <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/AgregarEquipo" className="links">
-            <span>Agregar equipo</span>
-          </Link>
+        <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`}>
+          <span onClick={() => toggleSubMenu(0)}>Equipo</span>
+          <ul onClick={toggleMenu}>
+            <Link href="/CrearGrupo" className="links">
+              <li>Crear Grupo</li>
+            </Link>
+            <Link href="/Scanner" className="links">
+              <li>Scanner</li>
+            </Link>
+          </ul>
         </li>
       </ul>
     </nav>
@@ -39,4 +40,3 @@ function BarNavigation() {
 }
 
 export default BarNavigation;
-//IO