diff --git a/components/NavBarEditar.vue b/components/NavBarEditar.vue
index 6d47e4e..df7c24e 100644
--- a/components/NavBarEditar.vue
+++ b/components/NavBarEditar.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="navsearch_container container-fluid">
     <NuxtLink to="/editar/perfil">Mi perfil</NuxtLink>
-    <NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/productora"
-      >productora</NuxtLink
+    <NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/cooperativa"
+      >Productora</NuxtLink
     >
     <!-- <NuxtLink to="/editar/productora/crear">Crear productora</NuxtLink> -->
     <NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/productos"
diff --git a/layouts/editar.vue b/layouts/editar.vue
index eef943b..7e445f3 100644
--- a/layouts/editar.vue
+++ b/layouts/editar.vue
@@ -25,4 +25,3 @@ export default {
   }
 }
 </script>
-<style></style>
diff --git a/pages/editar/perfil/contrasena.vue b/pages/editar/perfil/contrasena.vue
index 30a5f0e..f4fa073 100644
--- a/pages/editar/perfil/contrasena.vue
+++ b/pages/editar/perfil/contrasena.vue
@@ -1,6 +1,6 @@
 <template>
-  <BContainer class="container">
-    <BRow align-h="center">
+  <BContainer class="container-fluid">
+    <BRow align-h="center" class="change-password">
       <BCol class="change-password">
         <form class="form"  autocomplete="off" @submit.prevent="submitUser">
           <h1 class="title">Cambiar contraseña</h1>
@@ -92,29 +92,42 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.container {
-  margin-top: 40px;
-  margin-bottom: 40px;
+.container-fluid {
+  margin: 5rem 0 5rem 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: linear-gradient($color-consumo-base-light, $color-bg-light);
+  border-radius: 1rem;
+  padding: 2rem;
+  gap: 3rem;
+  color: $color-primary;
+
+  @include mobile {
+    margin-top: 7rem;
+  }
 }
 
 .change-password {
   display: flex;
   flex-direction: column;
   align-items: center;
+  width: 100%;
 }
 
 .title {
-  color: $color-navy;
-  font-size: $xxl;
+  color: $color-primary;
+  font-size: $h2;
   margin-bottom: 40px;
-  text-align: left;
-  width: 45%;
+  text-align: center;
+  width: 100%;
   @include mobile {
     width: 80%;
     margin-top: 70px;
   }
   @include desktop {
-    width: 25%;
+    width: 40%;
   }
 }
 .form {
@@ -125,7 +138,7 @@ export default {
   margin-bottom: 40px;
   label {
     text-align: left;
-    color: $color-navy;
+    color: $color-primary;
     font-weight: $bold;
     font-size: $xs;
   }
diff --git a/pages/editar/perfil/index.vue b/pages/editar/perfil/index.vue
index 64bc9e7..0e9e285 100644
--- a/pages/editar/perfil/index.vue
+++ b/pages/editar/perfil/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <BContainer class="container">
-    <BRow align-h="start">
+  <BContainer class="container-fluid">
+    <BRow align-h="start" class="edit-profile">
       <BCol class="edit-profile">
         <form class="form" @submit.prevent="submitUser">
           <h1 class="title">Editar perfil</h1>
@@ -108,22 +108,35 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.container {
-  margin-top: 40px;
-  margin-bottom: 40px;
+.container-fluid {
+  margin: 5rem 0 5rem 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: linear-gradient($color-consumo-base-light, $color-bg-light);
+  border-radius: 1rem;
+  padding: 2rem;
+  gap: 3rem;
+  color: $color-primary;
+
+  @include mobile {
+    margin-top: 7rem;
+  }
 }
 
 .edit-profile {
   display: flex;
   flex-direction: column;
   align-items: center;
+  width: 100%;
 }
 
 .title {
-  color: $color-navy;
-  font-size: $xxl;
+  color: $color-primary;
+  font-size: $h2;
   margin-bottom: 40px;
-  text-align: left;
+  text-align: center;
   width: 45%;
 
   @include mobile {
@@ -136,14 +149,14 @@ export default {
 }
 
 .form {
-  width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 40px;
+  width: 100%;
   label {
     text-align: left;
-    color: $color-navy;
+    color: $color-primary;
     font-weight: $bold;
     font-size: $xs;
   }
@@ -159,7 +172,7 @@ export default {
 .checkbox-group {
   display: flex;
   align-items: center;
-  border: 1px solid $color-navy;
+  border: 1px solid $color-primary;
   padding: 10px;
   border-radius: 5px;
 }
diff --git a/pages/login/index.vue b/pages/login/index.vue
index abe0fb9..52f4353 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -101,7 +101,6 @@ export default {
   border-radius: 1rem;
   padding: 2rem;
   gap: 3rem;
-  margin: 2rem 0 4rem;
   color: $color-primary;
 
   @include mobile {
diff --git a/pages/login/restablecer.vue b/pages/login/restablecer.vue
index 6e007eb..0e92ae7 100644
--- a/pages/login/restablecer.vue
+++ b/pages/login/restablecer.vue
@@ -82,7 +82,6 @@ export default {
   border-radius: 1rem;
   padding: 2rem;
   gap: 3rem;
-  margin: 2rem 0 4rem;
   color: $color-primary;
 
   @include mobile {
diff --git a/pages/registro/bienvenida.vue b/pages/registro/bienvenida.vue
index 31f282a..3e1e786 100644
--- a/pages/registro/bienvenida.vue
+++ b/pages/registro/bienvenida.vue
@@ -30,7 +30,6 @@ export default {}
   border-radius: 1rem;
   padding: 2rem;
   gap: 3rem;
-  margin: 2rem 0 4rem;
   color: $color-primary;
 
   @include mobile {
diff --git a/pages/registro/cooperativa.vue b/pages/registro/cooperativa.vue
index e3389a5..c3ab2fe 100644
--- a/pages/registro/cooperativa.vue
+++ b/pages/registro/cooperativa.vue
@@ -165,7 +165,6 @@ export default {
   border-radius: 1rem;
   padding: 2rem;
   gap: 3rem;
-  margin: 2rem 0 4rem;
   color: $color-primary;
 
   @include mobile {