.elementor-210 .elementor-element.elementor-element-12e3fee{--display:flex;--margin-top:145px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-archive-title .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-210 .elementor-element.elementor-element-dd8713c{text-align:center;}.elementor-210 .elementor-element.elementor-element-dd8713c .elementor-heading-title{color:#5C9BF7;}.elementor-210 .elementor-element.elementor-element-43bc0fd{--display:flex;--margin-top:0px;--margin-bottom:318px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-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-woocommerce-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-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-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-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-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-woocommerce-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-woocommerce-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-210 .elementor-element.elementor-element-d48b4dc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-210 .elementor-element.elementor-element-d48b4dc.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-210 .elementor-element.elementor-element-d48b4dc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-210 .elementor-element.elementor-element-d48b4dc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-d48b4dc *//* =========================================
   FIX AGRESIVO - Elementor Products Widget
   HomeFlow
   ========================================= */

/* Scope: solo widgets de productos de Elementor */
.elementor-widget-woocommerce-products .woocommerce ul.products,
.elementor-widget-woocommerce-products .woocommerce-page ul.products,
.elementor-widget-woocommerce-products ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

/* responsive */
@media (max-width: 1024px){
  .elementor-widget-woocommerce-products ul.products{
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}
@media (max-width: 768px){
  .elementor-widget-woocommerce-products ul.products{
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (max-width: 480px){
  .elementor-widget-woocommerce-products ul.products{
    grid-template-columns: 1fr !important;
  }
}

/* Cada card: que NO quede aplastada */
.elementor-widget-woocommerce-products ul.products li.product{
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  background: #fff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Link completo */
.elementor-widget-woocommerce-products ul.products li.product a.woocommerce-LoopProduct-link{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Imagen consistente (evita esos “tubos” raros) */
.elementor-widget-woocommerce-products ul.products li.product a img{
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 0 12px 0 !important;
  border-radius: 12px !important;
}

/* EL PROBLEMA CLAVE: texto NO vertical / NO break-all */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products ul.products li.product .price,
.elementor-widget-woocommerce-products ul.products li.product .button{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  /* reset anti “texto en columna” */
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  writing-mode: horizontal-tb !important;
  letter-spacing: normal !important;
}

/* Título parejito */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title{
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Precio */
.elementor-widget-woocommerce-products ul.products li.product .price{
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 0 12px 0 !important;
  color: #111 !important;
}

/* Botón full width */
.elementor-widget-woocommerce-products ul.products li.product a.button,
.elementor-widget-woocommerce-products ul.products li.product a.add_to_cart_button{
  margin-top: auto !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

/* Por si algún CSS externo está forzando cosas raras */
.elementor-widget-woocommerce-products ul.products li.product *{
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ================================
   HOMEFLOW – COLOR BRAND PRODUCTS
   Color principal: #5C9BF7
   ================================ */

:root{
  --hf-brand: #5C9BF7;
  --hf-brand-soft: rgba(92,155,247,0.12);
  --hf-brand-dark: #3f7fe6;
}

/* Título PRODUCTOS */
.elementor-widget-heading h2,
.elementor-widget-heading h1{
  color: var(--hf-brand) !important;
  letter-spacing: 0.04em;
}

/* Card del producto */
.elementor-widget-woocommerce-products ul.products li.product{
  border: 1px solid var(--hf-brand-soft) !important;
  transition: all .25s ease;
}

/* Hover elegante */
.elementor-widget-woocommerce-products ul.products li.product:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(92,155,247,0.18);
  border-color: var(--hf-brand);
}

/* Nombre del producto */
.elementor-widget-woocommerce-products
.woocommerce-loop-product__title{
  color: var(--hf-brand) !important;
}

/* Precio */
.elementor-widget-woocommerce-products .price{
  color: var(--hf-brand-dark) !important;
}

/* Botón Añadir al carrito */
.elementor-widget-woocommerce-products a.button,
.elementor-widget-woocommerce-products a.add_to_cart_button{
  background: var(--hf-brand) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700;
  transition: all .25s ease;
}

/* Hover botón */
.elementor-widget-woocommerce-products a.button:hover,
.elementor-widget-woocommerce-products a.add_to_cart_button:hover{
  background: var(--hf-brand-dark) !important;
  box-shadow: 0 8px 20px rgba(92,155,247,.45);
  transform: translateY(-1px);
}

/* Imagen con marco suave */
.elementor-widget-woocommerce-products ul.products li.product img{
  border-radius: 14px;
  background: var(--hf-brand-soft);
}

/* Badge SALE (si algún día lo usan) */
.woocommerce span.onsale{
  background: var(--hf-brand) !important;
  color: #fff !important;
  border-radius: 999px;
}/* End custom CSS */