login y restablecer pages

pages/login/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container-fluid">
     <div class="row">
-      <FormHeader title="Login" class="col-12" />
+      <FormHeader title="Login" subtitle="Crea el perfil de tu entidad y publica tus productos y servicios con valores" class="col-12" />
     </div>
 
     <form class="form" align="center" @submit.prevent="userLogin">
@@ -42,14 +42,11 @@
     </div> -->
 
     <p class="help" align="center">
-      *Si no estás registrado puedes registrarte en este
-      <NuxtLink to="/registro"><b>enlace</b></NuxtLink
+      *¿Todavía no formas parte de Consumo Cuidado?
+      <NuxtLink to="/registro"><b>Únete</b></NuxtLink
       >.
     </p>
 
-    <div class="row">
-      <BannerCoop />
-    </div>
   </div>
 </template>
 
@@ -58,9 +55,9 @@ import { useAuthStore } from '@/stores/auth'
 import { mapActions } from 'pinia'
 export default {
   setup() {
-    definePageMeta({
-      layout: 'main',
-    })
+//   definePageMeta({
+//     layout: 'main',
+//   })
     const authStore = useAuthStore()
     return { authStore }
   },
@@ -96,6 +93,16 @@ export default {
 .container-fluid {
   margin-top: 5rem;
   margin-bottom: 5rem;
+  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;
+  margin: 2rem 0 4rem;
+  color: $color-primary;
 
   @include mobile {
     margin-top: 7rem;
@@ -107,10 +114,21 @@ export default {
   flex-direction: column;
   align-items: center;
   margin-bottom: 40px;
+  width: 100%;
+  gap: 1rem;
 }
 
 .help {
-  color: $color-navy;
+  color: $color-primary;
+  text-decoration: none;
+  b {
+    color: $color-button;
+    cursor: pointer;
+    &:hover {
+      text-decoration: underline;
+      color: blue
+    }
+  }
 }
 
 .other-sign-in {