@charset "utf-8";
/* CSS Document

Theme Name: https://yuplace.com/
Template Theme URI: https://yuplace.com/
Author: Yuplace & Co.
Description: Desarrollado por: Yuplace & Co. Tu Agencia de Marketing Digital en Barcelona
Version: 1.0

*/

.single-product .single-product-head {
   padding-top: 50px;
}

/* Archive Producto Propio Grid */
.mod-products {
   margin: 50px auto;
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr;
   gap: 10px 10px;
}

.mod-products .product .frame {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.mod-products .product .frame .pro-img {
   width: 48%;
   position: relative;
}

.mod-products .product .frame .pro-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.mod-products .product .frame .pro-info {
   width: 52%;
   position: relative;
   text-align: left;
}

@media only screen and (max-width: 768px) {
   .mod-products {
      grid-template-columns: 1fr;
   }

   .mod-products .product .frame {
      flex-direction: column;
   }

   .mod-products .product .frame .pro-img,
   .mod-products .product .frame .pro-info {
      width: 100%;
   }
}

.post-type-archive-producto-propio .wrapp {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}

.post-type-archive-producto-propio .mod-products {
   display: inline;
}

.post-type-archive-producto-propio .page-header {
   padding-top: 50px;
}

.post-type-archive-producto-propio .mod-products .product .frame .pro-img {
   width: 43%;
}