{"id":337,"date":"2025-11-21T23:30:18","date_gmt":"2025-11-22T02:30:18","guid":{"rendered":"https:\/\/ofertasnatal.com\/?page_id=337"},"modified":"2025-11-22T02:41:33","modified_gmt":"2025-11-22T05:41:33","slug":"elementor-337","status":"publish","type":"page","link":"https:\/\/ofertasnatal.com\/","title":{"rendered":"Elementor #337"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \ud83c\udf40 Trevo Box - Caixas Surpresa com at\u00e9 R$ 120.000!<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Poppins', sans-serif; background: #0a0a0a; color: #fff; overflow-x: hidden; }\n \n @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n @keyframes glow { 0%, 100% { box-shadow: 0 0 20px rgba(0, 255, 136, 0.5); } 50% { box-shadow: 0 0 40px rgba(0, 255, 136, 0.8); } }\n @keyframes neonPulse { 0%, 100% { box-shadow: 0 0 10px #ffd700, 0 0 20px #ffd700; } 50% { box-shadow: 0 0 20px #ffd700, 0 0 40px #ffd700; } }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } }\n @keyframes flash { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }\n @keyframes confetti { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(500px) rotate(720deg); opacity: 0; } }\n @keyframes slideIn { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n @keyframes reel-spin { from { transform: translateY(0); } to { transform: translateY(-1100px); } }\n\n .header { \n position: fixed; \n top: 0; \n width: 100%; \n background: rgba(10, 10, 10, 0.98); \n backdrop-filter: blur(10px); \n padding: 10px 15px; \n z-index: 1000; \n border-bottom: 3px solid #00ff88;\n }\n \n .header-content { \n max-width: 1200px; \n margin: 0 auto; \n display: flex; \n justify-content: space-between; \n align-items: center; \n gap: 10px; \n flex-wrap: wrap;\n }\n \n .logo { \n font-size: 18px; \n font-weight: 900; \n color: #00ff88; \n text-shadow: 0 0 20px rgba(0, 255, 136, 0.8); \n white-space: nowrap;\n }\n \n .header-stats { \n display: flex; \n gap: 15px; \n flex-wrap: wrap; \n align-items: center; \n font-size: 11px;\n }\n \n .stat-badge { \n background: linear-gradient(135deg, #ff3366, #ff6b6b); \n padding: 6px 12px; \n border-radius: 50px; \n font-weight: 700; \n animation: pulse 1.5s infinite; \n white-space: nowrap;\n }\n \n .live-badge { \n background: rgba(0, 255, 136, 0.2); \n padding: 6px 12px; \n border-radius: 50px; \n font-weight: 700; \n border: 2px solid #00ff88; \n white-space: nowrap;\n }\n\n .progress-bar-container { \n position: fixed; \n top: 48px; \n left: 0; \n right: 0; \n width: 100%; \n background: rgba(26, 26, 26, 0.95); \n backdrop-filter: blur(10px); \n padding: 10px 15px; \n z-index: 999; \n border-bottom: 2px solid rgba(0, 255, 136, 0.3);\n }\n \n .progress-bar { \n max-width: 1200px; \n margin: 0 auto;\n }\n \n .progress-fill { \n height: 8px; \n background: linear-gradient(90deg, #00ff88, #00cc6a); \n border-radius: 10px; \n transition: width 0.5s ease; \n box-shadow: 0 0 20px rgba(0, 255, 136, 0.6);\n }\n \n .progress-text { \n font-size: 11px; \n color: #00ff88; \n margin-top: 5px; \n font-weight: 700;\n }\n\n .countdown-timer { \n position: fixed; \n top: 120px; \n right: 15px; \n background: linear-gradient(135deg, #ff3366, #ff6b6b); \n padding: 12px 18px; \n border-radius: 15px; \n font-weight: 900; \n font-size: 16px; \n z-index: 998; \n box-shadow: 0 5px 20px rgba(255, 51, 102, 0.6); \n animation: pulse 2s infinite; \n display: none;\n }\n \n .countdown-timer.show { display: block; }\n .countdown-timer.warning { background: linear-gradient(135deg, #ff0000, #cc0000); animation: blink 0.5s infinite; }\n\n .hero { \n padding: 100px 15px 40px; \n text-align: center; \n background: linear-gradient(180deg, #0a0a0a, #1a1a1a); \n position: relative;\n }\n \n .hero::before { \n content: ''; \n position: absolute; \n top: 0; \n left: 0; \n right: 0; \n bottom: 0; \n background: radial-gradient(circle, rgba(0, 255, 136, 0.1), transparent); \n animation: pulse 3s infinite;\n }\n \n .hero-content { \n position: relative; \n z-index: 1;\n }\n \n .hero-badge { \n display: inline-block; \n background: linear-gradient(135deg, #ffd700, #ffed4e); \n color: #000; \n padding: 8px 20px; \n border-radius: 50px; \n font-weight: 800; \n font-size: 12px; \n margin-bottom: 15px; \n animation: pulse 2s infinite; \n text-transform: uppercase;\n }\n \n .hero h1 { \n font-size: 28px; \n font-weight: 900; \n margin-bottom: 20px; \n background: linear-gradient(135deg, #00ff88, #00cc6a); \n -webkit-background-clip: text; \n -webkit-text-fill-color: transparent; \n background-clip: text;\n line-height: 1.2;\n }\n\n .caixa-destaque { \n background: linear-gradient(135deg, #ffd700, #ffed4e); \n color: #000; \n padding: 30px 20px; \n margin: 40px 15px 50px; \n border-radius: 20px; \n box-shadow: 0 10px 40px rgba(255, 215, 0, 0.5);\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .caixa-destaque h2 { \n font-size: 32px; \n font-weight: 900; \n margin-bottom: 15px;\n }\n \n .caixa-destaque p { \n font-size: 16px; \n font-weight: 700; \n line-height: 1.8;\n }\n\n .sorteio-banner-top { \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n color: #fff; \n padding: 30px 20px; \n margin: 0 15px 40px; \n border-radius: 15px; \n text-align: center; \n box-shadow: 0 5px 30px rgba(255, 215, 0, 0.3);\n border: 3px solid #ffd700;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .sorteio-titulo { \n font-size: 20px; \n font-weight: 900; \n color: #ffd700; \n margin-bottom: 10px;\n }\n \n .sorteio-valor { \n font-size: 48px; \n font-weight: 900; \n margin: 15px 0; \n color: #00ff88;\n }\n \n .sorteio-desc { \n font-size: 14px; \n font-weight: 700; \n margin-top: 10px;\n }\n\n .slot-section { \n max-width: 700px; \n margin: 50px auto; \n padding: 40px 15px; \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n border: 4px solid #ffd700; \n border-radius: 20px; \n animation: neonPulse 2s infinite; \n position: relative;\n }\n \n .slot-title { \n font-size: 28px; \n font-weight: 900; \n color: #ffd700; \n text-align: center; \n margin-bottom: 10px; \n text-transform: uppercase; \n text-shadow: 0 0 10px #ffd700;\n }\n \n .slot-subtitle { \n font-size: 14px; \n color: #ccc; \n text-align: center; \n margin-bottom: 25px;\n }\n \n .slot-machine { \n background: linear-gradient(135deg, #2a2a2a, #1a1a1a); \n border: 3px solid #ffd700; \n border-radius: 15px; \n padding: 25px 15px; \n position: relative;\n }\n \n .slot-reels { \n display: flex; \n justify-content: center; \n gap: 15px; \n margin-bottom: 30px;\n }\n \n .reel { \n width: 100px; \n height: 120px; \n background: #fff; \n border: 3px solid #333; \n border-radius: 10px; \n overflow: hidden; \n position: relative; \n box-shadow: inset 0 0 15px rgba(0,0,0,0.5);\n }\n \n .reel-strip { \n position: absolute; \n width: 100%; \n top: 0;\n display: flex;\n flex-direction: column;\n }\n \n .reel-symbol { \n height: 120px; \n display: flex; \n align-items: center; \n justify-content: center; \n font-size: 60px; \n background: linear-gradient(180deg, #fff, #f0f0f0); \n border-bottom: 2px solid #ddd;\n flex-shrink: 0;\n }\n \n .spin-button { \n width: 100%; \n background: linear-gradient(135deg, #ffd700, #ffed4e); \n color: #000; \n border: none; \n padding: 22px 20px; \n border-radius: 50px; \n font-size: 18px; \n font-weight: 900; \n cursor: pointer; \n text-transform: uppercase; \n transition: all 0.3s; \n box-shadow: 0 5px 20px rgba(255, 215, 0, 0.5);\n line-height: 1.4;\n }\n \n .spin-button:hover:not(:disabled) { \n transform: scale(1.05); \n box-shadow: 0 8px 30px rgba(255, 215, 0, 0.7);\n }\n \n .spin-button:disabled { \n opacity: 0.6; \n cursor: not-allowed;\n }\n \n .spin-button.spinning { \n animation: pulse 0.5s infinite;\n }\n \n .slot-result { \n margin-top: 20px; \n padding: 20px; \n background: rgba(0, 255, 136, 0.1); \n border: 2px solid #00ff88; \n border-radius: 15px; \n text-align: center; \n font-weight: 700; \n font-size: 16px; \n display: none;\n }\n \n .slot-result.show { \n display: block; \n animation: fadeIn 0.5s;\n }\n \n .result-prize { \n color: #ffd700; \n font-size: 22px; \n margin: 10px 0; \n text-shadow: 0 0 10px #ffd700;\n }\n \n .result-message { \n font-size: 15px; \n margin-top: 10px; \n line-height: 1.6;\n }\n\n .cta-anchor { \n display: inline-block; \n margin-top: 20px; \n background: linear-gradient(135deg, #00ff88, #00cc6a); \n color: #000; \n padding: 18px 40px; \n border-radius: 50px; \n font-size: 16px; \n font-weight: 900; \n text-decoration: none; \n text-transform: uppercase; \n animation: pulse 2s infinite; \n transition: all 0.3s;\n }\n \n .cta-anchor:hover { \n transform: scale(1.05); \n box-shadow: 0 10px 30px rgba(0, 255, 136, 0.6);\n }\n\n .confetti { \n position: absolute; \n width: 10px; \n height: 10px; \n pointer-events: none; \n animation: confetti 3s ease-out forwards;\n }\n \n .flash-overlay { \n position: fixed; \n top: 0; \n left: 0; \n width: 100%; \n height: 100%; \n background: rgba(255, 215, 0, 0.3); \n pointer-events: none; \n opacity: 0; \n z-index: 9999;\n }\n \n .flash-overlay.active { \n animation: flash 0.3s;\n }\n\n .sorteio-banner-expanded { \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n border: 3px solid #ffd700; \n border-radius: 20px; \n padding: 40px 20px; \n margin: 60px 15px; \n max-width: 900px; \n margin-left: auto; \n margin-right: auto;\n }\n \n .sorteio-title { \n font-size: 32px; \n font-weight: 900; \n color: #ffd700; \n text-align: center; \n margin-bottom: 20px; \n text-transform: uppercase;\n }\n \n .sorteio-valor-big { \n font-size: 48px; \n font-weight: 900; \n color: #00ff88; \n text-align: center; \n margin: 20px 0;\n }\n \n .sorteio-countdown { \n text-align: center; \n font-size: 28px; \n font-weight: 900; \n color: #ffd700; \n margin: 20px 0;\n }\n \n .sorteio-prizes { \n background: rgba(0, 255, 136, 0.05); \n padding: 20px; \n border-radius: 10px; \n margin: 20px 0;\n }\n \n .prize-item { \n display: flex; \n justify-content: space-between; \n padding: 10px 0; \n border-bottom: 1px solid rgba(255, 255, 255, 0.1); \n font-size: 14px;\n }\n \n .sorteio-info { \n font-size: 14px; \n line-height: 2; \n color: #ccc; \n margin: 20px 0;\n }\n\n .vsl-section { \n max-width: 900px; \n margin: 60px auto; \n padding: 40px 15px; \n text-align: center;\n }\n \n .vsl-title { \n font-size: 28px; \n font-weight: 900; \n margin-bottom: 20px; \n color: #00ff88;\n }\n \n .vsl-container { \n background: #000; \n border-radius: 20px; \n overflow: hidden; \n margin-bottom: 20px; \n border: 3px solid #00ff88;\n }\n \n .vsl-placeholder { \n width: 100%; \n aspect-ratio: 16\/9; \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n display: flex; \n align-items: center; \n justify-content: center; \n flex-direction: column; \n gap: 20px;\n }\n \n .vsl-play-icon { \n font-size: 80px; \n color: #00ff88;\n }\n \n .vsl-text { \n font-size: 16px; \n color: #ccc;\n }\n\n .color-section { \n max-width: 1000px; \n margin: 60px auto; \n padding: 40px 15px;\n }\n \n .section-title { \n font-size: 32px; \n font-weight: 900; \n text-align: center; \n margin-bottom: 20px; \n background: linear-gradient(135deg, #ffd700, #ffed4e); \n -webkit-background-clip: text; \n -webkit-text-fill-color: transparent; \n background-clip: text;\n }\n \n .section-subtitle { \n text-align: center; \n font-size: 16px; \n color: #ccc; \n margin-bottom: 40px; \n line-height: 1.6;\n }\n \n .color-cards { \n display: grid; \n gap: 30px;\n }\n \n .color-card { \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n border-radius: 20px; \n padding: 30px; \n cursor: pointer; \n transition: all 0.3s;\n }\n \n .color-card.red { \n border: 3px solid #ff3366;\n }\n \n .color-card.gold { \n border: 3px solid #ffd700;\n }\n \n .color-card:hover { \n transform: translateY(-10px); \n box-shadow: 0 20px 40px rgba(0, 255, 136, 0.4);\n }\n \n .color-visual { \n width: 100%; \n height: 250px; \n background: linear-gradient(135deg, #2a2a2a, #3a3a3a); \n border-radius: 15px; \n margin-bottom: 20px; \n display: flex; \n align-items: center; \n justify-content: center; \n font-size: 100px; \n position: relative; \n overflow: hidden;\n }\n \n .color-name { \n font-size: 28px; \n font-weight: 900; \n text-align: center; \n margin-bottom: 10px; \n text-transform: uppercase;\n }\n \n .color-card.red .color-name { \n color: #ff3366;\n }\n \n .color-card.gold .color-name { \n color: #ffd700;\n }\n \n .color-tagline { \n text-align: center; \n font-size: 16px; \n color: #ffd700; \n margin-bottom: 20px; \n font-weight: 700;\n }\n \n .color-description { \n font-size: 14px; \n line-height: 1.8; \n margin-bottom: 20px; \n color: #ccc; \n text-align: center;\n }\n \n .color-stats { \n display: grid; \n grid-template-columns: repeat(2, 1fr); \n gap: 15px; \n margin-bottom: 20px;\n }\n \n .stat-box { \n background: rgba(0, 255, 136, 0.05); \n padding: 15px; \n border-radius: 10px; \n text-align: center;\n }\n \n .stat-value { \n font-size: 22px; \n font-weight: 900; \n color: #00ff88; \n display: block;\n }\n \n .stat-label { \n font-size: 11px; \n color: #ccc; \n margin-top: 5px;\n }\n \n .social-proof-box { \n text-align: center; \n font-size: 13px; \n color: #ffd700; \n margin-bottom: 20px; \n padding: 10px; \n background: rgba(255, 215, 0, 0.1); \n border-radius: 10px;\n }\n \n .choose-button { \n width: 100%; \n padding: 20px; \n border: none; \n border-radius: 50px; \n font-size: 18px; \n font-weight: 900; \n cursor: pointer; \n text-transform: uppercase; \n transition: all 0.3s;\n }\n \n .color-card.red .choose-button { \n background: linear-gradient(135deg, #ff3366, #ff6b6b); \n color: #fff;\n }\n \n .color-card.gold .choose-button { \n background: linear-gradient(135deg, #ffd700, #ffed4e); \n color: #000;\n }\n \n .choose-button:hover { \n transform: scale(1.05);\n }\n\n .prizes-section { \n display: none; \n max-width: 1200px; \n margin: 60px auto; \n padding: 40px 15px;\n }\n \n .prizes-section.show { \n display: block; \n animation: fadeIn 0.8s;\n }\n \n .chosen-color-text { \n text-align: center; \n font-size: 18px; \n color: #00ff88; \n margin-bottom: 30px; \n font-weight: 700;\n }\n \n .prizes-intro { \n background: rgba(0, 255, 136, 0.05); \n padding: 30px 20px; \n border-radius: 15px; \n margin-bottom: 40px; \n border: 2px solid #00ff88;\n }\n \n .prizes-intro-title { \n font-size: 24px; \n font-weight: 900; \n color: #00ff88; \n text-align: center; \n margin-bottom: 20px;\n }\n \n .guaranteed-products { \n margin-bottom: 40px;\n }\n \n .products-grid { \n display: grid; \n grid-template-columns: repeat(2, 1fr); \n gap: 20px; \n margin-top: 20px;\n }\n \n .product-box { \n background: rgba(255, 255, 255, 0.05); \n padding: 20px; \n border-radius: 15px; \n text-align: center;\n }\n \n .product-image { \n width: 100%; \n height: 150px; \n background: linear-gradient(135deg, #2a2a2a, #3a3a3a); \n border-radius: 10px; \n margin-bottom: 15px; \n display: flex; \n align-items: center; \n justify-content: center; \n font-size: 60px; \n position: relative;\n }\n \n .product-name { \n font-size: 14px; \n font-weight: 700; \n color: #00ff88; \n margin-bottom: 5px;\n }\n \n .product-value { \n font-size: 18px; \n font-weight: 900; \n color: #ffd700;\n }\n \n .iphone-section { \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n padding: 40px 20px; \n border-radius: 20px; \n border: 4px solid #ffd700; \n margin-bottom: 40px; \n text-align: center;\n }\n \n .iphone-image { \n width: 100%; \n max-width: 400px; \n height: 300px; \n background: linear-gradient(135deg, #2a2a2a, #3a3a3a); \n border-radius: 15px; \n margin: 20px auto; \n display: flex; \n align-items: center; \n justify-content: center; \n font-size: 120px; \n position: relative;\n }\n \n .iphone-chance { \n font-size: 32px; \n font-weight: 900; \n color: #ffd700; \n margin: 20px 0;\n }\n \n .iphone-desc { \n font-size: 16px; \n color: #ccc; \n line-height: 1.6;\n }\n\n .odds-section { \n max-width: 800px; \n margin: 60px auto; \n padding: 40px 15px;\n }\n \n .odds-box { \n background: rgba(0, 255, 136, 0.05); \n padding: 30px 20px; \n border-radius: 15px; \n text-align: center;\n }\n \n .odds-main { \n font-size: 48px; \n font-weight: 900; \n color: #00ff88; \n margin: 20px 0;\n }\n \n .odds-comparison { \n background: rgba(255, 51, 102, 0.1); \n border: 2px solid #ff3366; \n border-radius: 10px; \n padding: 20px; \n margin-top: 30px;\n }\n \n .comparison-item { \n display: flex; \n justify-content: space-between; \n align-items: center; \n margin: 15px 0; \n font-size: 16px;\n }\n \n .comparison-value { \n font-weight: 900; \n font-size: 20px;\n }\n\n .social-section { \n background: #1a1a1a; \n padding: 60px 15px; \n margin: 60px 0;\n }\n \n .testimonials { \n max-width: 1000px; \n margin: 30px auto;\n }\n \n .testimonial-card { \n background: rgba(0, 255, 136, 0.1); \n border-left: 4px solid #00ff88; \n padding: 25px; \n border-radius: 10px; \n margin-bottom: 20px; \n display: none;\n }\n \n .testimonial-card.active { \n display: block; \n animation: fadeIn 0.5s;\n }\n \n .testimonial-header { \n display: flex; \n justify-content: space-between; \n margin-bottom: 15px; \n flex-wrap: wrap; \n gap: 10px;\n }\n \n .testimonial-name { \n font-weight: 800; \n color: #00ff88; \n font-size: 16px;\n }\n \n .testimonial-stars { \n color: #ffd700; \n font-size: 18px;\n }\n \n .testimonial-text { \n font-size: 15px; \n line-height: 1.8; \n color: #ccc; \n margin-bottom: 15px; \n font-style: italic;\n }\n \n .testimonial-details { \n font-size: 13px; \n color: #00ff88; \n font-weight: 700;\n }\n \n .testimonial-verified { \n display: inline-block; \n background: rgba(0, 255, 136, 0.2); \n padding: 4px 10px; \n border-radius: 50px; \n font-size: 11px; \n margin-top: 10px;\n }\n\n .final-cta-section { \n max-width: 800px; \n margin: 80px auto; \n padding: 40px 15px; \n text-align: center;\n }\n \n .final-cta-button { \n padding: 30px; \n border: none; \n border-radius: 50px; \n font-size: 20px; \n font-weight: 900; \n cursor: pointer; \n text-transform: uppercase; \n text-decoration: none; \n display: block; \n transition: all 0.3s; \n animation: pulse 2s infinite; \n margin: 20px 0;\n }\n \n .final-cta-button.red { \n background: linear-gradient(135deg, #ff3366, #ff6b6b); \n color: #fff; \n border: 3px solid #ff3366;\n }\n \n .final-cta-button.gold { \n background: linear-gradient(135deg, #ffd700, #ffed4e); \n color: #000; \n border: 3px solid #ffd700;\n }\n \n .final-cta-button:hover { \n transform: scale(1.05);\n }\n \n .cta-price { \n font-size: 48px; \n display: block; \n margin-top: 10px;\n }\n \n .cta-features { \n margin-top: 30px; \n color: #ccc; \n font-size: 14px; \n line-height: 2;\n }\n\n .footer { \n background: #0a0a0a; \n padding: 40px 15px; \n border-top: 2px solid #00ff88; \n text-align: center;\n }\n \n .footer-text { \n color: #666; \n font-size: 12px; \n line-height: 1.8;\n }\n\n .popup-notification { \n position: fixed; \n bottom: 30px; \n left: 15px; \n right: 15px; \n max-width: 400px; \n background: linear-gradient(135deg, #00ff88, #00cc6a); \n color: #0a0a0a; \n padding: 18px 20px; \n border-radius: 15px; \n font-weight: 700; \n font-size: 13px; \n z-index: 10000; \n box-shadow: 0 10px 40px rgba(0, 255, 136, 0.6); \n animation: slideIn 0.5s; \n line-height: 1.5; \n display: none;\n }\n \n .popup-notification.show { \n display: block;\n }\n\n .exit-modal { \n position: fixed; \n top: 0; \n left: 0; \n right: 0; \n bottom: 0; \n background: rgba(0, 0, 0, 0.9); \n z-index: 10001; \n display: none; \n align-items: center; \n justify-content: center;\n }\n \n .exit-modal.show { \n display: flex; \n animation: fadeIn 0.3s;\n }\n \n .exit-content { \n background: linear-gradient(135deg, #1a1a1a, #2a2a2a); \n border: 3px solid #ffd700; \n border-radius: 20px; \n padding: 40px 30px; \n max-width: 500px; \n margin: 15px; \n text-align: center; \n position: relative;\n }\n \n .exit-close { \n position: absolute; \n top: 15px; \n right: 15px; \n font-size: 28px; \n cursor: pointer; \n color: #fff;\n }\n \n .exit-title { \n font-size: 28px; \n font-weight: 900; \n color: #ffd700; \n margin-bottom: 20px;\n }\n \n .exit-text { \n font-size: 16px; \n color: #ccc; \n line-height: 1.8; \n margin-bottom: 20px;\n }\n \n .exit-discount { \n font-size: 32px; \n font-weight: 900; \n color: #00ff88; \n margin: 20px 0;\n }\n \n .exit-cta { \n background: linear-gradient(135deg, #00ff88, #00cc6a); \n color: #000; \n padding: 18px 40px; \n border: none; \n border-radius: 50px; \n font-size: 16px; \n font-weight: 900; \n cursor: pointer; \n text-transform: uppercase;\n }\n\n @media (min-width: 768px) {\n .hero h1 { \n font-size: 48px;\n }\n \n .color-cards { \n grid-template-columns: repeat(2, 1fr);\n }\n \n .products-grid { \n grid-template-columns: repeat(4, 1fr);\n }\n \n .reel { \n width: 120px; \n height: 140px;\n }\n \n .reel-symbol { \n height: 140px; \n font-size: 70px;\n }\n \n .popup-notification { \n left: auto; \n right: 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"flash-overlay\" id=\"flashOverlay\"><\/div>\n\n <header class=\"header\">\n <div class=\"header-content\">\n <div class=\"logo\">\ud83c\udf40 TREVO BOX<\/div>\n <div class=\"header-stats\">\n <div class=\"stat-badge\">\ud83d\udd25 <span id=\"stock-count\">12<\/span> iPHONES!<\/div>\n <div class=\"live-badge\">\ud83d\udc65 <span id=\"live-viewers\">47<\/span> online<\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressFill\" style=\"width: 0%\"><\/div>\n <div class=\"progress-text\" id=\"progressText\">0% completo<\/div>\n <\/div>\n <\/div>\n\n <div class=\"countdown-timer\" id=\"countdownTimer\">\n \u23f0 Sorte expira em: <span id=\"timerDisplay\">5:00<\/span>\n <\/div>\n\n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\ud83c\udf81 CAIXAS SURPRESA<\/div>\n <h1>DESCUBRA O QUE EST\u00c1 DENTRO!<\/h1>\n <\/div>\n <\/section>\n\n <div class=\"caixa-destaque\">\n <h2>\ud83c\udf89 Cada Caixa Vem Com:<\/h2>\n <p>\u2705 1 Produto Premium Garantido (R$ 600+)<br>\n \ud83c\udfb2 1 Chance de Ganhar iPhone (1 em 7)<br>\n \ud83c\udf84 1 N\u00famero no Sorteio de R$ 120.000<\/p>\n <\/div>\n\n <div class=\"sorteio-banner-top\">\n <div class=\"sorteio-titulo\">\ud83c\udf84 GRANDE SORTEIO DE NATAL 2025<\/div>\n <div class=\"sorteio-valor\">R$ 120.000<\/div>\n <div class=\"sorteio-desc\">\ud83d\udcc5 25 de Dezembro \u2022 Cada caixa = 1 n\u00famero da sorte!<\/div>\n <\/div>\n\n <section class=\"slot-section\" id=\"slot-section\">\n <div class=\"slot-title\">\ud83c\udfb0 TESTE SUA SORTE!<\/div>\n <div class=\"slot-subtitle\">Gire e descubra seu multiplicador para o sorteio<\/div>\n \n <div class=\"slot-machine\" id=\"slotMachine\">\n <div class=\"slot-reels\">\n <div class=\"reel\" id=\"reel1\"><div class=\"reel-strip\"><\/div><\/div>\n <div class=\"reel\" id=\"reel2\"><div class=\"reel-strip\"><\/div><\/div>\n <div class=\"reel\" id=\"reel3\"><div class=\"reel-strip\"><\/div><\/div>\n <\/div>\n \n <button class=\"spin-button\" id=\"spinButton\" onclick=\"handleSpin()\">\ud83c\udfb0 GIRAR E DESCOBRIR!<\/button>\n \n <div class=\"slot-result\" id=\"slotResult\">\n <div>\ud83c\udf89 RESULTADO:<\/div>\n <div class=\"result-prize\" id=\"resultPrize\"><\/div>\n <div class=\"result-message\" id=\"resultMessage\"><\/div>\n <\/div>\n <\/div>\n \n <a href=\"#sorteio-expanded\" class=\"cta-anchor\" id=\"ctaAnchor\" style=\"display: none;\">\n \ud83c\udf84 VER DETALHES DO SORTEIO \u2193\n <\/a>\n <\/section>\n\n <section class=\"sorteio-banner-expanded\" id=\"sorteio-expanded\">\n <h2 class=\"sorteio-title\">\ud83c\udf84 GRANDE SORTEIO DE NATAL 2025<\/h2>\n <div class=\"sorteio-valor-big\">R$ 120.000<\/div>\n <div class=\"sorteio-countdown\">\u23f0 Faltam: <span id=\"sorteioCountdown\">28 dias<\/span><\/div>\n \n <div class=\"sorteio-prizes\">\n <div class=\"prize-item\">\n <span>\ud83e\udd47 1\u00ba Lugar:<\/span>\n <span style=\"color: #ffd700; font-weight: 900;\">R$ 50.000<\/span>\n <\/div>\n <div class=\"prize-item\">\n <span>\ud83e\udd48 2\u00ba Lugar:<\/span>\n <span style=\"color: #ffd700; font-weight: 900;\">R$ 30.000<\/span>\n <\/div>\n <div class=\"prize-item\">\n <span>\ud83e\udd49 3\u00ba Lugar:<\/span>\n <span style=\"color: #ffd700; font-weight: 900;\">R$ 20.000<\/span>\n <\/div>\n <div class=\"prize-item\">\n <span>\ud83c\udfc5 4\u00ba ao 10\u00ba:<\/span>\n <span style=\"color: #ffd700; font-weight: 900;\">R$ 2.500 cada<\/span>\n <\/div>\n <\/div>\n\n <div class=\"sorteio-info\">\n <strong style=\"color: #00ff88;\">\ud83c\udfaf COMO PARTICIPAR:<\/strong><br>\n \u2022 Cada caixa comprada = 1 n\u00famero da sorte<br>\n \u2022 Comprou 3 caixas = 3 chances!<br>\n \u2022 Multiplicador ativo = mais n\u00fameros!<br><br>\n \n <strong style=\"color: #00ff88;\">\ud83d\udd10 TRANSPAR\u00caNCIA TOTAL:<\/strong><br>\n \u2705 Sorteio ao vivo no Instagram<br>\n \u2705 Certificado em cart\u00f3rio<br>\n \u2705 Hash blockchain (sem fraude!)\n <\/div>\n\n <a href=\"#vsl-section\" class=\"cta-anchor\">\ud83c\udfac COMO FUNCIONA? \u2193<\/a>\n <\/section>\n\n <section class=\"vsl-section\" id=\"vsl-section\">\n <h2 class=\"vsl-title\">\ud83c\udfac VEJA COMO FUNCIONA EM 60 SEGUNDOS!<\/h2>\n <div class=\"vsl-container\">\n <div class=\"vsl-placeholder\">\n <div class=\"vsl-play-icon\">\u25b6\ufe0f<\/div>\n <div class=\"vsl-text\">V\u00eddeo explicativo<br>\n <small>(Cole seu link aqui)<\/small><\/div>\n <\/div>\n <\/div>\n <a href=\"#color-section\" class=\"cta-anchor\">\ud83c\udfa8 ESCOLHER MINHA COR AGORA! \u2193<\/a>\n <\/section>\n\n <section class=\"color-section\" id=\"color-section\">\n <h2 class=\"section-title\">ESCOLHA SUA COR DA SORTE<\/h2>\n <p class=\"section-subtitle\">Vermelho ou Dourado? Voc\u00ea decide!<\/p>\n \n <div class=\"color-cards\">\n <div class=\"color-card red\">\n <div class=\"color-visual\">\ud83d\udd34<\/div>\n <h3 class=\"color-name\">CAIXA VERMELHA<\/h3>\n <p class=\"color-tagline\">\ud83d\udd25 A Escolha dos Vencedores<\/p>\n <p class=\"color-description\">\n Vermelho = Energia, A\u00e7\u00e3o, Vit\u00f3ria<br>\n Para quem joga para GANHAR!\n <\/p>\n \n <div class=\"color-stats\">\n <div class=\"stat-box\">\n <span class=\"stat-value\">1 em 7<\/span>\n <span class=\"stat-label\">Chance iPhone<\/span>\n <\/div>\n <div class=\"stat-box\">\n <span class=\"stat-value\">R$ 11,5k<\/span>\n <span class=\"stat-label\">Pr\u00eamio M\u00e1ximo<\/span>\n <\/div>\n <\/div>\n \n <div class=\"social-proof-box\">\n \ud83d\udc65 <span id=\"red-count\">1.247<\/span> escolheram VERMELHO hoje!\n <\/div>\n \n <button class=\"choose-button\" onclick=\"chooseColor('red')\">\ud83d\udd25 QUERO A VERMELHA!<\/button>\n <\/div>\n\n <div class=\"color-card gold\">\n <div class=\"color-visual\">\ud83d\udfe1<\/div>\n <h3 class=\"color-name\">CAIXA DOURADA<\/h3>\n <p class=\"color-tagline\">\u2728 A Escolha dos Sortudos<\/p>\n <p class=\"color-description\">\n Dourado = Riqueza, Fortuna, Luz<br>\n Para quem acredita na pr\u00f3pria sorte!\n <\/p>\n \n <div class=\"color-stats\">\n <div class=\"stat-box\">\n <span class=\"stat-value\">1 em 7<\/span>\n <span class=\"stat-label\">Chance iPhone<\/span>\n <\/div>\n <div class=\"stat-box\">\n <span class=\"stat-value\">R$ 11,5k<\/span>\n <span class=\"stat-label\">Pr\u00eamio M\u00e1ximo<\/span>\n <\/div>\n <\/div>\n \n <div class=\"social-proof-box\">\n \ud83d\udc65 <span id=\"gold-count\">1.093<\/span> escolheram DOURADO hoje!\n <\/div>\n \n <button class=\"choose-button\" onclick=\"chooseColor('gold')\">\u2728 QUERO A DOURADA!<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"prizes-section\" id=\"prizes-section\">\n <h2 class=\"section-title\">SEUS POSS\u00cdVEIS PR\u00caMIOS<\/h2>\n <div class=\"chosen-color-text\" id=\"chosenColorText\"><\/div>\n \n <div class=\"prizes-intro\">\n <h3 class=\"prizes-intro-title\">\u2705 O QUE VEM NA SUA CAIXA:<\/h3>\n <p style=\"font-size: 16px; color: #ccc; text-align: center; line-height: 1.8;\">\n Toda caixa vem com 1 produto garantido (100%)<br>\n + Chance extra de ganhar iPhone (1 em 7)<br>\n + 1 n\u00famero autom\u00e1tico no sorteio de R$ 120.000!\n <\/p>\n <\/div>\n\n <div class=\"guaranteed-products\">\n <h3 style=\"font-size: 24px; font-weight: 900; color: #00ff88; text-align: center; margin-bottom: 10px;\">\n \ud83c\udf81 PRODUTO GARANTIDO (voc\u00ea leva 1 destes)\n <\/h3>\n <div class=\"products-grid\">\n <div class=\"product-box\">\n <div class=\"product-image\">\ud83c\udfa7<\/div>\n <div class=\"product-name\">AirPods Pro<\/div>\n <div class=\"product-value\">R$ 1.200<\/div>\n <\/div>\n <div class=\"product-box\">\n <div class=\"product-image\">\u231a<\/div>\n <div class=\"product-name\">Apple Watch SE<\/div>\n <div class=\"product-value\">R$ 1.500<\/div>\n <\/div>\n <div class=\"product-box\">\n <div class=\"product-image\">\ud83d\udd0a<\/div>\n <div class=\"product-name\">JBL Charge 5<\/div>\n <div class=\"product-value\">R$ 900<\/div>\n <\/div>\n <div class=\"product-box\">\n <div class=\"product-image\">\ud83d\udc88<\/div>\n <div class=\"product-name\">OneBlade Pro<\/div>\n <div class=\"product-value\">R$ 600<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"iphone-section\">\n <h3 style=\"font-size: 32px; font-weight: 900; color: #ffd700; margin-bottom: 20px;\">\n \ud83c\udfc6 + CHANCE EXTRA DE GANHAR\n <\/h3>\n <div class=\"iphone-image\">\ud83d\udcf1<\/div>\n <div class=\"iphone-chance\">iPhone 17 Pro Max<\/div>\n <div class=\"iphone-desc\">\n <strong style=\"color: #00ff88;\">1 em cada 7 caixas leva!<\/strong><br>\n Valor: R$ 9.000<br>\n Voc\u00ea pode ser o pr\u00f3ximo!\n <\/div>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 40px; padding: 30px; background: rgba(0, 255, 136, 0.1); border-radius: 15px;\">\n <h3 style=\"font-size: 24px; font-weight: 900; color: #00ff88; margin-bottom: 15px;\">\ud83c\udfaf RESUMINDO:<\/h3>\n <div style=\"font-size: 16px; line-height: 2; color: #ccc;\">\n \u2022 100% levam NO M\u00cdNIMO R$ 600<br>\n \u2022 1 em 7 levam iPhone (R$ 9.000)<br>\n \u2022 100% concorrem a R$ 120.000<br>\n <strong style=\"color: #ffd700; font-size: 18px;\">TODO MUNDO GANHA!<\/strong>\n <\/div>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 40px;\">\n <a href=\"#odds-section\" class=\"cta-anchor\">\ud83d\udcca VER SUAS CHANCES \u2193<\/a>\n <\/div>\n <\/section>\n\n <section class=\"odds-section\" id=\"odds-section\">\n <h2 class=\"section-title\">SUAS CHANCES REAIS<\/h2>\n \n <div class=\"odds-box\">\n <div style=\"font-size: 18px; color: #ccc; margin-bottom: 20px;\">\n \ud83d\udcf1 <strong>GANHAR iPHONE 17 PRO:<\/strong>\n <\/div>\n <div class=\"odds-main\">1 EM 7<\/div>\n <div style=\"font-size: 16px; color: #00ff88; margin-top: 10px;\">\n Muito mais f\u00e1cil que qualquer loteria!\n <\/div>\n <\/div>\n\n <div class=\"odds-comparison\">\n <h3 style=\"font-size: 20px; font-weight: 900; color: #fff; text-align: center; margin-bottom: 20px;\">\n \ud83d\udcca COMPARA\u00c7\u00c3O COM MEGA-SENA:\n <\/h3>\n <div class=\"comparison-item\">\n <span>Mega-Sena:<\/span>\n <span class=\"comparison-value\" style=\"color: #ff3366;\">1 em 50.000.000 \ud83d\ude30<\/span>\n <\/div>\n <div class=\"comparison-item\">\n <span>TREVO BOX:<\/span>\n <span class=\"comparison-value\" style=\"color: #00ff88;\">1 em 7 \ud83d\udd25<\/span>\n <\/div>\n <div style=\"text-align: center; margin-top: 20px; font-size: 18px; font-weight: 900; color: #ffd700;\">\n Voc\u00ea tem 7 MILH\u00d5ES de vezes<br>mais chance aqui!\n <\/div>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 40px;\">\n <a href=\"#social-section\" class=\"cta-anchor\">\ud83c\udfc6 VER GANHADORES \u2193<\/a>\n <\/div>\n <\/section>\n\n <section class=\"social-section\" id=\"social-section\">\n <h2 class=\"section-title\">\ud83c\udfc6 \u00daLTIMOS GANHADORES<\/h2>\n \n <div class=\"testimonials\">\n <div class=\"testimonial-card active\" data-index=\"0\">\n <div class=\"testimonial-header\">\n <span class=\"testimonial-name\">\ud83c\udf89 Maria S. (S\u00e3o Paulo)<\/span>\n <span class=\"testimonial-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/span>\n <\/div>\n <div class=\"testimonial-text\">\n \"Achei que era mentira mas o iPhone chegou em 3 dias! Melhor compra que j\u00e1 fiz!\"\n <\/div>\n <div class=\"testimonial-details\">\n Caixa: VERMELHA \ud83d\udd34 \u2022 Ganhou: iPhone 17 Pro + AirPods (R$ 11.500)\n <\/div>\n <span class=\"testimonial-verified\">\u2705 Verificado \u2022 H\u00e1 2 horas<\/span>\n <\/div>\n\n <div class=\"testimonial-card\" data-index=\"1\">\n <div class=\"testimonial-header\">\n <span class=\"testimonial-name\">\ud83c\udf89 Carlos R. (Rio de Janeiro)<\/span>\n <span class=\"testimonial-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/span>\n <\/div>\n <div class=\"testimonial-text\">\n \"Comprei 3 caixas, ganhei Apple Watch em uma! Vou comprar mais para o sorteio!\"\n <\/div>\n <div class=\"testimonial-details\">\n Caixa: DOURADA \ud83d\udfe1 \u2022 Ganhou: Apple Watch Ultra (R$ 7.000)\n <\/div>\n <span class=\"testimonial-verified\">\u2705 Verificado \u2022 H\u00e1 5 horas<\/span>\n <\/div>\n\n <div class=\"testimonial-card\" data-index=\"2\">\n <div class=\"testimonial-header\">\n <span class=\"testimonial-name\">\ud83c\udf89 Ana P. (Belo Horizonte)<\/span>\n <span class=\"testimonial-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/span>\n <\/div>\n <div class=\"testimonial-text\">\n \"Meu filho ficou LOUCO quando abriu a caixa! Melhor presente de Natal!\"\n <\/div>\n <div class=\"testimonial-details\">\n Caixa: VERMELHA \ud83d\udd34 \u2022 Ganhou: AirPods Pro (R$ 1.200)\n <\/div>\n <span class=\"testimonial-verified\">\u2705 Verificado \u2022 H\u00e1 8 horas<\/span>\n <\/div>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 40px;\">\n <a href=\"#sorteio-repeat\" class=\"cta-anchor\">\ud83c\udf84 VER SORTEIO NOVAMENTE \u2193<\/a>\n <\/div>\n <\/section>\n\n <section class=\"sorteio-banner-expanded\" id=\"sorteio-repeat\">\n <h2 class=\"sorteio-title\">\ud83c\udf84 N\u00c3O PERCA O GRANDE SORTEIO!<\/h2>\n <div class=\"sorteio-valor-big\">R$ 120.000<\/div>\n <div class=\"sorteio-countdown\">\u23f0 Faltam: <span id=\"sorteioCountdown2\">28 dias<\/span><\/div>\n \n <div style=\"background: rgba(0, 255, 136, 0.05); padding: 30px 20px; border-radius: 15px; margin: 30px 0; text-align: center;\">\n <h3 style=\"font-size: 24px; font-weight: 900; color: #ffd700; margin-bottom: 20px;\">\n \ud83c\udfaf AUMENTE SUAS CHANCES!\n <\/h3>\n <div style=\"font-size: 16px; line-height: 2; color: #ccc;\">\n \u2022 1 caixa = 1 n\u00famero da sorte<br>\n \u2022 3 caixas = 3 n\u00fameros<br>\n <span style=\"color: #00ff88; font-weight: 900;\">\u2022 Multiplicador ativo = MAIS n\u00fameros!<\/span><br><br>\n <strong style=\"color: #ffd700; font-size: 18px;\">\n Quanto mais caixas, mais chances de ganhar R$ 50.000!\n <\/strong>\n <\/div>\n <\/div>\n\n <a href=\"#final-cta\" class=\"cta-anchor\">\ud83d\uded2 COMPRAR AGORA \u2193<\/a>\n <\/section>\n\n <section class=\"final-cta-section\" id=\"final-cta\">\n <h2 class=\"section-title\">ESCOLHA SUA COR AGORA!<\/h2>\n <p class=\"section-subtitle\" id=\"finalSubtitle\">Multiplicador ativo \u2022 Entrega garantida \u2022 100% seguro<\/p>\n \n <a href=\"#checkout\" class=\"final-cta-button red\" id=\"finalCtaRed\" style=\"display: none;\">\n \ud83d\udd25 CAIXA VERMELHA\n <span class=\"cta-price\">R$ 374<\/span>\n <\/a>\n\n <a href=\"#checkout\" class=\"final-cta-button gold\" id=\"finalCtaGold\" style=\"display: none;\">\n \u2728 CAIXA DOURADA\n <span class=\"cta-price\">R$ 374<\/span>\n <\/a>\n\n <div class=\"cta-features\">\n \u2705 Pagamento 100% seguro<br>\n \u2705 Certificado em cart\u00f3rio<br>\n \u2705 7 dias para arrependimento (CDC)<br>\n \u2705 Frete gr\u00e1tis para todo Brasil\n <\/div>\n <\/section>\n\n <footer class=\"footer\">\n <div class=\"footer-text\">\n \ud83c\udf40 <strong>TREVO BOX<\/strong> - A primeira caixa com ODDS REAIS<br>\n Sorteio certificado \u2022 Produtos garantidos \u2022 Transpar\u00eancia total<br><br>\n \u00a9 2025 Trevo Box | CNPJ: 00.000.000\/0001-00<br>\n D\u00favidas? contato@trevobox.com.br\n <\/div>\n <\/footer>\n\n <div class=\"popup-notification\" id=\"popupNotification\"><\/div>\n\n <div class=\"exit-modal\" id=\"exitModal\">\n <div class=\"exit-content\">\n <span class=\"exit-close\" onclick=\"closeExitModal()\">\u00d7<\/span>\n <h2 class=\"exit-title\">\u26a0\ufe0f ESPERA!<\/h2>\n <p class=\"exit-text\">\n Sua sorte <span id=\"exitMultiplier\">+10x<\/span> vai EXPIRAR!<br>\n N\u00e3o deixe sua chance ir embora!\n <\/p>\n <div class=\"exit-discount\">\n B\u00d4NUS EXCLUSIVO:<br>\n C\u00f3digo SORTE10 = R$ 10 OFF\n <\/div>\n <button class=\"exit-cta\" onclick=\"closeExitModal(); scrollToFinalCTA();\">\n \u26a1 VOLTAR E USAR MEU DESCONTO!\n <\/button>\n <p style=\"font-size: 12px; color: #666; margin-top: 20px; cursor: pointer;\" onclick=\"closeExitModal()\">\n Sair mesmo assim\n <\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ===== AUDIO CONTEXT =====\n const AudioContext = window.AudioContext || window.webkitAudioContext;\n const audioCtx = new AudioContext();\n let soundEnabled = false;\n\n document.addEventListener('click', () => {\n if (!soundEnabled) {\n audioCtx.resume();\n soundEnabled = true;\n }\n }, { once: true });\n\n function playTone(freq, duration, type = 'sine', volume = 0.3) {\n if (!soundEnabled) return;\n try {\n const osc = audioCtx.createOscillator();\n const gain = audioCtx.createGain();\n osc.connect(gain);\n gain.connect(audioCtx.destination);\n osc.frequency.value = freq;\n osc.type = type;\n gain.gain.setValueAtTime(volume, audioCtx.currentTime);\n gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + duration);\n osc.start(audioCtx.currentTime);\n osc.stop(audioCtx.currentTime + duration);\n } catch(e) {}\n }\n\n function playSpinLoop() {\n if (!soundEnabled) return;\n for(let i = 0; i < 20; i++) {\n setTimeout(() => playTone(200 + i * 50, 0.05, 'sawtooth', 0.2), i * 50);\n }\n }\n\n function playClick() { playTone(800, 0.05, 'square', 0.4); }\n function playWin() {\n [523, 659, 784, 1047].forEach((f, i) => {\n setTimeout(() => playTone(f, 0.3, 'sine', 0.4), i * 100);\n });\n }\n\n \/\/ ===== VARI\u00c1VEIS GLOBAIS =====\n const symbols = ['\ud83d\udcf1', '\u231a', '\ud83c\udfa7', '\ud83c\udf81', '\ud83d\udc8e', '\ud83d\udc54'];\n let spinCount = 0;\n let isSpinning = false;\n let currentMultiplier = 1;\n let chosenColor = null;\n let timerInterval = null;\n let timeLeft = 300;\n\n \/\/ ===== INICIALIZA\u00c7\u00c3O DE REELS =====\n function initializeReels() {\n for (let i = 1; i <= 3; i++) {\n const reel = document.querySelector(`#reel${i} .reel-strip`);\n let html = '';\n for (let j = 0; j < 30; j++) {\n html += `<div class=\"reel-symbol\">${symbols[Math.floor(Math.random() * symbols.length)]}<\/div>`;\n }\n reel.innerHTML = html;\n }\n }\n\n \/\/ ===== GIRO DA SLOT =====\n function handleSpin() {\n if (isSpinning || spinCount >= 2) return;\n \n audioCtx.resume();\n isSpinning = true;\n spinCount++;\n \n const button = document.getElementById('spinButton');\n button.disabled = true;\n button.classList.add('spinning');\n button.textContent = spinCount === 1 ? '\u26a1 GIRANDO...' : '\u26a1 \u00daLTIMA TENTATIVA!';\n document.getElementById('slotResult').classList.remove('show');\n \n playSpinLoop();\n \n const variations = [\n { spin1: ['\ud83c\udf81', '\ud83d\udc8e', '\ud83d\udcf1'], spin2: ['\ud83d\udcf1', '\ud83d\udcf1', '\ud83c\udf81'] },\n { spin1: ['\ud83d\udcf1', '\ud83c\udf81', '\ud83d\udc8e'], spin2: ['\ud83d\udcf1', '\ud83d\udcf1', '\ud83c\udf81'] },\n { spin1: ['\ud83d\udc8e', '\ud83d\udcf1', '\ud83c\udf81'], spin2: ['\ud83d\udcf1', '\ud83d\udcf1', '\ud83c\udf81'] }\n ];\n \n const variation = variations[Math.floor(Math.random() * variations.length)];\n const finalSymbols = spinCount === 1 ? variation.spin1 : variation.spin2;\n \n [1, 2, 3].forEach((reelNum, index) => {\n const baseDelay = 2500;\n const reelDelay = index * 400;\n const totalDuration = baseDelay + reelDelay;\n \n const reel = document.querySelector(`#reel${reelNum} .reel-strip`);\n \n setTimeout(() => {\n playClick();\n reel.style.transition = 'none';\n reel.innerHTML = `<div class=\"reel-symbol\">${finalSymbols[index]}<\/div>`;\n reel.style.transform = 'translateY(0)';\n \n if (index === 2) {\n setTimeout(() => showResult(finalSymbols), 600);\n }\n }, totalDuration);\n });\n }\n\n function showResult(symbols) {\n isSpinning = false;\n \n const iphoneCount = symbols.filter(s => s === '\ud83d\udcf1').length;\n \n if (iphoneCount >= 2) {\n playWin();\n createConfetti();\n flashScreen();\n vibrate();\n shakeElement(document.getElementById('slotMachine'));\n }\n \n let multiplier, prizeText, messageText, buttonText;\n \n if (spinCount === 1) {\n multiplier = 2;\n prizeText = '\u26a1 iPhone apareceu!';\n messageText = `Mas n\u00e3o alinhou...<br><br>\ud83c\udfaf <strong>+${multiplier}x SORTE<\/strong> ativada!<br><br>Tente mais 1 vez?`;\n buttonText = '\ud83c\udfb0 \u00daLTIMA CHANCE!';\n } else {\n multiplier = 10;\n prizeText = '\ud83d\udd25 2 iPHONES ALINHADOS!';\n messageText = `\u26a1 <strong>+${multiplier}x SORTE ATIVADA!<\/strong><br><br>Seu multiplicador est\u00e1 DECUPLICADO!<br><br>\u23f0 Use em <strong>5 minutos<\/strong> ou PERDE!`;\n buttonText = '\ud83c\udf40 USAR MINHA SORTE! \u2193';\n startTimer();\n }\n \n currentMultiplier = Math.max(currentMultiplier, multiplier);\n \n document.getElementById('resultPrize').textContent = prizeText;\n document.getElementById('resultMessage').innerHTML = messageText;\n document.getElementById('slotResult').classList.add('show');\n \n updateProgress(spinCount === 1 ? 25 : 33);\n \n if (spinCount < 2) {\n setTimeout(() => {\n document.getElementById('spinButton').disabled = false;\n document.getElementById('spinButton').classList.remove('spinning');\n document.getElementById('spinButton').textContent = buttonText;\n }, 1500);\n } else {\n document.getElementById('spinButton').textContent = buttonText;\n document.getElementById('spinButton').onclick = () => {\n document.getElementById('sorteio-expanded').scrollIntoView({ behavior: 'smooth' });\n };\n document.getElementById('ctaAnchor').style.display = 'inline-block';\n }\n }\n\n \/\/ ===== EFEITOS =====\n function createConfetti() {\n const colors = ['#ffd700', '#ff3366', '#00ff88', '#ffed4e'];\n const container = document.getElementById('slotMachine');\n for(let i = 0; i < 50; i++) {\n setTimeout(() => {\n const confetti = document.createElement('div');\n confetti.className = 'confetti';\n confetti.style.left = Math.random() * 100 + '%';\n confetti.style.background = colors[Math.floor(Math.random() * colors.length)];\n container.appendChild(confetti);\n setTimeout(() => confetti.remove(), 3000);\n }, i * 30);\n }\n }\n\n function flashScreen() {\n const flash = document.getElementById('flashOverlay');\n flash.classList.add('active');\n setTimeout(() => flash.classList.remove('active'), 300);\n }\n\n function shakeElement(el) {\n el.style.animation = 'shake 0.5s';\n setTimeout(() => el.style.animation = '', 500);\n }\n\n function vibrate() {\n if(navigator.vibrate) navigator.vibrate([100, 50, 100, 50, 100]);\n }\n\n \/\/ ===== TIMER =====\n function startTimer() {\n const timerEl = document.getElementById('countdownTimer');\n timerEl.classList.add('show');\n \n timerInterval = setInterval(() => {\n timeLeft--;\n \n const minutes = Math.floor(timeLeft \/ 60);\n const seconds = timeLeft % 60;\n document.getElementById('timerDisplay').textContent = \n `${minutes}:${seconds.toString().padStart(2, '0')}`;\n \n if (timeLeft <= 120) {\n timerEl.classList.add('warning');\n }\n \n if (timeLeft <= 0) {\n clearInterval(timerInterval);\n timerEl.textContent = '\u26a0\ufe0f SORTE EXPIRADA!';\n }\n }, 1000);\n }\n\n \/\/ ===== ESCOLHA DE COR =====\n function chooseColor(color) {\n chosenColor = color;\n const colorName = color === 'red' ? 'CAIXA VERMELHA \ud83d\udd34' : 'CAIXA DOURADA \ud83d\udfe1';\n \n document.getElementById('chosenColorText').textContent = `Voc\u00ea escolheu: ${colorName}`;\n document.getElementById('prizes-section').classList.add('show');\n \n updateProgress(50);\n \n if (color === 'red') {\n document.getElementById('finalCtaRed').style.display = 'block';\n document.getElementById('finalCtaGold').style.display = 'none';\n } else {\n document.getElementById('finalCtaGold').style.display = 'block';\n document.getElementById('finalCtaRed').style.display = 'none';\n }\n \n const multiplierText = currentMultiplier > 1 ? `Multiplicador +${currentMultiplier}x ativo \u2022 ` : '';\n document.getElementById('finalSubtitle').textContent = multiplierText + 'Entrega garantida \u2022 100% seguro';\n \n setTimeout(() => {\n document.getElementById('prizes-section').scrollIntoView({ behavior: 'smooth' });\n }, 200);\n }\n\n \/\/ ===== BARRA DE PROGRESSO =====\n function updateProgress(percent) {\n document.getElementById('progressFill').style.width = percent + '%';\n document.getElementById('progressText').textContent = percent + '% completo';\n }\n\n \/\/ ===== POPUPS DE GANHADORES =====\n const winners = [\n { name: 'Jo\u00e3o Silva', city: 'S\u00e3o Paulo', prize: 'iPhone 17 Pro' },\n { name: 'Maria Santos', city: 'Rio de Janeiro', prize: 'Apple Watch' },\n { name: 'Carlos Souza', city: 'Bras\u00edlia', prize: 'Caixa Vermelha' },\n { name: 'Ana Costa', city: 'Belo Horizonte', prize: 'Caixa Dourada' },\n { name: 'Roberto Alves', city: 'Curitiba', prize: 'AirPods Pro' },\n { name: 'Mariana Lima', city: 'Porto Alegre', prize: 'iPhone 17 Pro' }\n ];\n\n let winnerIndex = 0;\n setInterval(() => {\n const winner = winners[winnerIndex % winners.length];\n const popup = document.getElementById('popupNotification');\n popup.innerHTML = `\ud83c\udf89 <strong>${winner.name}<\/strong> de <strong>${winner.city}<\/strong> ganhou <strong>${winner.prize}<\/strong>!`;\n popup.classList.add('show');\n \n setTimeout(() => popup.classList.remove('show'), 5000);\n winnerIndex++;\n }, 25000);\n\n \/\/ ===== DEPOIMENTOS =====\n let testimonialIndex = 0;\n setInterval(() => {\n document.querySelectorAll('.testimonial-card').forEach(card => card.classList.remove('active'));\n testimonialIndex = (testimonialIndex + 1) % 3;\n document.querySelectorAll('.testimonial-card')[testimonialIndex].classList.add('active');\n }, 8000);\n\n \/\/ ===== CONTADORES DIN\u00c2MICOS =====\n setInterval(() => {\n document.getElementById('live-viewers').textContent = 40 + Math.floor(Math.random() * 25);\n }, 5000);\n\n setInterval(() => {\n document.getElementById('stock-count').textContent = 8 + Math.floor(Math.random() * 7);\n }, 30000);\n\n setInterval(() => {\n document.getElementById('red-count').textContent = 1200 + Math.floor(Math.random() * 100);\n document.getElementById('gold-count').textContent = 1050 + Math.floor(Math.random() * 100);\n }, 10000);\n\n \/\/ ===== EXIT INTENT =====\n let exitShown = false;\n document.addEventListener('mousemove', (e) => {\n if (e.clientY < 50 && !exitShown && spinCount > 0) {\n exitShown = true;\n document.getElementById('exitMultiplier').textContent = `+${currentMultiplier}x`;\n document.getElementById('exitModal').classList.add('show');\n }\n });\n\n function closeExitModal() {\n document.getElementById('exitModal').classList.remove('show');\n }\n\n function scrollToFinalCTA() {\n document.getElementById('final-cta').scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ ===== SCROLL SUAVE =====\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if(target) {\n target.scrollIntoView({ behavior: 'smooth' });\n const currentProgress = parseInt(document.getElementById('progressFill').style.width) || 0;\n updateProgress(Math.min(currentProgress + 10, 90));\n }\n });\n });\n\n \/\/ ===== SCROLL TRACKING =====\n window.addEventListener('scroll', () => {\n const scrollPercent = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n if (scrollPercent > 90) {\n updateProgress(100);\n }\n });\n\n \/\/ ===== COUNTDOWN REAL =====\n function updateSorteioCountdown() {\n const natal = new Date('2025-12-25T20:00:00');\n const now = new Date();\n const diff = natal - now;\n \n if (diff <= 0) {\n document.getElementById('sorteioCountdown').textContent = 'SORTEIO COME\u00c7OU!';\n document.getElementById('sorteioCountdown2').textContent = 'SORTEIO COME\u00c7OU!';\n return;\n }\n \n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\n \n const countdownText = days > 0 ? `${days}d ${hours}h` : `${hours}h ${minutes}min`;\n document.getElementById('sorteioCountdown').textContent = countdownText;\n document.getElementById('sorteioCountdown2').textContent = countdownText;\n }\n\n setInterval(updateSorteioCountdown, 60000);\n updateSorteioCountdown();\n\n \/\/ ===== INICIALIZA\u00c7\u00c3O =====\n window.addEventListener('load', () => {\n initializeReels();\n updateProgress(0);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf40 Trevo Box – Caixas Surpresa com at\u00e9 R$ 120.000! \ud83c\udf40 TREVO BOX \ud83d\udd25 12 iPHONES! \ud83d\udc65 47 online 0% completo \u23f0 Sorte expira em: 5:00 \ud83c\udf81 CAIXAS SURPRESA DESCUBRA O QUE EST\u00c1 DENTRO! \ud83c\udf89 Cada Caixa Vem Com: \u2705 1 Produto Premium Garantido (R$ 600+) \ud83c\udfb2 1 Chance de Ganhar iPhone (1 em 7) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/pages\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":17,"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/pages\/337\/revisions"}],"predecessor-version":[{"id":356,"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/pages\/337\/revisions\/356"}],"wp:attachment":[{"href":"https:\/\/ofertasnatal.com\/index.php\/wp-json\/wp\/v2\/media?parent=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}