.elementor-3572 .elementor-element.elementor-element-cad6bf3{--display:flex;}.elementor-3572 .elementor-element.elementor-element-1a4fe81 > .elementor-widget-container{margin:5px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-1a4fe81 *//* 🔹 Título del producto */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #000; /* negro */
  transition: color 0.3s ease;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: #333; /* gris oscuro */
}

/* 🔹 Precio */
.woocommerce ul.products li.product .price {
  color: #000; /* negro */
  transition: color 0.3s ease;
}

.woocommerce ul.products li.product .price:hover {
  color: #333; /* gris oscuro */
}

/* 🔹 Paginación */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #000; /* negro */
  transition: color 0.3s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #333; /* gris oscuro */
}
/* 🔹 Truncar títulos de productos con "..." */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #000; /* negro */
  transition: color 0.3s ease;
  white-space: nowrap;       /* no salta de línea */
  overflow: hidden;          /* oculta el exceso */
  text-overflow: ellipsis;   /* agrega los "..." */
  display: block;            /* asegura que se aplique */
  max-width: 100%;           /* ocupa solo el contenedor */
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: #333; /* gris oscuro */
}/* End custom CSS */