responsive review

pages/productoras/[id].vue

@@ -413,12 +413,14 @@ export default {
   img {
     width: 100%;
     height: 100%;
+    border-radius: 16px;
     object-fit: contain;
   }
 
   @include mobile {
-    width: 200px;
-    height: 200px;
+    height: 335px;
+    width: 335px;
+    border-radius: 16px;
     margin: 0 auto;
   }
 }

pages/productoras/index.vue

@@ -28,7 +28,6 @@
         </div>
       </section>
       <div v-if="companyList && companyList.length" class="cards-section">
-        {{ companyList.length }} entidades encontradas
         <section  class="cards-grid">
           <article v-for="(coop, index) in companyList" :key="index">
             <CoopCard :coop="coop" />
@@ -134,6 +133,10 @@ export default {
       width: 100%;
       padding: 4rem;
       
+      @media (max-width: 768px) {
+        padding: 2rem;
+        width: 100%;
+      }
 
       // responsive breakpoints
       grid-template-columns: 1fr;