.promo-rules{margin:0 0 20px;padding:22px;border:1px solid #27425f;border-radius:20px;background:linear-gradient(145deg,#0b1828,#0a1422)}
.promo-rules h2{font-size:clamp(28px,3vw,40px);margin:3px 0 16px}.promo-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.promo-rule-grid article{padding:16px;border:1px solid #2a4565;border-radius:15px;background:linear-gradient(155deg,#101d31,#0b1625)}
.promo-rule-grid strong{display:block;color:#f7f9fd;font-size:14px;margin-bottom:6px}.promo-rule-grid span{color:#93a8c0;font-size:11px;line-height:1.45}
#creditPrices .promo-gift{padding:8px 9px!important;border-radius:10px!important;background:rgba(47,124,255,.10)!important;border:1px solid rgba(91,133,255,.26)!important;color:#edf3ff!important}
#creditPrices .promo-150{position:relative!important;border-color:#6385ff!important;box-shadow:0 24px 55px rgba(47,124,255,.20)!important}
#creditPrices .promo-150:before{content:"🔥 MÁS VENDIDO"!important;position:absolute!important;top:11px!important;right:11px!important;width:auto!important;height:auto!important;padding:6px 8px!important;border-radius:999px!important;background:linear-gradient(135deg,#2f7cff,#6268f4)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;line-height:1!important;transform:none!important;z-index:5!important}
@media(max-width:850px){.promo-rule-grid{grid-template-columns:1fr}}


/* =========================================================
   TVDigital Plus V14.2 — FIX visual promociones distribuidores
   Corrige texto partido/desbordado. No toca lógica ni API.
   ========================================================= */

/* Las promociones internas deben ocupar toda la fila */
#creditPrices .price-card .promo-gift{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:10px 12px!important;
  margin:6px 0!important;
  border-radius:11px!important;
  background:rgba(47,124,255,.10)!important;
  border:1px solid rgba(91,133,255,.26)!important;
  color:#edf3ff!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.35!important;
}

/* Anular el layout heredado de los <li> normales */
#creditPrices .price-card .promo-gift::before{
  display:none!important;
  content:none!important;
}

#creditPrices .price-card .promo-gift strong{
  display:block!important;
  width:100%!important;
  font-size:13px!important;
  line-height:1.28!important;
  font-weight:900!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  color:#fff!important;
}

#creditPrices .price-card .promo-gift small{
  display:block!important;
  width:100%!important;
  margin-top:5px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  color:#9fb4cd!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* El UL no debe comprimir horizontalmente el contenido */
#creditPrices .price-card ul{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

/* Tarjetas más anchas para evitar columnas demasiado angostas */
#creditPrices{
  grid-template-columns:repeat(4,minmax(230px,1fr))!important;
}

/* Ajuste visual del plan destacado */
#creditPrices .promo-150{
  overflow:visible!important;
}
#creditPrices .promo-150:before{
  white-space:nowrap!important;
}

/* Beneficios normales más limpios */
#creditPrices .price-card li:not(.promo-gift){
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* La leyenda pública de promos también debe respirar */
.promo-rule-grid article{
  min-width:0!important;
}
.promo-rule-grid strong,
.promo-rule-grid span{
  white-space:normal!important;
  word-break:normal!important;
}

/* Tablet: 2 columnas; móvil: 1 columna */
@media(max-width:1220px){
  #creditPrices{
    grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  }
}
@media(max-width:700px){
  #creditPrices{
    grid-template-columns:1fr!important;
  }
  #creditPrices .price-card{
    padding:18px!important;
  }
  #creditPrices .price-card .promo-gift strong{
    font-size:13px!important;
  }
}