.elementor-1976 .elementor-element.elementor-element-3711d38f{--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-1976 .elementor-element.elementor-element-70ff7d0b{--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-1976 .elementor-element.elementor-element-70ff7d0b:not(.elementor-motion-effects-element-type-background), .elementor-1976 .elementor-element.elementor-element-70ff7d0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-1976 .elementor-element.elementor-element-4c7cb508{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 25px;}.elementor-1976 .elementor-element.elementor-element-57e247b9{--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-1976 .elementor-element.elementor-element-57e247b9:not(.elementor-motion-effects-element-type-background), .elementor-1976 .elementor-element.elementor-element-57e247b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-1976 .elementor-element.elementor-element-70fd839f{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -140px;}.elementor-1976 .elementor-element.elementor-element-5bc99fd4{--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-1976 .elementor-element.elementor-element-5bc99fd4:not(.elementor-motion-effects-element-type-background), .elementor-1976 .elementor-element.elementor-element-5bc99fd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-1976 .elementor-element.elementor-element-38fe4f6{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -270px;}.elementor-1976 .elementor-element.elementor-element-1a905b21{--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-1976 .elementor-element.elementor-element-1a905b21:not(.elementor-motion-effects-element-type-background), .elementor-1976 .elementor-element.elementor-element-1a905b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-1976 .elementor-element.elementor-element-fe3feee{--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-1976 .elementor-element.elementor-element-698a8125{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 100px) 30px;}@media(min-width:768px){.elementor-1976 .elementor-element.elementor-element-3711d38f{--content-width:1208px;}.elementor-1976 .elementor-element.elementor-element-70ff7d0b{--width:25%;}.elementor-1976 .elementor-element.elementor-element-57e247b9{--width:25%;}.elementor-1976 .elementor-element.elementor-element-5bc99fd4{--width:25%;}.elementor-1976 .elementor-element.elementor-element-1a905b21{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-4c7cb508 */.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-70fd839f */.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-698a8125 *//* 🔹 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;
}
/* Hacer las variaciones redondas */
.wpcvs-terms.wpcvs-style-rounded .wpcvs-term .wpcvs-term-image img {
    width: 40px !important;       /* Ajusta el tamaño si lo necesitas */
    height: 40px !important;      /* Debe ser igual al width */
    border-radius: 100% !important;
    object-fit: cover !important;
    display: block;
}/* End custom CSS */