#45 feat: update login prompt message with contact info and icons

src/pages/catalog.vue

@@ -135,8 +135,42 @@
             </v-btn>
             <v-icon size="48" color="primary" class="mb-2">mdi-cart-lock</v-icon>
             <p class="text-body-2 text-medium-emphasis mb-3">
-              Inicia sesión para agregar productos al carrito y finalizar tu compra
+              Para hacer pedidos debes de tener usuario y clave, si no lo tienes comunicate con nosotros al
+              <strong class="text-primary">{{ contactPhone }}</strong>
+              para solicitarlo. Esto es necesario porque no podemos procesar tus pedidos todos los días del mes.
+              Comunicate con nosotros para contarte todos los detalles y que puedas apoyar este proceso.
             </p>
+            <div class="d-flex justify-center ga-2 mb-3">
+              <v-btn
+                icon
+                size="small"
+                color="primary"
+                variant="tonal"
+                :href="'tel:' + contactPhone"
+              >
+                <v-icon size="18">mdi-phone</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="small"
+                color="success"
+                variant="tonal"
+                :href="'https://wa.me/' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="18">mdi-whatsapp</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="small"
+                color="info"
+                variant="tonal"
+                :href="'https://t.me/+57' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="18">mdi-send</v-icon>
+              </v-btn>
+            </div>
             <v-btn
               color="primary"
               variant="tonal"
@@ -337,6 +371,9 @@ export default {
     isAuthenticated() {
       return this.authStore.isAuthenticated;
     },
+    contactPhone() {
+      return import.meta.env.VITE_CONTACT_PHONE || '';
+    },
     // Búsqueda
     filteredItems() {
       if (!this.searchQuery) return this.items;
@@ -775,6 +812,8 @@ export default {
   border: 2px dashed rgba(0, 0, 0, 0.12);
   background: #fafafa !important;
   position: relative;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 
 .login-prompt-close {