/* EAP v11.62 · porcentaje promocional visible en /ofertas */
.eap-offers-page .eap-offer-card-wrap{
  position:relative;
  min-width:0;
  height:100%;
}
.eap-offers-page .eap-offer-card-wrap > article,
.eap-offers-page .eap-offer-card-wrap > .product-card,
.eap-offers-page .eap-offer-card-wrap > .pm5-product-card{
  height:100%;
}
.eap-offers-page .eap-offer-percent-badge{
  position:absolute;
  z-index:12;
  top:12px;
  right:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  min-height:36px;
  padding:8px 11px;
  border-radius:999px;
  background:#171116;
  color:#fff;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 8px 24px rgba(17,8,13,.24);
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.015em;
  white-space:nowrap;
  pointer-events:none;
}
.eap-offers-page .eap-offer-card-wrap[data-discount-source="source"] .eap-offer-percent-badge::after{
  content:"";
  width:6px;
  height:6px;
  margin-left:7px;
  border-radius:50%;
  background:currentColor;
  opacity:.68;
}
@media(max-width:640px){
  .eap-offers-page .eap-offer-percent-badge{
    top:8px;
    right:8px;
    min-width:54px;
    min-height:32px;
    padding:7px 9px;
    font-size:12px;
  }
}


/* EAP v11.63 · el porcentaje se dibuja dentro del badge nativo de card.php */
.eap-offers-page .pm5-product-image,
.eap-offers-page .product-image{position:relative}
.eap-offers-page .pm5-badges,
.eap-offers-page .badges{z-index:24!important;pointer-events:none}
.eap-offers-page .badge.sale.eap-exact-discount-badge{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:25!important;
  min-width:58px;
  justify-content:center;
  background:linear-gradient(135deg,#ad2457,#d94379)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 8px 20px rgba(173,36,87,.24)!important;
}