.cliente-promotions-page { padding-bottom: 28px; }
.cliente-promotions-header { padding: 22px 2px 12px; }
.cliente-promotions-header h1 { margin: 5px 0 4px; color: #191919; font-size: clamp(23px, 5vw, 32px); font-weight: 800; }
.cliente-promotions-header p { margin: 0; color: #69707d; font-size: 14px; }
.cliente-promotions-eyebrow { color: #e23744; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
.cliente-promotions-group { margin-top: 18px; }
.cliente-promotion-card { position: relative; overflow: hidden; }
.cliente-promotion-badge { position: absolute; z-index: 2; top: 9px; left: 9px; display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border-radius: 4px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; white-space: nowrap; }
.cliente-promotion-badge.is-timed { background: #168a52; }
.cliente-promotion-badge.is-indefinite { background: #e23744; }
.cliente-promotion-card-wrap { max-height: 260px; transition: opacity .28s ease, transform .28s ease, max-height .35s ease, margin .35s ease; }
.cliente-promotion-card-wrap.is-expired { max-height: 0; margin-top: 0; margin-bottom: 0; opacity: 0; transform: scale(.96); overflow: hidden; pointer-events: none; }
.cliente-promotion-prices { display: flex; align-items: baseline; gap: 9px; margin-top: 9px; }
.cliente-promotion-prices del { color: #8a9099; font-size: 12px; }
.cliente-promotion-prices strong { color: #e23744; font-size: 18px; }
.cliente-promotion-distance { display: block; margin-top: 6px; color: #69707d; font-size: 11px; }
.cliente-promotions-empty { margin: 42px 0; text-align: center; }
.cliente-promotions-empty > i { margin-bottom: 12px; color: #e23744; font-size: 30px; }