/* Cinta de ofertas en la parte superior del marketplace (includes/promo_ribbon.php). Carmesí con el tramo derecho
   rosado de borde inclinado y el botón «Obtener ahora →», como la referencia. */
.ik-rb { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 28.8% 0 18%; overflow: hidden;
  background: #A3002F; color: #fff; text-decoration: none; font-family: Inter, system-ui, sans-serif; z-index: 50; }
.ik-rb-txt { position: relative; z-index: 1; font-size: 15px; font-weight: 700; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ik-rb-hl { color: #FFD08A; font-weight: 700; }
.ik-rb-side { position: absolute; top: 0; right: 0; bottom: 0; width: 28.8%; background: linear-gradient(90deg, #F2A7BA 0%, #EE86A2 40%, #E8577D 72%, #E0123F 100%);
  clip-path: polygon(32px 0, 100% 0, 100% 100%, 0 100%); }
.ik-rb-cta { position: absolute; z-index: 1; top: 0; bottom: 0; left: calc(71.2% + 62px); display: inline-flex; align-items: center; gap: 10px; color: #2a0712; font-size: 12px; font-weight: 700; }
.ik-rb-cta span { text-decoration: underline; text-underline-offset: 3px; }
.ik-rb-cta svg { transition: transform .2s ease; }
.ik-rb:hover .ik-rb-cta svg { transform: translateX(4px); }
@media (max-width: 1023.98px) {
  .ik-rb { height: 34px; padding: 0 44px 0 12px; justify-content: flex-start; }
  .ik-rb-txt { font-size: 12.5px; }
  .ik-rb-side { width: 40px; clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%); }
  .ik-rb-cta { left: auto; right: 8px; } .ik-rb-cta span { display: none; } .ik-rb-cta svg { width: 18px; color: #2a0712; }
}