some style changes and cookies persistance added

pages/productoras/[id].vue

@@ -52,14 +52,18 @@
                 class="div-action-img"
                 src="@/assets/img/latienda-telefono.svg"
               />
-              <span
+              <div class="div-action-tels">
+                <a :href="`tel:+${coop?.phone}`" class="tel-link"><span>{{ coop?.phone }}</span></a>
+                <a :href="`tel:+${coop?.mobile}`" class="tel-link"><span>{{ coop?.mobile }}</span></a>
+              </div>
+              <!-- <span
                 >{{ coop?.phone }} <br />
                 {{ coop?.mobile }}</span
-              >
+              > -->
             </div>
             <div v-if="coop?.email" class="div-action mail">
               <img class="div-action-img" src="@/assets/img/latienda-email.svg" />
-              <span>{{ coop?.email }}</span>
+              <a :href="`mailto:${coop?.email}`" class="mail-link"><span>{{ coop?.email }}</span></a>
             </div>
             
             <!-- <div v-if="coop?.city" class="div-action location">
@@ -73,7 +77,7 @@
       
       </div>
     </div>
-    <div class="c-tabs-container">
+    <!-- <div class="c-tabs-container">
       <div class="c-tabs">
         <div>
           <BCard no-body class="b-card">
@@ -116,7 +120,7 @@
           </BCard>
         </div>
       </div>
-    </div>
+    </div> -->
     <div v-if="products && products.length" class="c-catalogo">
       <div class="title-container">
         <div class="title-lines"></div>
@@ -309,6 +313,7 @@ export default {
   gap: 4rem;
   width: 100%;
   padding: 4rem 4rem;
+  margin-bottom: 1rem;
   border-radius: var(--rounded-3xl, 24px);
   background: linear-gradient(
       180deg,
@@ -387,6 +392,12 @@ export default {
     margin-right: 8px;
     margin-left: 5px;
   }
+
+  .div-action-tels {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
 }
 
 .c-image-container {