.festivo-redemption-page { max-width: 700px; margin: 0 auto; padding: 1rem 0 2rem; }
.festivo-redemption-back { display: inline-flex; gap: .55rem; align-items: center; margin-bottom: 1rem; color: #5d6375; text-decoration: none; font-weight: 700; }
.festivo-redemption-card { padding: 2.5rem; text-align: center; background: #fff; border: 1px solid #e7e9f1; border-radius: 1.25rem; box-shadow: 0 1rem 2.5rem rgba(27,35,61,.08); }
.festivo-redemption-icon { width: 4.5rem; height: 4.5rem; margin: 1.25rem auto; display: grid; place-items: center; border-radius: 50%; background: #e8f8f0; color: #177b52; font-size: 1.8rem; }
.festivo-redemption-card h1 { margin: 0; color: #202638; font-size: 1.8rem; font-weight: 800; }
.festivo-redemption-intro { max-width: 420px; margin: 1rem auto 1.5rem; color: #6b7280; }
.festivo-redemption-quantity { padding: 1rem; border-radius: .8rem; background: #f7f8fc; }
.festivo-redemption-quantity span, .festivo-redemption-status span, .festivo-redemption-details dt { display: block; color: #747b8d; font-size: .85rem; }
.festivo-redemption-quantity strong { display: block; margin-top: .2rem; color: #202638; font-size: 1.35rem; }
.festivo-redemption-status { display: flex; gap: .9rem; align-items: center; margin-top: 1rem; padding: 1rem; text-align: left; border-radius: .8rem; }
.festivo-redemption-status > i { font-size: 1.4rem; }
.festivo-redemption-status strong { display: block; }
.festivo-redemption-status.is-ready { background: #edf9f3; color: #176f4c; }
.festivo-redemption-status.is-redeemed { background: #edf2ff; color: #3656a8; }
.festivo-redemption-status.is-pending { background: #fff7e7; color: #956600; }
.festivo-redemption-claim { margin-top: 1rem; padding: 1.2rem; text-align: left; border: 1px solid #dce3f6; border-radius: .8rem; background: #f8faff; }
.festivo-redemption-claim p { margin: 0 0 1rem; color: #4e5870; font-size: .9rem; }
.festivo-redemption-claim label { display: block; margin-bottom: .4rem; color: #30384b; font-weight: 700; }
.festivo-redemption-claim input { margin-bottom: .8rem; }
.festivo-redemption-details { margin: 1.5rem 0 0; text-align: left; border-top: 1px solid #edf0f5; }
.festivo-redemption-details div { padding: .85rem 0; border-bottom: 1px solid #edf0f5; }
.festivo-redemption-details dt { margin-bottom: .2rem; }
.festivo-redemption-details dd { margin: 0; color: #30384b; font-weight: 700; }
@media (max-width: 575px) { .festivo-redemption-card { padding: 1.5rem; } }