feat: add tooltip with full product name on hover

src/components/catalog/Card.vue

@@ -9,7 +9,13 @@
       <!-- Columna de Detalles -->
       <v-col cols="12" md="5" class="details-column">
         <div class="product-details-content">
-          <v-card-title class="product-name">{{ product.name }}</v-card-title>
+          <v-tooltip location="top" :text="product.name">
+            <template v-slot:activator="{ props }">
+              <v-card-title class="product-name" v-bind="props" :title="product.name">
+                {{ product.name }}
+              </v-card-title>
+            </template>
+          </v-tooltip>
           <v-card-subtitle class="product-description">{{
             product.description
           }}</v-card-subtitle>