edit profile andcoop

components/NavBarEditar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="navsearch_container container-fluid">
+  <div class="navsearch_container">
     <NuxtLink to="/editar/perfil">Mi perfil</NuxtLink>
     <NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/cooperativa"
       >Productora</NuxtLink
@@ -63,24 +63,23 @@ export default {
 
 <style lang="scss" scoped>
 .navsearch_container {
-  border-bottom: 3px solid $color-grey-nav;
+  border-bottom: 1px solid $color-consumo-base;
   text-align: center;
   padding: 20px 20px;
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
 
   a {
     font-size: $m;
-    font-weight: $bold;
-    color: $color-navy;
+    color: $color-primary;
     text-decoration: none;
+    text-transform: uppercase;
   }
-  a:nth-child(1):after,
-  a:nth-child(2):after,
-  a:nth-child(3):after,
-  a:nth-child(4):after {
-    color: $color-navy;
-    content: '\22EE';
-    margin: 0.5rem;
+  a:focus {
+    font-weight: $bold;
   }
+  
   @include mobile {
     display: none;
   }