add: box info create user

src/components/CreateUserModal.vue

@@ -245,6 +245,12 @@
                                 v-model="userForm.user_description"
                             ></textarea>
                         </div>
+                        <div class="box-info" v-if="!props.user">
+                            <div>
+                                <i class="fa-solid fa-circle-info info"></i>
+                            </div>
+                            <span>Al crear un nuevo usuario, informa al beneficiario de la cuenta, que debe utilizar su correo electrónico para establecer una contraseña en la sección <span class="font-bold">Olvidé mi contraseña</span> y así poder iniciar sesión.</span>
+                        </div>
                         <div class="mt-4 text-center">
                             <Spiner v-if="loading"/>
                             <button 
@@ -270,4 +276,19 @@
         margin: 0 auto;
         width: 80%;
     }
+
+    .box-info {
+        margin-top: 20px;
+        align-items: center;
+        background-color: aqua;
+        display: flex;
+        padding: 16px 24px;
+        border-radius: 13px;
+        font-size: 1rem;
+    }
+
+    .info {
+        font-size: 32px;
+        margin-right: 1rem;
+    }
 </style>