.elementor-1221 .elementor-element.elementor-element-d1a189f{--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;overflow:visible;}.elementor-1221 .elementor-element.elementor-element-cbcd782{--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;overflow:visible;}.elementor-1221 .elementor-element.elementor-element-4b20940.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1221 .elementor-element.elementor-element-4b20940{border-radius:20px 20px 20px 20px;}.woocommerce .elementor-1221 .elementor-element.elementor-element-4b20940 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-1221 .elementor-element.elementor-element-4b20940 .flex-viewport{border-radius:20px 20px 20px 20px;}.woocommerce .elementor-1221 .elementor-element.elementor-element-4b20940 .flex-viewport:not(:last-child){margin-bottom:0px;}.woocommerce .elementor-1221 .elementor-element.elementor-element-4b20940 .flex-control-thumbs img{border-radius:20px 20px 20px 20px;}.woocommerce .elementor-1221 .elementor-element.elementor-element-4b20940 .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-1221 .elementor-element.elementor-element-4b20940 .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-1221 .elementor-element.elementor-element-9b870f3{--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;overflow:visible;}.elementor-1221 .elementor-element.elementor-element-f21c1f5 .cart button, .elementor-1221 .elementor-element.elementor-element-f21c1f5 .cart .button{transition:all 0.2s;}.elementor-1221 .elementor-element.elementor-element-f21c1f5 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-1221 .elementor-element.elementor-element-f21c1f5 form.cart .variations{width:100%;margin-bottom:22px;}.woocommerce .elementor-1221 .elementor-element.elementor-element-f21c1f5 form.cart table.variations tr th, .woocommerce .elementor-1221 .elementor-element.elementor-element-f21c1f5 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-1221 .elementor-element.elementor-element-f21c1f5 form.cart table.variations td.value select, .woocommerce .elementor-1221 .elementor-element.elementor-element-f21c1f5 form.cart table.variations td.value:before{border-radius:0px;}@media(min-width:768px){.elementor-1221 .elementor-element.elementor-element-cbcd782{--width:50%;}.elementor-1221 .elementor-element.elementor-element-9b870f3{--width:50%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4b20940 *//* El wrapper del widget NO debe tener altura extra */
.product-gallery,
.product-gallery .elementor-widget-container,
.product-gallery .woocommerce-product-gallery{
  height: auto !important;
}

/* Elimina márgenes/paddings que añaden “aire” */
.product-gallery .woocommerce-product-gallery,
.product-gallery .woocommerce-product-gallery__wrapper{
  margin: 0 !important;
  padding: 0 !important;
}

/* El frame manda (ajusta el 520 si quieres) */
.product-gallery .woocommerce-product-gallery__image,
.product-gallery .woocommerce-product-gallery__image > a{
  height: 520px !important;
  overflow: hidden !important;
  display: block !important;
}

/* La imagen rellena */
.product-gallery .woocommerce-product-gallery__image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-3d7d966 *//* ===============================
   BUY BOX - estilo marrón + limpio
   =============================== */

.buy-box{
  --brownBtn:#d8c1a6;   /* botón añadir */
  --brownQty:#cdb294;   /* cantidad */
  --brownTxt:#2b2016;   /* texto marrón oscuro */
  --bd:#d9cfc6;         /* borde suave */
  --r:20px;             /* radio pedido */
}

/* --- Variaciones (swatches/labels) --- */
/* 1) Radio 20 en cada opción */
.buy-box .wvs-terms .wvs-term,
.buy-box .variable-items-wrapper .variable-item{
  border-radius: var(--r) !important;
}

/* 2) Bordes suaves (si los quieres finos) */
.buy-box .wvs-terms .wvs-term,
.buy-box .variable-items-wrapper .variable-item{
  border: 1px solid var(--bd) !important;
}

/* 3) Quitar la “línea separadora”:
      suele ser el borde inferior de la tabla o un hr/pseudo */
.buy-box table.variations,
.buy-box table.variations tr,
.buy-box table.variations td,
.buy-box table.variations th{
  border: 0 !important;
  box-shadow: none !important;
}

/* Evita que se apilen: mantenemos el wrapper como flex con gap */
.buy-box .wvs-terms,
.buy-box .variable-items-wrapper{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  width:100% !important;
}

/* --- Fila de compra (wishlist + cantidad + botón) --- */
.buy-box .woocommerce-variation-add-to-cart,
.buy-box form.cart{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

/* --- Cantidad --- */
.buy-box .quantity input.qty{
  width:84px !important;
  height:46px !important;
  border-radius: var(--r) !important;
  border:0 !important;                 /* limpio */
  background: var(--brownQty) !important;
  color: var(--brownTxt) !important;
  font-weight:600 !important;
  padding:0 12px !important;
}

/* --- Botón Añadir al carrito --- */
.buy-box button.single_add_to_cart_button,
.buy-box .single_add_to_cart_button{
  flex:1 1 auto !important;
  height:46px !important;
  border-radius: var(--r) !important;
  border:0 !important;
  background: var(--brownBtn) !important;
  color: var(--brownTxt) !important;
  font-weight:700 !important;
  padding:0 18px !important;
  margin:0 !important;
  min-width:0 !important;
}

/* --- Wishlist (corazón): sin cuadrado, solo icono negro --- */
/* Caso YITH */
.buy-box .yith-wcwl-add-to-wishlist,
.buy-box .yith-wcwl-add-to-wishlist *{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.buy-box .yith-wcwl-add-to-wishlist a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:26px !important;
  height:46px !important;      /* alinea con la fila */
  padding:0 !important;
  margin:0 !important;
}

/* icono/heart en negro (YITH suele usar :before o svg) */
.buy-box .yith-wcwl-add-to-wishlist a:before,
.buy-box .yith-wcwl-add-to-wishlist i,
.buy-box .yith-wcwl-add-to-wishlist svg{
  color:#000 !important;
  fill:#000 !important;
}

/* Caso TI Wishlist */
.buy-box .tinvwl_add_to_wishlist_button,
.buy-box .tinvwl_add_to_wishlist_button *{
  background: transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.buy-box .tinvwl_add_to_wishlist_button{
  width:26px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.buy-box .tinvwl_add_to_wishlist_button i,
.buy-box .tinvwl_add_to_wishlist_button svg{
  color:#000 !important;
  fill:#000 !important;
}

/* (Opcional) quita icono compare si aparece */
.buy-box .compare,
.buy-box a.compare{
  display:none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-f21c1f5 *//* ====== ADD TO CART limpio (sin wishlist/compare) ====== */

.buy-box form.cart,
.buy-box form.variations_form.cart{
  margin:0 !important;
}

/* Oculta iconos de wishlist/compare que rompen la fila */
.buy-box .yith-wcwl-add-to-wishlist,
.buy-box .tinvwl_add_to_wishlist_button,
.buy-box .compare,
.buy-box a.compare,
.buy-box .woocommerce-compare,
.buy-box .woolentor-compare,
.buy-box .woolentor-wishlist,
.buy-box .woosc-btn,
.buy-box .wooscp-btn,
.buy-box .woosw-btn,
.buy-box .yith-woocompare-button{
  display:none !important;
}

/* Wrapper del add to cart */
.buy-box .woocommerce-variation-add-to-cart,
.buy-box form.cart{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

/* Cantidad: tamaño fijo y bonito */
.buy-box .quantity{
  margin:0 !important;
  flex:0 0 auto !important;
}
.buy-box .quantity input.qty{
  width:84px !important;
  height:46px !important;
  border-radius:12px !important;
  border:1px solid #2a2a2a !important;
  background:#111 !important;
  color:#eaeaea !important;
  padding:0 10px !important;
}

/* Botón: ocupa todo el ancho restante */
.buy-box button.single_add_to_cart_button,
.buy-box .single_add_to_cart_button{
  flex:1 1 auto !important;
  height:46px !important;
  border-radius:12px !important;
  background:#eaeaea !important;
  color:#101010 !important;
  font-weight:700 !important;
  border:0 !important;
  padding:0 18px !important;
  margin:0 !important;
  min-width: 0 !important;
}

/* Quita paddings/márgenes raros que meten espacio */
.buy-box .single_variation_wrap,
.buy-box .woocommerce-variation-add-to-cart{
  margin:0 !important;
  padding:0 !important;
}
/* =========================
   ICONOS (wishlist/compare) dentro del add-to-cart:
   sin caja, solo icono negro
   ========================= */

/* Cualquier cosa extra dentro de la fila (que no sea cantidad ni botón) */
.buy-box .woocommerce-variation-add-to-cart > :not(.quantity):not(button.single_add_to_cart_button),
.buy-box form.cart > :not(.quantity):not(button.single_add_to_cart_button) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Si esos iconos vienen como <a> o <button> */
.buy-box .woocommerce-variation-add-to-cart > :not(.quantity):not(button.single_add_to_cart_button) a,
.buy-box .woocommerce-variation-add-to-cart > :not(.quantity):not(button.single_add_to_cart_button) button,
.buy-box form.cart > :not(.quantity):not(button.single_add_to_cart_button) a,
.buy-box form.cart > :not(.quantity):not(button.single_add_to_cart_button) button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 28px !important;
  height: 46px !important;   /* para alinear con cantidad/botón */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Icono en negro (font-icon o svg) */
.buy-box .woocommerce-variation-add-to-cart i,
.buy-box .woocommerce-variation-add-to-cart svg,
.buy-box form.cart i,
.buy-box form.cart svg {
  color: #000 !important;
  fill: #000 !important;
}

/* Hover transparente SOLO para iconos, NO para el botón de añadir al carrito */
.buy-box .woocommerce-variation-add-to-cart a:hover,
.buy-box .woocommerce-variation-add-to-cart button:not(.single_add_to_cart_button):hover,
.buy-box form.cart a:hover,
.buy-box form.cart button:not(.single_add_to_cart_button):hover{
  background: transparent !important;
}
/* ===== Add to cart SIEMPRE marrón claro + hover más oscuro ===== */
.buy-box form.cart .single_add_to_cart_button,
.buy-box form.variations_form.cart .single_add_to_cart_button,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.buy-box .single_add_to_cart_button,
.buy-box button.single_add_to_cart_button,
.buy-box input.single_add_to_cart_button{
  background-color: #d8c1a6 !important; /* marrón clarito */
  color: #2b2016 !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.buy-box form.cart .single_add_to_cart_button:hover,
.buy-box form.variations_form.cart .single_add_to_cart_button:hover,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
.buy-box .single_add_to_cart_button:hover{
  background-color: #cdb294 !important; /* más oscuro */
  color: #2b2016 !important;
}

/* Si está deshabilitado hasta elegir variación */
.buy-box .single_add_to_cart_button.disabled,
.buy-box .single_add_to_cart_button:disabled{
  background-color: #d8c1a6 !important;
  color: #2b2016 !important;
  opacity: .65 !important;
}
/* =========================================================
   FIX DEFINITIVO: Add to cart marrón SIEMPRE + hover más oscuro
   (rompe overlays/pseudo-elementos del tema)
   ========================================================= */

.buy-box form.cart .single_add_to_cart_button,
.buy-box form.variations_form.cart .single_add_to_cart_button,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.buy-box a.single_add_to_cart_button,
.buy-box button.single_add_to_cart_button,
.buy-box input.single_add_to_cart_button,
.buy-box .single_add_to_cart_button{
  background: #d8c1a6 !important;
  background-color: #d8c1a6 !important;
  background-image: none !important;
  color: #2b2016 !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Mata overlays del tema que tapan el color */
.buy-box form.cart .single_add_to_cart_button::before,
.buy-box form.cart .single_add_to_cart_button::after,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button::before,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button::after,
.buy-box a.single_add_to_cart_button::before,
.buy-box a.single_add_to_cart_button::after{
  content: none !important;
  display: none !important;
}

/* Hover / focus / active: marrón más oscuro */
.buy-box form.cart .single_add_to_cart_button:hover,
.buy-box form.cart .single_add_to_cart_button:focus,
.buy-box form.cart .single_add_to_cart_button:active,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button:focus,
.buy-box .woocommerce-variation-add-to-cart .single_add_to_cart_button:active,
.buy-box a.single_add_to_cart_button:hover,
.buy-box a.single_add_to_cart_button:focus,
.buy-box a.single_add_to_cart_button:active{
  background: #cdb294 !important;
  background-color: #cdb294 !important;
  background-image: none !important;
  color: #2b2016 !important;
}

/* Si Woo lo pone disabled antes de elegir variación */
.buy-box .single_add_to_cart_button.disabled,
.buy-box .single_add_to_cart_button:disabled{
  background: #d8c1a6 !important;
  background-color: #d8c1a6 !important;
  color: #2b2016 !important;
  opacity: .65 !important;
}/* End custom CSS */