.elementor-2206 .elementor-element.elementor-element-52eb8930{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2206 .elementor-element.elementor-element-6897dbf3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 0px 0px 15px;}.elementor-2206 .elementor-element.elementor-element-6897dbf3:not(.elementor-motion-effects-element-type-background), .elementor-2206 .elementor-element.elementor-element-6897dbf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-2206 .elementor-element.elementor-element-63318655{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 25px;}.elementor-2206 .elementor-element.elementor-element-660ac877{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2206 .elementor-element.elementor-element-660ac877:not(.elementor-motion-effects-element-type-background), .elementor-2206 .elementor-element.elementor-element-660ac877 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-2206 .elementor-element.elementor-element-58e86a1f{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -140px;}.elementor-2206 .elementor-element.elementor-element-6f05f663{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2206 .elementor-element.elementor-element-6f05f663:not(.elementor-motion-effects-element-type-background), .elementor-2206 .elementor-element.elementor-element-6f05f663 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-2206 .elementor-element.elementor-element-4b3f2bfb{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -270px;}.elementor-2206 .elementor-element.elementor-element-a8e7ebd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 15px 15px 0px;}.elementor-2206 .elementor-element.elementor-element-a8e7ebd:not(.elementor-motion-effects-element-type-background), .elementor-2206 .elementor-element.elementor-element-a8e7ebd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-2206 .elementor-element.elementor-element-7b6a6548{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2206 .elementor-element.elementor-element-15e1d3fc{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 100px) 30px;}@media(min-width:768px){.elementor-2206 .elementor-element.elementor-element-52eb8930{--content-width:1208px;}.elementor-2206 .elementor-element.elementor-element-6897dbf3{--width:25%;}.elementor-2206 .elementor-element.elementor-element-660ac877{--width:25%;}.elementor-2206 .elementor-element.elementor-element-6f05f663{--width:25%;}.elementor-2206 .elementor-element.elementor-element-a8e7ebd{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-63318655 */.wpf_layout_horizontal .wpf_item_price .wpf_items_group {
  width: 500px !important;
  height: 200px !important;
}
.wpf_reset_btn {
  background: linear-gradient(135deg, #ff6b6b, #ff8787) !important;
  color: white !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.wpf_reset_btn:hover {
  background: linear-gradient(135deg, #ff8787, #ff6b6b) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}

.wpf_reset_btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

.wpf_reset_btn:focus {
  outline: 2px solid #ffb3b3 !important;
  outline-offset: 3px !important;
}

.wpf_layout_horizontal .wpf_item_name {
  background-color: #F0F0F0!important;
  
}

.wpf_layout_horizontal .wpf_item_name {
  font-weight: bold!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-58e86a1f */.wpf_items_group {
  width: 700px !important;
  height: 150px !important;
  max-width: 700px !important;
  max-height: 150px !important;
  overflow: auto !important; /* evita que el contenido se desborde */
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15e1d3fc *//* 🔹 Asegura que el contenedor del producto sea relativo */
.merchant-theme-botiga ul.products.columns-4 li.product,
.merchant-theme-botiga ul.products.columns-5 li.product,
.merchant-theme-botiga ul.products.columns-6 li.product,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product {
  position: relative !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  background-color: #fff !important;
}

/* 🔹 Botón redondo con ícono SVG */
.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  border: 1px solid #000 !important;
  color: transparent !important;
  font-size: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  z-index: 100 !important;
  overflow: hidden !important;
}

/* 🔹 Ícono SVG del carrito */
.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button::before,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button::before,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  mask: url('https://sarabellezza.com/wp-content/uploads/2025/10/plus_cart_shopping_icon_216970.svg') no-repeat center;
  mask-size: contain;
  background-color: #000;
  transition: background-color 0.3s ease;
}

/* 🔹 Hover elegante */
.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button:hover,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button:hover,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button:hover,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button:hover,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button:hover,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25) !important;
}

.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button:hover::before,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button:hover::before,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button:hover::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button:hover::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button:hover::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button:hover::before {
  background-color: #000;
}

/* 🔹 Estado “Agregado al carrito” */
.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button.added,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button.added,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button.added,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button.added,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button.added,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button.added,
.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button.added_to_cart,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button.added_to_cart,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button.added_to_cart,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button.added_to_cart,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button.added_to_cart,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button.added_to_cart {
  background-color: #e60000 !important; /* 🔴 rojo al agregar */
  border-color: #e60000 !important;
}

.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button.added::before,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button.added::before,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button.added::before,
.merchant-theme-botiga ul.products.columns-4 li.product .loop-button-wrap .button.added_to_cart::before,
.merchant-theme-botiga ul.products.columns-5 li.product .loop-button-wrap .button.added_to_cart::before,
.merchant-theme-botiga ul.products.columns-6 li.product .loop-button-wrap .button.added_to_cart::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button.added::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button.added::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button.added::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-4 li.product .loop-button-wrap .button.added_to_cart::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-5 li.product .loop-button-wrap .button.added_to_cart::before,
.merchant-theme-botiga ul.wc-block-grid__products.columns-6 li.product .loop-button-wrap .button.added_to_cart::before {
  background-color: #fff !important; /* ícono blanco sobre fondo rojo */
}

/* 🔹 Precio en rojo y negrita */
.woocommerce-Price-amount.amount {
  color: #e60000 !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
}
ul.wc-block-grid__products li.wc-block-grid__product img, ul.wc-block-grid__products li.product img, ul.products li.wc-block-grid__product img, ul.products li.product img{
 height: 350px !important;
  object-fit: cover !important; /* mantiene proporción y recorta exceso */
  display: block !important;
  margin: 0 auto !important; /* centra la imagen dentro del contenedor */
  border-radius: 8px !important; /* opcional, para un toque profesional */    
}
ul.products li.product .botiga-wc-loop-product__title, ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title, ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title, ul.wc-block-grid__products li.product .wc-block-grid__product-title, ul.wc-block-grid__products li.product .woocommerce-loop-product__title, ul.products li.wc-block-grid__product .wc-block-grid__product-title, ul.products li.wc-block-grid__product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, .woocommerce-loop-product__title .botiga-wc-loop-product__title {
 width: 90% !important;               /* importante para que el truncado funcione correctamente */
  height: 35px!important;
}
.price{
     width: 100% !important;               /* importante para que el truncado funcione correctamente */
  height: 45px!important;
}/* End custom CSS */