.elementor-1196 .elementor-element.elementor-element-abdc6ee{--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;}.elementor-1196 .elementor-element.elementor-element-f8d1c0d{--display:flex;}.elementor-1196 .elementor-element.elementor-element-f8d1c0d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1196 .elementor-element.elementor-element-f81bc6e{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1196 .elementor-element.elementor-element-ee22d27.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1196 .elementor-element.elementor-element-ee22d27.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-1196 .elementor-element.elementor-element-f8d1c0d{--width:26.743%;}}@media(max-width:1024px){.elementor-1196 .elementor-element.elementor-element-ee22d27.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1196 .elementor-element.elementor-element-ee22d27.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-ee22d27 *//* =========================================================
   PeptiHub – Tarjetas de productos (reemplaza TODO tu CSS anterior)
   ========================================================= */

/* ---- Colores (cámbialos aquí) ---- */
.woocommerce ul.products {
  /* Paleta PeptiHub: navy del header, cian y azul del titular */
  --ph-navy: #040b1f;
  --ph-cyan: #00c2e0;
  --ph-blue: #1446e0;
  --ph-primary: linear-gradient(135deg, #00c2e0 0%, #1446e0 100%);
  --ph-primary-dark: linear-gradient(135deg, #00a8c4 0%, #0f34b5 100%);
  --ph-border: #bdeef6;
  --ph-glow: rgba(0, 194, 224, .14);
  --ph-ribbon: linear-gradient(90deg, #c8102e 0%, #ef233c 100%); /* rojo oferta */
  /* Rojo plano alternativo: --ph-ribbon: #e11d2e; */
  --ph-text: #040b1f;
  --ph-img-bg: #eefafd;
}

/* ---- Grid: 3 columnas, filas de igual altura ---- */
.woocommerce ul.products,
.products.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 22px !important;
  padding: 6px !important; /* deja ver el halo de las tarjetas */
}

/* Evita celdas vacías en el grid (clearfix de WooCommerce) */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}

/* ---- Tarjeta ---- */
.woocommerce ul.products li.product {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 14px 12px 16px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 2px solid var(--ph-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 0 5px var(--ph-glow), 0 10px 28px rgba(20, 70, 224, .10) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: #22c8e2 !important;
  box-shadow: 0 0 0 6px rgba(0, 194, 224, .22), 0 18px 36px rgba(20, 70, 224, .18) !important;
}

/* El enlace (imagen + título) ocupa el espacio y empuja el botón abajo */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  text-decoration: none !important;
}

/* ---- Imagen ---- */
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: 180px !important;
  object-fit: contain !important;
  background: var(--ph-img-bg) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  margin: 0 0 14px !important;
  box-sizing: border-box !important;
  transition: transform .35s ease;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04);
}

/* ---- Cinta PREVENTA: en todas las tarjetas, encima de la imagen ---- */
.woocommerce ul.products li.product .ph-preventa {
  position: static !important;
  z-index: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: 30px !important;
  margin: 0 0 10px -12px !important; /* pegada al borde izquierdo de la tarjeta */
  padding: 0 26px 0 14px !important;
  background: var(--ph-ribbon) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1 !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%);
  box-shadow: none !important;
}

/* Ocultar la etiqueta "¡Oferta!" por defecto (respaldo del PHP) */
.woocommerce ul.products li.product .onsale {
  display: none !important;
}

/* ---- Aviso de oferta debajo del nombre ---- */
.woocommerce ul.products li.product .ph-oferta {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  background: #fff0f2 !important;
  border: none !important;
  border-radius: 12px !important;
  color: #d90429 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* ---- Título (centrado) ---- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  flex-grow: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  color: var(--ph-text) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 4px 4px 10px !important;
  padding: 0 !important;
}

/* ---- Precio oculto ---- */
.woocommerce ul.products li.product .price {
  display: none !important;
}

/* ---- Botón siempre al fondo ---- */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: block !important;
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 13px 16px !important;
  background: var(--ph-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  transition: background .2s ease, transform .15s ease;
}

.woocommerce ul.products li.product .button:hover {
  background: var(--ph-primary-dark) !important;
}

.woocommerce ul.products li.product .button:active {
  transform: scale(.98);
}

.woocommerce ul.products li.product .button:focus-visible {
  outline: 3px solid #67e8f9 !important;
  outline-offset: 2px;
}

/* ---- Tablets y móviles: 2 columnas ---- */
@media (max-width: 768px) {
  .woocommerce ul.products,
  .products.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .woocommerce ul.products li.product {
    padding: 10px 8px 10px !important;
    border-radius: 16px !important;
    box-shadow: 0 0 0 3px var(--ph-glow), 0 6px 16px rgba(20, 70, 224, .10) !important;
  }

  .woocommerce ul.products li.product a img {
    height: 130px !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
  }

  .woocommerce ul.products li.product .ph-preventa {
    height: 24px !important;
    margin: 0 0 8px -8px !important;
    padding: 0 18px 0 9px !important;
    font-size: 10px !important;
    clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 50%, 100% 100%, 0 100%);
  }

  .woocommerce ul.products li.product .ph-oferta {
    padding: 8px 9px !important;
    margin-bottom: 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    margin-bottom: 10px !important;
  }

  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .add_to_cart_button {
    padding: 10px 6px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }
}

/* Respeta usuarios con movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product,
  .woocommerce ul.products li.product a img {
    transition: none !important;
  }
  .woocommerce ul.products li.product:hover,
  .woocommerce ul.products li.product:hover a img {
    transform: none !important;
  }
}/* End custom CSS */