.elementor-12681 .elementor-element.elementor-element-1e81192f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-color:#1212126B;--border-color:#1212126B;--border-radius:30px 30px 30px 30px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12681 .elementor-element.elementor-element-2f8b7a80{--display:flex;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12681 .elementor-element.elementor-element-6d7fa8da{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-12681 .elementor-element.elementor-element-7eec7412 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12681 .elementor-element.elementor-element-7eec7412 img{width:100%;max-width:100%;height:100%;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12681 .elementor-element.elementor-element-2531799c.elementor-element{--align-self:center;}.elementor-12681 .elementor-element.elementor-element-2531799c .cart button, .elementor-12681 .elementor-element.elementor-element-2531799c .cart .button{font-size:1.2rem;font-weight:400;text-transform:none;text-decoration:none;line-height:16.9px;letter-spacing:0.6px;border-radius:7px 7px 7px 7px;padding:10px 15px 10px 15px;background-color:#000000;transition:all 0.2s;}.elementor-12681 .elementor-element.elementor-element-2531799c .quantity .qty{transition:all 0.2s;}.elementor-12681 .elementor-element.elementor-element-5e5c38fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12681 .elementor-element.elementor-element-585ca082 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-12681 .elementor-element.elementor-element-585ca082 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:16.9px;letter-spacing:0.6px;}.elementor-12681 .elementor-element.elementor-element-585ca082 .elementor-heading-title a:hover, .elementor-12681 .elementor-element.elementor-element-585ca082 .elementor-heading-title a:focus{color:#5D9680;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12681 .elementor-element.elementor-element-32b83e2e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-12681 .elementor-element.elementor-element-32b83e2e .price{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:16px;letter-spacing:1px;}.elementor-12681 .elementor-element.elementor-element-d490717 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.woocommerce .elementor-12681 .elementor-element.elementor-element-d490717 .stock{color:#121212B3;font-size:11px;line-height:13.2px;letter-spacing:0.7px;}@media(min-width:768px){.elementor-12681 .elementor-element.elementor-element-6d7fa8da{--width:100%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-12681 .elementor-element.elementor-element-2531799c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12681 .elementor-element.elementor-element-2531799c .cart button, .elementor-12681 .elementor-element.elementor-element-2531799c .cart .button{font-size:1rem;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-6d7fa8da */.eco-media{
  position: relative !important;
  overflow: hidden !important;
}

/* capa de la 2ª imagen (shortcode) */
.eco-media .eco-second{
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  transition: opacity .25s ease !important;
  z-index: 3 !important; /* debajo del botón (que suele tener z-index 20) */
  pointer-events: none !important;
}

/* la 2ª imagen ocupa todo */
.eco-media .eco-second .eco-second-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* al hover: aparece la 2ª */
.eco-media:hover .eco-second{
  opacity: 1 !important;
}

.eco-media .eco-first img{
  transition: opacity .25s ease, transform .25s ease !important;
}
.eco-media:hover .eco-first img{
  opacity: 0 !important;
}

/* opcional: zoom suave como Shopify */
.eco-media:hover .eco-second .eco-second-img{
  transform: scale(1.04);
  transition: transform .25s ease;
}


/* Widget del badge, fijo en la imagen */
.eco-card .eco-media .eco-sale-badge{
  position: absolute !important;
  left: 12px !important;
  bottom: 12px !important;
  z-index: 4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
}

/* Badge */
.eco-card .eco-media .eco-sale-badge .onsale{
  position: static !important;
  display: inline-block !important;

  background: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  border-radius: 999px !important;
  padding: 4px 10px !important;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;  
  font-size: 12px !important;
  line-height: 12px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;

  box-shadow: none !important;
}

.eco-card .eco-media .eco-sale-badge .onsale:before,
.eco-card .eco-media .eco-sale-badge .onsale:after{
  display: none !important;
}

.eco-media .eco-atc{
  position: absolute !important; 
  z-index: 2 !important;
}


.e-loop-item,
.eco-card,
.eco-media{
  position: relative !important;
  z-index: 1 !important;
}




/* Badge Por estrenar (mismo estilo que .onsale) */
.eco-card .eco-media .eco-sale-badge .por-estrenar{
  position: static !important;
  display: inline-block !important;

  background: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  border-radius: 999px !important;
  padding: 4px 10px !important;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;

  box-shadow: none !important;
}

/* Quitar before/after igual que con onsale */
.eco-card .eco-media .eco-sale-badge .por-estrenar:before,
.eco-card .eco-media .eco-sale-badge .por-estrenar:after{
  display: none !important;
}

/* Si salen ambos badges, separarlos un poquito */
.eco-card .eco-media .eco-sale-badge .onsale{
  margin-right: 6px !important;
}
/* ===============================
   MOBILE: sin segunda imagen
   =============================== */
@media (hover: none) and (pointer: coarse) {

  /* ❌ desactivar completamente la 2ª imagen en mobile */
  .eco-media .eco-second{
    display: none !important;
  }

  /* botón ATC oculto por defecto */
  .eco-media .eco-atc{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(6px) !important;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
    z-index: 20 !important;
  }

  /* mostrar botón SOLO con primer tap */
  .eco-touch-hover .eco-media .eco-atc{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* evitar hover pegajoso en mobile */
  .eco-media:hover .eco-atc{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .eco-touch-hover .eco-media:hover .eco-atc{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}
/* Badge Vendido (mismo estilo que .por-estrenar) */
.eco-card .eco-media .eco-sale-badge .vendido {
  position: static !important;
  display: inline-block !important;

  background: #BF0606 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  border-radius: 999px !important;
  padding: 4px 10px !important;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;

  box-shadow: none !important;
}

/* Quitar before/after igual que con .por-estrenar */
.eco-card .eco-media .eco-sale-badge .vendido:before,
.eco-card .eco-media .eco-sale-badge .vendido:after {
  display: none !important;
}

/* Si salen ambos badges, separarlos un poquito */
.eco-card .eco-media .eco-sale-badge .onsale {
  margin-right: 6px !important;
}
.eco-card .eco-media .eco-sale-badge .pocas-unidades {
  position: static !important;
  display: inline-block !important;

  background: #5D9680 !important; /* mismo rojo que vendido */
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  border-radius: 999px !important;
  padding: 4px 10px !important;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;

  box-shadow: none !important;
}

/* Quitar before/after igual que con .vendido */
.eco-card .eco-media .eco-sale-badge .pocas-unidades:before,
.eco-card .eco-media .eco-sale-badge .pocas-unidades:after {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-585ca082 */.eco-card:hover .elementor-heading-title{color:#5D9680!important;}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-32b83e2e *//* 2ª línea: el precio actual abajo */
.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del + ins{
  display: flex;
  margin-top: 6px;
}

.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del{
  display: flex;
  align-items: baseline;
  
  margin-right: 0;
  opacity: .85;
  font-size: 14px !important;
}

.elementor-12681 .elementor-element.elementor-element-32b83e2e .price ins{
  display: flex;
  align-items: baseline;
  gap: 8px;
  background: transparent;
  text-decoration: none;
}


.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del::before{
  content: "Precio en tienda";
  font-size: 10px !important;
  font-weight: 500;
  opacity: .75;
  margin-left: 6px;   
  margin-right: 0;
}

.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del,
.elementor-12681 .elementor-element.elementor-element-32b83e2e .price ins{
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del{
  text-decoration: none !important;
}

/* 2) Volver a tachar SOLO el número dentro de <del> */
.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del .woocommerce-Price-amount,
.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del .amount,
.elementor-12681 .elementor-element.elementor-element-32b83e2e .price del bdi{
  text-decoration: line-through !important;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e81192f */.postid-8151 .wpml-ls-statics-footer{display:none!important;}

.eco-media .quantity { display: none !important; }
a.added_to_cart.wc-forward{display:none!important;}

.eco-media .eco-atc a{ text-decoration: none !important; }


/* El contenedor de la imagen debe ser "relative" para el overlay */
.eco-media{
  position: relative !important;
}

/* Botón: oculto por defecto */
.eco-media .eco-atc{
  position: absolute !important;
  left: 50% !important;
  bottom: 18px !important;
  transform: translateX(-50%) translateY(10px) !important;
  width: calc(100% - 40px) !important; /* margen lateral */
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
  z-index: 20 !important;
}



/* Mostrar botón cuando haces hover en la imagen/contendor */
.eco-card:hover .eco-atc{
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* En móvil (sin hover), lo dejamos visible */
@media (max-width: 767px){
  .eco-media .eco-atc{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }
}/* End custom CSS */