.elementor-2729 .elementor-element.elementor-element-5b850df{--display:flex;--min-height:800px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2729 .elementor-element.elementor-element-5b850df:not(.elementor-motion-effects-element-type-background), .elementor-2729 .elementor-element.elementor-element-5b850df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a49d6ba );}.elementor-2729 .elementor-element.elementor-element-44e987e{--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-2729 .elementor-element.elementor-element-44e987e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2729 .elementor-element.elementor-element-56f7066{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2729 .elementor-element.elementor-element-56f7066 .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-size:55px;font-weight:600;color:var( --e-global-color-ecf21a3 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2729 .elementor-element.elementor-element-44e987e{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-1a73dc7 *//* Grid consistente (por si el tema no respeta las 4 columnas) */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1024px){ .woocommerce ul.products{ grid-template-columns: repeat(3,1fr);} }
@media (max-width: 768px){  .woocommerce ul.products{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 480px){  .woocommerce ul.products{ grid-template-columns: 1fr;} }

/* Tarjeta limpia con hover */
.woocommerce ul.products li.product{
  margin: 0 !important;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

/* Imagen recortada linda */
.woocommerce ul.products li.product a img{
  width: 100%;
  aspect-ratio: 1/1;          /* cuadrada; cambiá a 4/5 si querés más alta */
  object-fit: cover;
  border-radius: 12px;
}

/* Título y precio */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 1rem;
  margin: 10px 0 6px;
}
.woocommerce ul.products li.product .price{
  font-weight: 700;
  font-size: 1.05rem;
}
/* 1) Usar Roboto Serif en el grid de productos */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@400;500;700&display=swap');
:root{ --cta:#728872; }

.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button{
  font-family: 'Roboto Serif', serif !important;
}

/* 2) Ocultar la categoría en las tarjetas (cubre varios temas) */
.woocommerce ul.products li.product .cat-links,
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .product-cat,
.woocommerce ul.products li.product .woocommerce-loop-product__category,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .product_meta,
.woocommerce-loop-category__title small{
  display:none !important;
}

/* 3) Botón “Añadir al carrito” con tu color #728872 */
.woocommerce ul.products li.product a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background: var(--cta) !important;
  border-color: var(--cta) !important;
  color:#fff !important;
  text-decoration:none !important;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  filter: brightness(.93);
}
/* ===== Woo Shortcode [products] — FIX solo para listas con 4 columnas ===== */

/* 0) Quitar reglas viejas que ocultan productos */
.woocommerce ul.products.columns-4,
.woocommerce-page ul.products.columns-4{
  max-height: none !important;
  overflow: visible !important;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product{
  display: block !important;    /* por si algún snippet puso inline/none */
  visibility: visible !important;
  opacity: 1 !important;
}

/* 1) Usar CSS Grid para que se vean TODOS (y controlar columnas por viewport) */
.woocommerce ul.products.columns-4,
.woocommerce-page ul.products.columns-4{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* Tablet */
@media (max-width: 1024px){
  .woocommerce ul.products.columns-4,
  .woocommerce-page ul.products.columns-4{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 768px){
  .woocommerce ul.products.columns-4,
  .woocommerce-page ul.products.columns-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 2) Que la paginación ocupe ancho completo bajo la grilla */
.woocommerce nav.woocommerce-pagination{
  grid-column: 1 / -1;
  margin-top: 8px;
}
.grid-fix ul.products{ /* ... mismas reglas ... */ }
.grid-fix ul.products li.product{ /* ... */ }/* End custom CSS */