.elementor-5676 .elementor-element.elementor-element-8ce1a77{--display:flex;--min-height:0px;--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-5676 .elementor-element.elementor-element-0afed88{--display:flex;--min-height:0px;}.elementor-5676 .elementor-element.elementor-element-a86048f{--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-5676 .elementor-element.elementor-element-9a7e6a0{--display:flex;--min-height:0px;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container{min-height:37px;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-submit{min-width:37px;background-color:#818a91;font-size:16px;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__input{padding-left:calc(37px / 5);padding-right:calc(37px / 5);}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container button#clear i:before,
					.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-icon-toggle button#clear i:before,
				.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container button#clear-with-button i:before{font-size:20px;}.elementor-5676 .elementor-element.elementor-element-36570a7{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-5676 .elementor-element.elementor-element-36570a7.elementor-element{--align-self:center;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__input::placeholder{color:#7A7A7A6B;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__input, .elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{background-color:#ededed;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-icon-toggle .hfe-search-form__input{background-color:transparent;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container ,.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-icon-toggle .hfe-search-form__input,.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:none;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container, .elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-icon-toggle .hfe-search-form__input,.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-radius:3px;}.elementor-5676 .elementor-element.elementor-element-36570a7 button.hfe-search-submit{color:#fff;}.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container button#clear-with-button,
					.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-form__container button#clear,
					.elementor-5676 .elementor-element.elementor-element-36570a7 .hfe-search-icon-toggle button#clear{color:#7a7a7a;}.elementor-5676 .elementor-element.elementor-element-0ed89e3{--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-5676 .elementor-element.elementor-element-3f28382{--display:flex;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-woo-products-grid{grid-template-columns:repeat(3, 1fr);column-gap:0px;row-gap:0px;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-item{background-color:#F6F7F7;border-style:solid;border-width:3px 3px 3px 3px;border-color:#E9ECEF;border-radius:4px 4px 4px 4px;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-add-to-cart .button{background-color:#292929;padding:18px 21px 18px 21px;color:#FFFFFF;text-transform:uppercase;text-decoration:none;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-add-to-cart .button:hover{background-color:#BBC3CA;color:#000000;}.elementor-5676 .elementor-element.elementor-element-2e41d08{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5676 .elementor-element.elementor-element-2e41d08.elementor-element{--align-self:center;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-content{padding:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-category{color:#000000;font-family:"Aboreto", Sans-serif;font-weight:800;margin-bottom:10px;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-title, .elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-title a{color:#1F2937;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;text-transform:capitalize;text-decoration:none;line-height:13px;margin-bottom:10px;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-price span{color:#111827;}.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-product-price{margin-bottom:10px;}.elementor-5676 .elementor-element.elementor-element-da7d974{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-woo-products-grid{grid-template-columns:repeat(3, 1fr);}}@media(max-width:767px){.elementor-5676 .elementor-element.elementor-element-2e41d08 .hfe-woo-products-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for hfe-woo-product-grid, class: .elementor-element-2e41d08 *//* ===============================
   CATÁLOGO MASCULINO – PREMIUM
   Elementor Woo Products Grid
   (SIN !important)
   Requiere clase: catalog-men
   =============================== */

.catalog-men .woocommerce ul.products li.product,
.catalog-men ul.products li.product {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid #E9ECEF;
  padding: 18px;
  text-align: center;

  /* Fondo elegante, sin menta fuerte */
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFA 65%, #F6F8F7 100%);

  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.catalog-men .woocommerce ul.products li.product:hover,
.catalog-men ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(17, 24, 39, 0.12);
  border-color: rgba(128, 214, 173, 0.45);
}

/* Halo MUY sutil detrás de la imagen */
.catalog-men .woocommerce ul.products li.product::before,
.catalog-men ul.products li.product::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 16px;
  width: 70%;
  height: 42%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 35%, rgba(128,214,173,0.12), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Link wrapper (Woo) */
.catalog-men .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.catalog-men ul.products li.product a.woocommerce-LoopProduct-link {
  position: relative;
  z-index: 1;
  text-decoration: none;
}

/* Imagen */
.catalog-men .woocommerce ul.products li.product img,
.catalog-men ul.products li.product img {
  position: relative;
  z-index: 1;
  margin: 0 auto 10px;
  transition: transform .25s ease;
}

.catalog-men .woocommerce ul.products li.product:hover img,
.catalog-men ul.products li.product:hover img {
  transform: scale(1.03);
}

/* Título */
.catalog-men .woocommerce ul.products li.product .woocommerce-loop-product__title,
.catalog-men ul.products li.product .woocommerce-loop-product__title {
  color: #1F2937;
  font-weight: 700;
  font-size: 18px;
  margin: 8px 0 6px;
  text-decoration: none;
}

/* Precio */
.catalog-men .woocommerce ul.products li.product .price,
.catalog-men ul.products li.product .price {
  color: #111827;
  font-weight: 700;
  margin: 6px 0 12px;
}

/* Botón */
.catalog-men .woocommerce ul.products li.product a.button,
.catalog-men ul.products li.product a.button {
  display: inline-block;
  border-radius: 999px;
  border: 2px solid #80D6AD;
  padding: 10px 18px;
  font-weight: 700;
  font-size: 14px;
  background: #292929;
  color: #FFFFFF;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.catalog-men .woocommerce ul.products li.product a.button:hover,
.catalog-men ul.products li.product a.button:hover {
  background: #80D6AD;
  color: #292929;
  transform: scale(1.04);
  box-shadow: 0 0 12px rgba(128,214,173,0.45);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2939c1 *//* ===============================
   CATÁLOGO HOMBRE (SHORTCODE)
   Ajustes: cards más juntas, sin rating,
   precio fijo $3.000 - $13.000 (visual),
   botón menos ancho, borde más ancho.
   Requiere que el shortcode esté dentro de:
   <div class="catalog-men"> ... </div>
   =============================== */

/* 1) Cards más juntas */
.catalog-men ul.products{
  gap: 16px !important;         /* baja a 12px si las quieres más pegadas */
}
.catalog-men ul.products li.product{
  margin: 0 !important;
}

/* 2) Card: borde un poco más ancho */
.catalog-men ul.products li.product{
  border-width: 2px !important;
}

/* 3) Quitar rating (estrellitas) */
.catalog-men .star-rating,
.catalog-men .woocommerce-product-rating{
  display: none !important;
}

/* 4) Precio fijo en todas las cards (SOLO VISUAL) */
.catalog-men ul.products li.product .price{
  display: none !important; /* oculta el precio real */
}

/* Inserta el precio fijo debajo del link del producto */
.catalog-men ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "$3.000 - $13.000";
  display: block;
  margin-top: 6px;
  font-weight: 700;
  color: #111827;
  font-size: 15px;
}

/* 5) Botón menos ancho (evita full width) */
.catalog-men ul.products li.product a.button{
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 16px !important;
  min-width: 0 !important;
}/* End custom CSS */