/* ============================================
   PROMOÇÃO BANNER
   ============================================ */

.promo-banner { position: relative; background: url('https://images.unsplash.com/photo-1558981806-ec527fa84c39?w=1920&q=80') center/cover fixed; padding: 5rem 0; text-align: center; color: var(--white); }
.promo-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,10,10,0.92), rgba(204,0,0,0.3)); }
.promo-content { position: relative; z-index: 2; }
.promo-logo { height: 60px; margin: 0 auto 1.5rem; filter: drop-shadow(0 0 10px rgba(255,255,255,0.15)); }
.promo-badge { display: inline-block; background: rgba(204,0,0,0.2); border: 1px solid rgba(204,0,0,0.4); backdrop-filter: blur(10px); padding: 0.5rem 1.5rem; border-radius: 50px; font-size: 0.88rem; font-weight: 600; margin-bottom: 1.5rem; letter-spacing: 2px; }
.promo-content h2 { font-family: 'Oswald', sans-serif; font-size: clamp(2.5rem, 5vw, 4rem); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 1rem; }
.promo-content h2 span { color: #FCD34D; text-shadow: 0 0 20px rgba(252,211,77,0.3); }
.promo-content > p { font-size: 1.1rem; opacity: 0.8; margin-bottom: 2rem; }

.promo-timer { display: flex; justify-content: center; gap: 0.75rem; margin-bottom: 2.5rem; }
.timer-block { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); padding: 1rem 1.25rem; border-radius: var(--radius); min-width: 80px; border: 1px solid rgba(255,255,255,0.1); }
.timer-number { display: block; font-family: 'Oswald', sans-serif; font-size: 2.5rem; line-height: 1; }
.timer-label { font-size: 0.7rem; opacity: 0.5; text-transform: uppercase; letter-spacing: 2px; }
.timer-separator { font-family: 'Oswald', sans-serif; font-size: 2.5rem; display: flex; align-items: center; opacity: 0.3; color: var(--red); }
.promo-note { margin-top: 1.5rem; font-size: 0.78rem; opacity: 0.4; }