Descripción

.fv-plan-gift-card-banner, .fv-plan-gift-card-banner *, .fv-plan-gift-card-banner *::before, .fv-plan-gift-card-banner *::after { box-sizing: border-box; margin: 0; padding: 0; }
.fv-plan-gift-card-banner { font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif; color: #111; }
.fv-plan-gift-card-banner-wrapper { border-radius: 0.5em; overflow: hidden; margin-bottom: 1rem; width: 100%; max-width: 48rem; container-type: inline-size; font-size: clamp(13px, 2.8cqw, 16px); display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; position: relative; box-shadow: 0 8px 24px rgba(0,0,0,0.22); }
.fv-plan-gift-card-banner-upper { position: relative; padding: 1.5em 14.375em 1.5em 1.375em; display: flex; flex-direction: column; gap: 0.5em; }
.fv-plan-gift-card-banner-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; display: block; }
.fv-plan-gift-card-banner-lower { padding: 0.75em 1.375em 2em 1.375em; background-color: #f1e0d4; display: flex; flex-direction: row; gap: 1em; align-items: flex-start; justify-content: space-between; min-height: 9em; }
.fv-plan-gift-card-banner-right { position: absolute; top: 0; right: 0; bottom: auto; width: 13em; height: 100%; z-index: 3; }
.fv-plan-gift-card-banner-card-cover-image { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
@container (max-width: 500px) { .fv-plan-gift-card-banner-upper { padding-right: 10em !important; } .fv-plan-gift-card-banner-lower { padding-right: 1.375em !important; padding-bottom: 1.5em !important; gap: 1.5em !important; } .fv-plan-gift-card-banner-right { width: 9em !important; height: auto !important; } .fv-plan-gift-card-banner-card-cover-image { height: auto !important; aspect-ratio: 1 / 1 !important; } .fv-plan-gift-card-banner-qr-section { width: 9em !important; } }
.fv-plan-gift-card-banner-image { width: 6.625em; height: auto; display: block; position: relative; z-index: 1; }
.fv-plan-gift-card-banner-card-title { color: #fff; font-weight: 400; margin-block: 0.1em; font-size: clamp(1em, 5cqw, 3em); line-height: 1; white-space: nowrap; position: relative; z-index: 1; }
.fv-plan-gift-card-banner-card-title.all-caps { text-transform: uppercase; }
.fv-plan-gift-card-banner-card-plan-name { color: #fff; font-weight: 700; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.3; position: relative; z-index: 1; }
.fv-plan-gift-card-banner-card-code-instructions { display: flex; flex-direction: column; gap: 0.25em; position: relative; z-index: 1; }
.fv-plan-gift-card-banner-card-code-instructions-text { display: inline-block; text-transform: uppercase; color: #fff; font-size: 0.85em; font-weight: 700; letter-spacing: 0.04em; }
.fv-plan-gift-card-banner-card-code-redacted { display: block; background-color: #ffffff; border-radius: 0.5em; width: 13.625em; max-width: 100%; height: 2.5em; position: relative; z-index: 1; }
.fv-plan-gift-card-banner-lower-left { display: flex; flex-direction: column; gap: 0.5em; flex: 1; min-width: 0; }
.fv-plan-gift-card-banner-card-subtitle { font-size: 0.85em; line-height: 1.3; font-weight: 400; color: #333; }
.fv-plan-gift-card-banner-card-subtitle a { color: inherit; }
.fv-plan-gift-card-banner-card-store-badges { display: flex; flex-direction: row; gap: 0.5em; flex-wrap: wrap; }
.fv-plan-gift-card-banner-qr-section { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25em; flex-shrink: 0; width: 13em; padding-left: 1em; }
.fv-plan-gift-card-banner-qr-label { font-size: 0.85em; font-weight: 600; color: #333; line-height: 1.2; }
.fv-plan-gift-card-banner-qr-img { width: 5.5em; height: 5.5em; display: block; }
.store-badge { display: inline-block; text-decoration: none; }
.store-badge-icon { height: 2.2em; width: auto; display: block; }
.fv-plan-gift-card-banner-color-picker { display: none; }
.fv-plan-gift-card-banner-buttons { padding-block: 0.5rem; width: 100%; max-width: 48rem; display: flex; justify-content: center; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.fv-plan-gift-card-banner-swatch { cursor: pointer; width: 3.5rem; height: 1.75rem; border-radius: 0.3rem; outline: 1px solid #d0d0d0; outline-offset: 3px; display: inline-block; font-size: 0; }
.fv-plan-gift-card-banner-swatch.purple { background: linear-gradient(to bottom, #7E2AD8, #A961F7); }
.fv-plan-gift-card-banner-swatch.red { background: linear-gradient(to bottom, #FF3B3B, #FC5E5E); }
.fv-plan-gift-card-banner-swatch.blue { background: linear-gradient(to bottom, #759DFF, #8DAEFF); }
.fv-plan-gift-card-banner-color-picker[value=»purple»]:checked ~ .fv-plan-gift-card-banner-buttons .fv-plan-gift-card-banner-swatch.purple,
.fv-plan-gift-card-banner-color-picker[value=»red»]:checked ~ .fv-plan-gift-card-banner-buttons .fv-plan-gift-card-banner-swatch.red,
.fv-plan-gift-card-banner-color-picker[value=»blue»]:checked ~ .fv-plan-gift-card-banner-buttons .fv-plan-gift-card-banner-swatch.blue,
.fv-plan-gift-card-banner:not(:has(.fv-plan-gift-card-banner-color-picker:checked)) .fv-plan-gift-card-banner-swatch.purple { outline: 2px solid #111; }
.fv-plan-gift-card-banner-color-picker[value=»red»]:checked ~ .fv-plan-gift-card-banner-wrapper .fv-plan-gift-card-banner-bg { content: url(‘https://feverup.com/gift-cards/red.svg’); }
.fv-plan-gift-card-banner-color-picker[value=»blue»]:checked ~ .fv-plan-gift-card-banner-wrapper .fv-plan-gift-card-banner-bg { content: url(‘https://feverup.com/gift-cards/blue.svg’); }

Tarjeta Regalo

Tarjeta regalo Fever

Usa el código

Canjéalo en feverup.com o en nuestra app

¿Cómo usarla?

     

🎁 Compra ya tu Tarjeta Regalo Fever y regala experiencias inolvidables.