resgitro cooperativa & bienvenida

pages/registro/bienvenida.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="container-fluid">
     <div class="welcome">
       <div class="text-container">
         <h1>¡Bienvenida!</h1>
@@ -19,12 +19,30 @@ export default {}
 </script>
 
 <style lang="scss" scoped>
+.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;
+  }
+}
+
 .welcome {
   position: relative;
   width: 100%;
   height: 600px;
-  font-family: $font-primary;
-  color: $color-navy;
+  color: $color-primary;
   font-weight: 400;
   display: flex;
   flex-direction: column;