diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index d22d649..453ecfe 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -54,10 +54,16 @@ export default {
                         {{ producto.nombre }}
                     </p>
                     <p class="subtitle is-7" v-text="producto.proveedor"></p>
+                    <span class="subtitle is-7 hidden-from-tablet" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</span>
                 </div>
                 <div class="column is-one-quarter has-text-right">
-                    <p class="has-text-weight-bold has-text-primary">$<span v-text="producto.precio"></span></p>
-                    <p class="subtitle is-7" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
+                    <p class="has-text-weight-bold has-text-primary">
+                        <span class="is-left-mobile">
+                            <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
+                            <img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
+                        </span>
+                        $<span v-text="producto.precio"></span>
+                    </p>
                 </div>
             </div>
             <footer class="columns">
@@ -88,11 +94,8 @@ export default {
                         </button>
                     </div>
                 </div>
-                <div class="column is-one-quarter has-text-right">
-                    <p>
-                        <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
-                        <img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
-                    </p>
+                <div class="column">
+                    <p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
                 </div>
             </footer>
         </div><!-- END BOX -->
@@ -116,4 +119,16 @@ export default {
         display: none;
     }
 }
+
+@include mixins.from(mixins.$tablet) {
+    .hidden-from-tablet {
+        display: none;
+    }
+}
+
+@include mixins.mobile() {
+    .is-left-mobile {
+        float: left;
+    }
+}
 </style>