.elementor-2550 .elementor-element.elementor-element-6d809ffb{--display:flex;--min-height:400px;}.elementor-2550 .elementor-element.elementor-element-42d18b8{--display:flex;}.elementor-2550 .elementor-element.elementor-element-1fda339.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2550 .elementor-element.elementor-element-1fda339.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-2550 .elementor-element.elementor-element-6d809ffb{--content-width:1105px;}}@media(max-width:1024px){.elementor-2550 .elementor-element.elementor-element-1fda339.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2550 .elementor-element.elementor-element-1fda339.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-1fda339 *//* 1. Tarjeta Blanca, Bordes Redondeados y Sombra */
.elementor-2550 .elementor-element.elementor-element-1fda339 .products li.product {
  background: #FFFFFF !important;
  border-radius: 18px !important;
  padding: 20px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Efecto Hover en la tarjeta */
.elementor-2550 .elementor-element.elementor-element-1fda339 .products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14) !important;
}

/* 2. Botón Rojo Tipo Píldora + Ocultar texto original 'COMPRAR' */
.elementor-2550 .elementor-element.elementor-element-1fda339 .products li.product .button {
  background-color: #C00000 !important;
  font-size: 0px !important;
  border-radius: 30px !important;
  padding: 12px 10px !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin-top: auto !important;
  transition: background-color 0.2s ease !important;
}

/* 3. Inyección del nuevo CTA 'SELECCIONAR TALLA' */
.elementor-2550 .elementor-element.elementor-element-1fda339 .products li.product .button::after {
  content: "SELECCIONAR TALLA" !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  display: block !important;
}

/* 4. Estado Hover del Botón (Rojo Oscuro PEPESAMX) */
.elementor-2550 .elementor-element.elementor-element-1fda339 .products li.product .button:hover {
  background-color: #8F0A0A !important;
}/* End custom CSS */