fixed problem navigation

app/Components/BarNavigation/BarNavigation.css

@@ -84,7 +84,20 @@
     padding: 10px 0;
 }
 
-.containerLinks{
+.subMenu span {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    color: rgb(255, 255, 255);
+}
+
+.subMenu:hover span {
+    color: rgba(0, 61, 121, 1);
+}
+
+.containerLinks {
     padding: 0 !important;
 }
 
@@ -93,6 +106,10 @@
     width: 100%;
 }
 
+.subMenu:hover .links {
+    color: rgba(0, 61, 121, 1);
+}
+
 @media (max-width: 800px) {
 
     .menuToggle {

app/Components/BarNavigation/BarNavigation.tsx

@@ -22,8 +22,8 @@ function BarNavigation() {
             </div>
 
             <ul className={openMenu ? "active" : ""}>
-                <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`} onClick={() => toggleSubMenu(0)}>
-                    Inscripciones
+                <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`}>
+                    <span onClick={() => toggleSubMenu(0)}>Inscripciones</span>
                     <ul className="containerLinks">
                         <Link href="/Alta" className="links">
                             <li >Alta</li>
@@ -37,8 +37,8 @@ function BarNavigation() {
                     </ul>
                 </li>
 
-                <li className={`subMenu ${openSubMenu === 1 ? "open" : ""}`} onClick={() => toggleSubMenu(1)}>
-                    Servicios
+                <li className={`subMenu ${openSubMenu === 1 ? "open" : ""}`}>
+                    <span onClick={() => toggleSubMenu(1)}>Servicios</span>
                     <ul>
                         <Link href="/Impresiones" className="links">
                             <li >
@@ -63,8 +63,8 @@ function BarNavigation() {
                     </ul>
                 </li>
 
-                <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`} onClick={() => toggleSubMenu(2)}>
-                    Equipo
+                <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`}>
+                    <span onClick={() => toggleSubMenu(2)}>Equipo</span>
                     <ul >
                         <Link href="/InformacionEquipo" className="links">
                             <li>Informacion de Equipos</li>
@@ -81,8 +81,9 @@ function BarNavigation() {
                     </ul>
                 </li>
 
-                <li className={`subMenu ${openSubMenu === 3 ? "open" : ""}`} onClick={() => toggleSubMenu(3)}>
-                    Reportes
+                <li className={`subMenu ${openSubMenu === 3 ? "open" : ""}`}>
+                    <span onClick={() => toggleSubMenu(3)}>Reportes</span>
+
                     <ul>
                         <Link href="/Recibo">
                             <li>Recibo</li>
@@ -95,13 +96,13 @@ function BarNavigation() {
                         </Link>
                     </ul>
                 </li>
-                <Link href="/QuitarSancion" className={`subMenu`}>
-                    <li>
-                        Quitar sancion
-                    </li>
-                </Link>
                 <li className={`subMenu`}>
-                    <Link href="CambiarPass">
+                    <Link href="/QuitarSancion" className="links">
+                        Quitar sancion
+                    </Link>
+                </li>
+                <li className={`subMenu`}>
+                    <Link href="CambiarPass" className="links">
                         Cambiar contraseña
                     </Link>
                 </li>

app/InformacionEquipo/page.tsx

@@ -1,4 +1,3 @@
-import SearchUser from "../Components/SearchUser/searchUser";
 import Toggle from "../Components/Toggle/Toggle";
 
 export default function Page() {
@@ -61,7 +60,18 @@ export default function Page() {
           {
             key: "2",
             label: "Programa por equipo",
-            content: <></>,
+            content:
+              <>
+
+              </>,
+          },
+          {
+            key: "3",
+            label: "Programa por sala",
+            content:
+              <>
+
+              </>,
           },
         ]}
       />