/* ============================================================
   Dulce Hogar — Descuentos
   ============================================================ */

/* ---------- Etiqueta de la tarjeta: "2da unidad -30%" ----------
   Misma forma que .dh-badge del mosaico, y la misma clase que usaba el
   plugin de promociones: el mosaico ya sabe moverla encima de la foto. */
.dh-promo-badge{
  position:absolute;top:12px;left:12px;z-index:5;
  display:inline-block;
  font-family:'Poppins',sans-serif;
  font-size:.7rem;font-weight:700;letter-spacing:.04em;line-height:1.4;
  padding:6px 12px;
  border-radius:999px;
  background:#000;color:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.22);
  pointer-events:none;
}
.custom-product-card{position:relative;}
/* Si el producto además tiene "-15%" o "Agotado", esta va debajo. */
.dh-media .dh-badge ~ .dh-promo-badge{top:46px;}
@media (max-width:700px){
  .dh-promo-badge{top:8px;left:8px;font-size:.62rem;padding:4px 9px;}
  .dh-media .dh-badge ~ .dh-promo-badge{top:36px;}
}
@media (max-width:480px){
  .dh-promo-badge{top:6px;left:6px;font-size:.58rem;padding:3px 8px;}
  .dh-media .dh-badge ~ .dh-promo-badge{top:30px;}
}

/* ---------- Aviso en la ficha, debajo del precio ----------
   Discreto: la promo por unidades no cambia el precio de arriba, así que
   tiene que leerse, pero sin competir con el botón de compra. */
.dh-desc-aviso{
  margin:0 0 22px;
  padding:10px 14px;
  border-left:3px solid #000;
  background:#f7f7f7;
  border-radius:0 8px 8px 0;
}
.dh-desc-aviso p{
  margin:0;
  font-family:'Poppins',sans-serif;
  font-size:.82rem !important;
  font-weight:600;
  line-height:1.45 !important;
  color:#111;
}
.dh-desc-aviso p + p{margin-top:4px;}