From cc61a5777fa1bc7fcec8d54ed1ff4edc5aba5f33 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 28 Aug 2025 18:10:59 -0600
Subject: [PATCH] fix

---
 client/src/components/AppCredits.vue |  2 --
 client/src/views/UuidSelector.vue    | 33 ++++------------------------
 2 files changed, 4 insertions(+), 31 deletions(-)

diff --git a/client/src/components/AppCredits.vue b/client/src/components/AppCredits.vue
index f7b0c06..2f821e3 100644
--- a/client/src/components/AppCredits.vue
+++ b/client/src/components/AppCredits.vue
@@ -10,8 +10,6 @@
         <span class="sep">•</span>
         <a href="mailto:firstcontact@nucleoriofrio.com" class="credits-link">firstcontact@nucleoriofrio.com</a>
         <span class="sep">•</span>
-        <span>Proyecto abierto, sin fines de lucro</span>
-        <span class="sep">•</span>
         <RouterLink to="/credits" class="credits-link icon" title="Créditos detallados">ⓘ</RouterLink>
       </template>
 
diff --git a/client/src/views/UuidSelector.vue b/client/src/views/UuidSelector.vue
index 868c40c..bc60d29 100644
--- a/client/src/views/UuidSelector.vue
+++ b/client/src/views/UuidSelector.vue
@@ -99,18 +99,8 @@
           </label>
         </div>
 
-        <!-- Credits -->
-        <div class="credits" aria-label="Créditos y contacto">
-          <div class="credits-card">
-            <span>Hecho por <strong>Nucleo Inteligencia</strong></span>
-            <span class="sep">•</span>
-            <span>2024</span>
-            <span class="sep">•</span>
-            <a href="mailto:firstcontact@nucleoriofrio.com" class="credits-link">firstcontact@nucleoriofrio.com</a>
-            <span class="sep">•</span>
-            <span>Proyecto abierto, sin fines de lucro</span>
-          </div>
-        </div>
+        <!-- Credits (component inline) -->
+        <AppCredits variant="inline" />
       </div>
       
       <!-- Context Menu -->
@@ -166,6 +156,7 @@
 import { ref, onMounted, onUnmounted, nextTick } from 'vue';
 import { useRouter } from 'vue-router';
 import GameLogo from '../components/GameLogo.vue';
+import AppCredits from '../components/AppCredits.vue';
 import QRCode from 'qrcode';
 import html2canvas from 'html2canvas';
 
@@ -940,23 +931,7 @@ async function copyToClipboard() {
 .uuid-card:focus, .uuid-card:focus-visible { outline: none; }
 
 /* Credits */
-.credits { display:flex; justify-content:center; margin-top: 14px; }
-.credits-card {
-  background: rgba(255,255,255,0.22);
-  backdrop-filter: blur(6px);
-  -webkit-backdrop-filter: blur(6px);
-  border: 1px solid rgba(0,0,0,0.04);
-  border-radius: 10px;
-  padding: 8px 12px;
-  color: #64748b;
-  font-size: 12px;
-  line-height: 1.2;
-  text-align: center;
-}
-.credits-card .sep { opacity: 0.6; margin: 0 6px; }
-.credits-card strong { color: #475569; font-weight: 700; }
-.credits-link { color: #64748b; text-decoration: none; border-bottom: 1px dotted rgba(100,116,139,0.5); }
-.credits-link:hover { color: #475569; border-bottom-color: rgba(71,85,105,0.6); }
+/* credits moved to AppCredits component */
 
 .uuids-grid {
   display: grid;