fixed style

src/app/styles/base/globales.scss

@@ -69,16 +69,28 @@ label {
   display: block;
   text-align: start;
   width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+  color: #333;
+  font-size: 14px;
 }
 
 img {
   object-fit: cover;
 }
 
-label {
-  display: block;
-  margin-bottom: 5px;
-  font-weight: bold;
+select {
   color: #333;
-  font-size: 14px;
+  width: 100%;
+  display: block;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  background-color: white;
+  background-position: right 10px center;
+  background-repeat: no-repeat;
+  background-size: 12px;
 }

src/app/styles/layout/BarNavigation.scss

@@ -19,7 +19,6 @@
 .barNavigation li {
   transition: all 0.3s ease;
   cursor: pointer;
-  color: white;
   width: auto;
   transition: background-color 0.3s ease;
   font-size: 1.5rem;
@@ -96,7 +95,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  color: white;
   width: 100%;
   height: 100%;
   font-size: 1.5rem;
@@ -111,7 +109,7 @@
   border-radius: 6px;
   cursor: pointer;
   font-weight: bold;
-  font-size: 1.5rem;
+  font-size: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -140,7 +138,7 @@
 
   .barNavigation ul {
     position: absolute;
-    background-color: #003e79;
+    background-color: #f4f5f7;
     flex-direction: column;
     padding: 10px 0;
     align-items: center;
@@ -158,7 +156,7 @@
 
   .barNavigation li:hover {
     background-color: #d59f0f;
-    color: white;
+    color: black;
     border-radius: 0;
     border: none;
   }
@@ -172,7 +170,7 @@
 
   .logout-button {
     margin-top: 10px;
-    font-size: 1rem;
+    font-size: 1.75rem;
     padding: 6px 12px;
     max-width: 180px;
   }
@@ -183,6 +181,6 @@
   }
 
   .subMenu a span {
-    color: #fff;
+    color: black;
   }
 }

src/app/styles/layout/agregarEquipo.scss

@@ -9,13 +9,12 @@
 
   .innerContainer {
     max-width: 1000px;
-    width: 1000px;
+    width: 100%;
     margin: 0 auto;
-    padding: 20px;
+    padding: 1rem 2rem;
   }
 
   h2 {
-    margin-top: 1rem;
     text-align: center;
     color: #0056b3;
     margin-bottom: 20px;
@@ -25,7 +24,7 @@
 
 .equipoForm {
   display: flex;
-  gap: 30px;
+  gap: 1.5rem;
 
   .column {
     flex: 1;
@@ -88,7 +87,7 @@ textarea {
   height: 100%;
   .btnGuardar {
     background-color: #ffb700;
-    color: #0056b3;
+    color: #ffffff;
     border: none;
     padding: 10px 20px;
     border-radius: 6px;
@@ -117,8 +116,28 @@ textarea {
   }
 }
 
+@media (max-width: 1075px) {
+  .equipoForm {
+    flex-wrap: wrap;
+    max-width: 100%;
+
+    .column {
+      flex: 1 1 calc(50% - 15px);
+      min-width: 250px;
+
+      .formGroup {
+        input,
+        select {
+          width: 100%;
+          font-size: 16px;
+        }
+      }
+    }
+  }
+}
+
 /* Responsive: en móvil, una columna */
-@media (max-width: 768px) {
+@media (max-width: 600px) {
   .agregarEquipoContainer .innerContainer {
     padding: 15px;
     max-width: 90vw;