.elementor-656 .elementor-element.elementor-element-024e270{--display:flex;}.elementor-656 .elementor-element.elementor-element-024e270:not(.elementor-motion-effects-element-type-background), .elementor-656 .elementor-element.elementor-element-024e270 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-024e270 *//* ==========================================================
   SOLO CSS - CATALOGO/SHOP ALINEADO + SIN DESCRIPCION + NEGRO
   (AGRESIVO para temas que rompen el loop)
   ========================================================== */

/* 1) Forzar grid real (evita floats/columns raros) */
.woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 1024px){ .woocommerce ul.products{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 768px){  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 480px){  .woocommerce ul.products{ grid-template-columns: 1fr !important; } }

/* 2) Card alineada */
.woocommerce ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  min-height: 520px !important; /* fuerza cards parejas */
}

/* 3) Imagen misma altura */
.woocommerce ul.products li.product a img{
  width: 100% !important;
  height: 260px !important;
  object-fit: contain !important;
  margin: 0 0 14px 0 !important;
}

/* 4) Título negro, controlado */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .product-title{
  color: #000 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  margin: 0 0 10px 0 !important;
  min-height: 2.4em !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product a:visited{
  color: #000 !important;
  text-decoration: none !important;
}

/* 5) Precio negro y normal */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *{
  color: #000 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  margin: 0 0 14px 0 !important;
  text-decoration: none !important;
}

/* 6) Botón siempre abajo */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
  margin-top: auto !important;
  align-self: center !important;
}

/* ==========================================================
   7) MATAR DESCRIPCIONES/LISTAS que te están saliendo (Perfil Olfativo)
   ========================================================== */

/* Dentro de cada producto */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.woocommerce ul.products li.product .woocommerce-loop-product__excerpt,
.woocommerce ul.products li.product .short-description,
.woocommerce ul.products li.product .excerpt,
.woocommerce ul.products li.product .product-excerpt,
.woocommerce ul.products li.product .product-description,
.woocommerce ul.products li.product ol,
.woocommerce ul.products li.product ul:not(.products),
.woocommerce ul.products li.product hr,
.woocommerce ul.products li.product table,
.woocommerce ul.products li.product p{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Si el tema “se escapa” y mete esa lista fuera del li.product, la matamos dentro del contenedor WooCommerce */
.woocommerce-page .woocommerce ol,
.woocommerce-page .woocommerce ul:not(.products):not(.wc-tabs):not(.woocommerce-error):not(.woocommerce-message):not(.woocommerce-info),
.woocommerce-page .woocommerce hr{
  display: none !important;
}/* End custom CSS */