.elementor-3400 .elementor-element.elementor-element-55a6f25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3400 .elementor-element.elementor-element-e7a77fe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3400 .elementor-element.elementor-element-e7a77fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3400 .elementor-element.elementor-element-41b398d{--display:flex;}.elementor-3400 .elementor-element.elementor-element-28d6f1e{--grid-columns:4;}.elementor-3400 .elementor-element.elementor-element-28d6f1e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3400 .elementor-element.elementor-element-28d6f1e .e-loop-item > .elementor-section, .elementor-3400 .elementor-element.elementor-element-28d6f1e .e-loop-item > .elementor-section > .elementor-container, .elementor-3400 .elementor-element.elementor-element-28d6f1e .e-loop-item > .e-con, .elementor-3400 .elementor-element.elementor-element-28d6f1e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3400 .elementor-element.elementor-element-28d6f1e .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3400 .elementor-element.elementor-element-28d6f1e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3400 .elementor-element.elementor-element-28d6f1e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3400 .elementor-element.elementor-element-28d6f1e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3400 .elementor-element.elementor-element-28d6f1e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-3400 .elementor-element.elementor-element-56dc0cd9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3400 .elementor-element.elementor-element-72235aa5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3400 .elementor-element.elementor-element-3aa2386d .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3400 .elementor-element.elementor-element-3aa2386d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-3400 .elementor-element.elementor-element-3aa2386d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-3aa2386d.elementor-view-framed .elementor-icon, .elementor-3400 .elementor-element.elementor-element-3aa2386d.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-3aa2386d .elementor-icon{font-size:30px;}.elementor-3400 .elementor-element.elementor-element-3aa2386d .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-3400 .elementor-element.elementor-element-c35206{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3400 .elementor-element.elementor-element-22468f9f .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3400 .elementor-element.elementor-element-22468f9f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-3400 .elementor-element.elementor-element-22468f9f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-22468f9f.elementor-view-framed .elementor-icon, .elementor-3400 .elementor-element.elementor-element-22468f9f.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-22468f9f .elementor-icon{font-size:30px;}.elementor-3400 .elementor-element.elementor-element-22468f9f .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-3400 .elementor-element.elementor-element-571bd44c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3400 .elementor-element.elementor-element-43370396 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3400 .elementor-element.elementor-element-43370396 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-3400 .elementor-element.elementor-element-43370396.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-43370396.elementor-view-framed .elementor-icon, .elementor-3400 .elementor-element.elementor-element-43370396.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3400 .elementor-element.elementor-element-43370396 .elementor-icon{font-size:30px;}.elementor-3400 .elementor-element.elementor-element-43370396 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}@media(max-width:1024px){.elementor-3400 .elementor-element.elementor-element-28d6f1e{--grid-columns:2;}.elementor-3400 .elementor-element.elementor-element-56dc0cd9{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-3400 .elementor-element.elementor-element-3aa2386d .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3400 .elementor-element.elementor-element-22468f9f .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3400 .elementor-element.elementor-element-43370396 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-3400 .elementor-element.elementor-element-55a6f25{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3400 .elementor-element.elementor-element-28d6f1e{--grid-columns:1;}.elementor-3400 .elementor-element.elementor-element-3aa2386d .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3400 .elementor-element.elementor-element-22468f9f .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3400 .elementor-element.elementor-element-43370396 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-3400 .elementor-element.elementor-element-e7a77fe{--width:20%;}.elementor-3400 .elementor-element.elementor-element-72235aa5{--width:25%;}.elementor-3400 .elementor-element.elementor-element-c35206{--width:25%;}.elementor-3400 .elementor-element.elementor-element-571bd44c{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-5f134db *//* ===========================
   AJAX PRODUCTS GRID LAYOUT
   =========================== */

#mk-products-grid {
  margin-top: 0rem;
}

#mk-products-grid .mk-products-list {
  display: grid;
  grid-auto-flow: row dense;        /* pack items tightly */
  column-gap: 2rem;
  row-gap: 2.5rem;
  margin: 0;
  padding: 0;
}

/* 4 columns on desktop */
@media (min-width: 1200px) {
  #mk-products-grid .mk-products-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* 3 columns on medium screens */
@media (min-width: 900px) and (max-width: 1199px) {
  #mk-products-grid .mk-products-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 2 columns on small tablets */
@media (min-width: 600px) and (max-width: 899px) {
  #mk-products-grid .mk-products-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 1 column on mobile */
@media (max-width: 599px) {
  #mk-products-grid .mk-products-list {
    grid-template-columns: 1fr;
  }
}

/* ===========================
   PRODUCT CARD
   =========================== */

#mk-products-grid .mk-product-card {
  display: flex;
}

#mk-products-grid .mk-product-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
}

#mk-products-grid .mk-product-inner {
  background: #fdf6e8; /* soft cream */
  border-radius: 32px;
  padding: 0.75rem 0.75rem 0.75rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0,0,0,0.04);
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* Hover lift */
#mk-products-grid .mk-product-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 45px rgba(0,0,0,0.06);
}

/* ===========================
   TITLE (aligned at top)
   =========================== */

#mk-products-grid .mk-product-title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #0c3f1b;
  line-height: 1.3;
  margin-bottom: 0.45rem;
}


/* ===========================
   IMAGE AREA – FIXED SLOT, FULLY CONTAINED
   =========================== */

#mk-products-grid .mk-product-thumb {
  text-align: center;
  margin: 0 0 1.4rem;
  height: 180px;                    /* all cards same image area */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#mk-products-grid .mk-product-thumb img {
  max-width: 80%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;              /* keep full image, no cropping */
  display: block;
}

/* ===========================
   PRICE & BUTTON – aligned at bottom
   =========================== */

#mk-products-grid .mk-product-price {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-top: auto;                 /* pushes price toward bottom area */
  margin-bottom: 1rem;
  text-align: center;
}

#mk-products-grid .mk-product-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65em 2.3em;
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}

/* Slight brighten on hover */
#mk-products-grid .mk-product-inner:hover .mk-product-button {
  filter: brightness(1.05);
}

/* ===========================
   ACF FIELDS ROW (envase + formato)
   =========================== */


#mk-products-grid .mk-product-acf-row {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.9rem;
  flex-wrap: wrap;
}

#mk-products-grid .mk-product-acf {
  font-size: 12px;
  font-weight: 500;
  color: #0c3f1b;
  background: rgba(12, 63, 27, 0.06); /* lighter */
  padding: 0.25em 0.75em;
  border-radius: 999px;
}

#mk-products-grid .mk-product-acf--envase {
  opacity: 0.8;
}/* End custom CSS */