Sol d\u00e1 Sorte<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #1a3a5f, #2c5282);\n color: #fff;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n overflow-x: hidden;\n }\n \n .container {\n max-width: 500px;\n width: 100%;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 40px 30px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n animation: containerFadeIn 1s ease-out forwards;\n opacity: 0;\n transform: translateY(20px);\n }\n \n .logo {\n margin-bottom: 30px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .logo-img {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(248, 193, 70, 0.4);\n overflow: hidden;\n border: 4px solid #f8c146;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #fff;\n position: relative;\n animation: logoEntrance 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,\n logoPulse 3s infinite ease-in-out 1.5s,\n sunRays 4s infinite linear 2s;\n }\n \n .logo-img::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: transparent;\n box-shadow: \n 0 0 30px 10px rgba(248, 193, 70, 0.6),\n 0 0 60px 15px rgba(248, 193, 70, 0.4),\n 0 0 90px 20px rgba(248, 193, 70, 0.2);\n opacity: 0;\n animation: sunRayFade 4s infinite alternate 2s;\n }\n \n .logo-img img {\n width: 100%;\n height: auto;\n display: block;\n transform: scale(0.9);\n animation: imagePopIn 1s forwards 0.8s;\n }\n \n .logo-text {\n font-size: 2rem;\n font-weight: 700;\n color: #fff;\n letter-spacing: 1px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n margin-top: 10px;\n opacity: 0;\n transform: translateY(20px);\n animation: textFadeIn 0.8s forwards 0.5s;\n }\n \n .tagline {\n font-size: 1.1rem;\n color: #e2e8f0;\n margin-bottom: 30px;\n line-height: 1.5;\n opacity: 0;\n transform: translateY(10px);\n animation: textFadeIn 0.8s forwards 0.8s;\n }\n \n .redirect-box {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n opacity: 0;\n transform: translateY(15px);\n animation: fadeInUp 0.8s forwards 1s;\n }\n \n .redirect-box p {\n margin-bottom: 20px;\n font-size: 1.1rem;\n }\n \n .countdown-container {\n position: relative;\n display: inline-block;\n margin: 20px 0;\n }\n \n .countdown {\n font-size: 3.5rem;\n font-weight: 800;\n color: #f8c146;\n padding: 15px 25px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n min-width: 100px;\n position: relative;\n z-index: 2;\n text-shadow: 0 0 15px rgba(248, 193, 70, 0.7);\n }\n \n .countdown-behind {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(248, 193, 70, 0.2);\n border-radius: 12px;\n z-index: 1;\n animation: pulseBehind 1s infinite alternate;\n }\n \n .countdown-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.1) 50%, transparent 60%);\n background-size: 200% 200%;\n border-radius: 12px;\n z-index: 3;\n animation: shineEffect 2s infinite linear;\n pointer-events: none;\n }\n \n .btn {\n display: inline-block;\n background: #f8c146;\n color: #1a3a5f;\n font-size: 1.1rem;\n font-weight: 600;\n text-decoration: none;\n padding: 14px 40px;\n border-radius: 6px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n margin-top: 15px;\n position: relative;\n overflow: hidden;\n }\n \n .btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: 0.5s;\n }\n \n .btn:hover {\n background: #ffd369;\n transform: translateY(-3px);\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n }\n \n .btn:hover::before {\n left: 100%;\n }\n \n .btn:active {\n transform: translateY(1px);\n }\n \n .btn i {\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n \n .btn:hover i {\n transform: translateX(4px);\n }\n \n .info {\n font-size: 0.9rem;\n color: #cbd5e0;\n margin-top: 20px;\n opacity: 0;\n animation: fadeIn 1s forwards 1.2s;\n }\n \n .info a {\n color: #f8c146;\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .info a::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 1px;\n background: #f8c146;\n transition: width 0.3s ease;\n }\n \n .info a:hover {\n text-shadow: 0 0 8px rgba(248, 193, 70, 0.6);\n }\n \n .info a:hover::after {\n width: 100%;\n }\n \n \/* Anima\u00e7\u00f5es *\/\n @keyframes containerFadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes logoEntrance {\n 0% {\n opacity: 0;\n transform: scale(0.2) rotate(-180deg);\n }\n 70% {\n transform: scale(1.1) rotate(15deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0);\n }\n }\n \n @keyframes logoPulse {\n 0% {\n transform: scale(1);\n box-shadow: 0 5px 15px rgba(248, 193, 70, 0.4);\n }\n 50% {\n transform: scale(1.05);\n box-shadow: 0 10px 20px rgba(248, 193, 70, 0.6);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0 5px 15px rgba(248, 193, 70, 0.4);\n }\n }\n \n @keyframes sunRays {\n 0% {\n box-shadow: 0 0 0 0 rgba(248, 193, 70, 0.6);\n }\n 70% {\n box-shadow: 0 0 0 20px rgba(248, 193, 70, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(248, 193, 70, 0);\n }\n }\n \n @keyframes sunRayFade {\n 0% {\n opacity: 0.3;\n }\n 100% {\n opacity: 0.7;\n }\n }\n \n @keyframes imagePopIn {\n 0% {\n transform: scale(0.9);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @keyframes textFadeIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n \n @keyframes countdownPulse {\n 0% {\n transform: scale(1);\n text-shadow: 0 0 0 rgba(248, 193, 70, 0.7);\n }\n 50% {\n transform: scale(1.1);\n text-shadow: 0 0 15px rgba(248, 193, 70, 0.9);\n }\n 100% {\n transform: scale(1);\n text-shadow: 0 0 0 rgba(248, 193, 70, 0.7);\n }\n }\n \n @keyframes pulseBehind {\n 0% {\n transform: scale(0.95);\n opacity: 0.7;\n }\n 100% {\n transform: scale(1.1);\n opacity: 0.3;\n }\n }\n \n @keyframes shineEffect {\n 0% {\n background-position: -100% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n \n @keyframes countdownFlip {\n 0% {\n transform: rotateX(0);\n }\n 50% {\n transform: rotateX(90deg);\n }\n 100% {\n transform: rotateX(0);\n }\n }\n \n @media (max-width: 480px) {\n .container {\n padding: 30px 20px;\n }\n \n .logo-img {\n width: 120px;\n height: 120px;\n }\n \n .logo-text {\n font-size: 1.8rem;\n }\n \n .tagline {\n font-size: 1rem;\n }\n \n .countdown {\n font-size: 2.8rem;\n padding: 12px 20px;\n }\n \n .btn {\n font-size: 1rem;\n padding: 12px 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"logo\">\n <div class=\"logo-img\">\n <img decoding=\"async\" src=\"https:\/\/sistemalotericoba.com.br\/wp-content\/uploads\/2022\/07\/MASCOTE-SOL_COREL-1-150x150.png\" alt=\"Mascote Solda Sorte\">\n <\/div>\n <h1 class=\"logo-text\">SOL D\u00c1 SORTE<\/h1>\n <\/div>\n \n <p class=\"tagline\">SUA $ORTE CHEGOU PARA FICAR!<\/p>\n \n <div class=\"redirect-box\">\n <p>Voc\u00ea ser\u00e1 redirecionado para o sistema oficial do Sol da Sorte:<\/p>\n <div class=\"countdown-container\">\n <div class=\"countdown-behind\"><\/div>\n <div class=\"countdown\" id=\"countdown\">5<\/div>\n <div class=\"countdown-overlay\"><\/div>\n <\/div>\n <p>Clique no bot\u00e3o abaixo se n\u00e3o quiser aguardar<\/p>\n <a href=\"https:\/\/sistemalotericoba.com.br\/\" class=\"btn\" id=\"redirectBtn\">\n Acessar Agora <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <p class=\"info\">Se o redirecionamento n\u00e3o funcionar automaticamente, <a href=\"https:\/\/sistemalotericoba.com.br\/\">clique aqui<\/a><\/p>\n <\/div>\n \n <script>\n \/\/ Configura\u00e7\u00e3o do redirecionamento\n const targetUrl = \"https:\/\/sistemalotericoba.com.br\/\";\n let countdownTime = 5;\n \n \/\/ Elementos DOM\n const countdownElement = document.getElementById('countdown');\n const redirectBtn = document.getElementById('redirectBtn');\n const countdownContainer = document.querySelector('.countdown-container');\n \n \/\/ Atualizar a contagem regressiva com anima\u00e7\u00e3o melhorada\n function updateCountdown() {\n \/\/ Anima\u00e7\u00e3o de flip\n countdownContainer.style.animation = 'none';\n void countdownContainer.offsetWidth; \/\/ For\u00e7ar reflow\n countdownContainer.style.animation = 'countdownFlip 0.6s ease';\n \n \/\/ Atualizar o n\u00famero ap\u00f3s metade da anima\u00e7\u00e3o\n setTimeout(() => {\n countdownElement.textContent = countdownTime;\n \n \/\/ Adicionar efeito de pulso\n countdownElement.style.animation = 'none';\n void countdownElement.offsetWidth; \/\/ For\u00e7ar reflow\n countdownElement.style.animation = 'countdownPulse 0.6s ease';\n }, 300);\n \n if (countdownTime <= 0) {\n setTimeout(() => {\n window.location.href = targetUrl;\n }, 600);\n } else {\n countdownTime--;\n setTimeout(updateCountdown, 1000);\n }\n }\n \n \/\/ Iniciar a contagem regressiva ap\u00f3s um breve delay\n setTimeout(() => {\n updateCountdown();\n }, 1500);\n \n \/\/ Redirecionamento pelo bot\u00e3o\n redirectBtn.addEventListener('click', function(e) {\n e.preventDefault();\n \n \/\/ Feedback visual\n const btn = this;\n const originalText = btn.innerHTML;\n \n btn.innerHTML = 'Redirecionando... <i class=\"fas fa-spinner fa-spin\"><\/i>';\n btn.style.opacity = '0.8';\n btn.style.pointerEvents = 'none';\n \n \/\/ Redirecionar ap\u00f3s breve pausa\n setTimeout(() => {\n window.location.href = targetUrl;\n }, 500);\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\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>Sol d\u00e1 Sorte SOL D\u00c1 SORTE SUA $ORTE CHEGOU PARA FICAR! Voc\u00ea ser\u00e1 redirecionado para o sistema oficial do Sol da Sorte: 5 Clique no bot\u00e3o abaixo se n\u00e3o quiser aguardar Acessar Agora Se o redirecionamento n\u00e3o funcionar automaticamente, clique aqui<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=149"}],"version-history":[{"count":25,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Sol d\u00e1 Sorte<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #1a3a5f, #2c5282);\n color: #fff;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n overflow-x: hidden;\n }\n \n .container {\n max-width: 500px;\n width: 100%;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 40px 30px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n animation: containerFadeIn 1s ease-out forwards;\n opacity: 0;\n transform: translateY(20px);\n }\n \n .logo {\n margin-bottom: 30px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .logo-img {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(248, 193, 70, 0.4);\n overflow: hidden;\n border: 4px solid #f8c146;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #fff;\n position: relative;\n animation: logoEntrance 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,\n logoPulse 3s infinite ease-in-out 1.5s,\n sunRays 4s infinite linear 2s;\n }\n \n .logo-img::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: transparent;\n box-shadow: \n 0 0 30px 10px rgba(248, 193, 70, 0.6),\n 0 0 60px 15px rgba(248, 193, 70, 0.4),\n 0 0 90px 20px rgba(248, 193, 70, 0.2);\n opacity: 0;\n animation: sunRayFade 4s infinite alternate 2s;\n }\n \n .logo-img img {\n width: 100%;\n height: auto;\n display: block;\n transform: scale(0.9);\n animation: imagePopIn 1s forwards 0.8s;\n }\n \n .logo-text {\n font-size: 2rem;\n font-weight: 700;\n color: #fff;\n letter-spacing: 1px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n margin-top: 10px;\n opacity: 0;\n transform: translateY(20px);\n animation: textFadeIn 0.8s forwards 0.5s;\n }\n \n .tagline {\n font-size: 1.1rem;\n color: #e2e8f0;\n margin-bottom: 30px;\n line-height: 1.5;\n opacity: 0;\n transform: translateY(10px);\n animation: textFadeIn 0.8s forwards 0.8s;\n }\n \n .redirect-box {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n opacity: 0;\n transform: translateY(15px);\n animation: fadeInUp 0.8s forwards 1s;\n }\n \n .redirect-box p {\n margin-bottom: 20px;\n font-size: 1.1rem;\n }\n \n .countdown-container {\n position: relative;\n display: inline-block;\n margin: 20px 0;\n }\n \n .countdown {\n font-size: 3.5rem;\n font-weight: 800;\n color: #f8c146;\n padding: 15px 25px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n min-width: 100px;\n position: relative;\n z-index: 2;\n text-shadow: 0 0 15px rgba(248, 193, 70, 0.7);\n }\n \n .countdown-behind {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(248, 193, 70, 0.2);\n border-radius: 12px;\n z-index: 1;\n animation: pulseBehind 1s infinite alternate;\n }\n \n .countdown-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.1) 50%, transparent 60%);\n background-size: 200% 200%;\n border-radius: 12px;\n z-index: 3;\n animation: shineEffect 2s infinite linear;\n pointer-events: none;\n }\n \n .btn {\n display: inline-block;\n background: #f8c146;\n color: #1a3a5f;\n font-size: 1.1rem;\n font-weight: 600;\n text-decoration: none;\n padding: 14px 40px;\n border-radius: 6px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n margin-top: 15px;\n position: relative;\n overflow: hidden;\n }\n \n .btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: 0.5s;\n }\n \n .btn:hover {\n background: #ffd369;\n transform: translateY(-3px);\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n }\n \n .btn:hover::before {\n left: 100%;\n }\n \n .btn:active {\n transform: translateY(1px);\n }\n \n .btn i {\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n \n .btn:hover i {\n transform: translateX(4px);\n }\n \n .info {\n font-size: 0.9rem;\n color: #cbd5e0;\n margin-top: 20px;\n opacity: 0;\n animation: fadeIn 1s forwards 1.2s;\n }\n \n .info a {\n color: #f8c146;\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .info a::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 1px;\n background: #f8c146;\n transition: width 0.3s ease;\n }\n \n .info a:hover {\n text-shadow: 0 0 8px rgba(248, 193, 70, 0.6);\n }\n \n .info a:hover::after {\n width: 100%;\n }\n \n \/* Anima\u00e7\u00f5es *\/\n @keyframes containerFadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes logoEntrance {\n 0% {\n opacity: 0;\n transform: scale(0.2) rotate(-180deg);\n }\n 70% {\n transform: scale(1.1) rotate(15deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0);\n }\n }\n \n @keyframes logoPulse {\n 0% {\n transform: scale(1);\n box-shadow: 0 5px 15px rgba(248, 193, 70, 0.4);\n }\n 50% {\n transform: scale(1.05);\n box-shadow: 0 10px 20px rgba(248, 193, 70, 0.6);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0 5px 15px rgba(248, 193, 70, 0.4);\n }\n }\n \n @keyframes sunRays {\n 0% {\n box-shadow: 0 0 0 0 rgba(248, 193, 70, 0.6);\n }\n 70% {\n box-shadow: 0 0 0 20px rgba(248, 193, 70, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(248, 193, 70, 0);\n }\n }\n \n @keyframes sunRayFade {\n 0% {\n opacity: 0.3;\n }\n 100% {\n opacity: 0.7;\n }\n }\n \n @keyframes imagePopIn {\n 0% {\n transform: scale(0.9);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @keyframes textFadeIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n \n @keyframes countdownPulse {\n 0% {\n transform: scale(1);\n text-shadow: 0 0 0 rgba(248, 193, 70, 0.7);\n }\n 50% {\n transform: scale(1.1);\n text-shadow: 0 0 15px rgba(248, 193, 70, 0.9);\n }\n 100% {\n transform: scale(1);\n text-shadow: 0 0 0 rgba(248, 193, 70, 0.7);\n }\n }\n \n @keyframes pulseBehind {\n 0% {\n transform: scale(0.95);\n opacity: 0.7;\n }\n 100% {\n transform: scale(1.1);\n opacity: 0.3;\n }\n }\n \n @keyframes shineEffect {\n 0% {\n background-position: -100% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n \n @keyframes countdownFlip {\n 0% {\n transform: rotateX(0);\n }\n 50% {\n transform: rotateX(90deg);\n }\n 100% {\n transform: rotateX(0);\n }\n }\n \n @media (max-width: 480px) {\n .container {\n padding: 30px 20px;\n }\n \n .logo-img {\n width: 120px;\n height: 120px;\n }\n \n .logo-text {\n font-size: 1.8rem;\n }\n \n .tagline {\n font-size: 1rem;\n }\n \n .countdown {\n font-size: 2.8rem;\n padding: 12px 20px;\n }\n \n .btn {\n font-size: 1rem;\n padding: 12px 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"logo\">\n <div class=\"logo-img\">\n <img decoding=\"async\" src=\"https:\/\/sistemalotericoba.com.br\/wp-content\/uploads\/2022\/07\/MASCOTE-SOL_COREL-1-150x150.png\" alt=\"Mascote Solda Sorte\">\n <\/div>\n <h1 class=\"logo-text\">SOL D\u00c1 SORTE<\/h1>\n <\/div>\n \n <p class=\"tagline\">SUA $ORTE CHEGOU PARA FICAR!<\/p>\n \n <div class=\"redirect-box\">\n <p>Voc\u00ea ser\u00e1 redirecionado para o sistema oficial do Sol da Sorte:<\/p>\n <div class=\"countdown-container\">\n <div class=\"countdown-behind\"><\/div>\n <div class=\"countdown\" id=\"countdown\">5<\/div>\n <div class=\"countdown-overlay\"><\/div>\n <\/div>\n <p>Clique no bot\u00e3o abaixo se n\u00e3o quiser aguardar<\/p>\n <a href=\"https:\/\/sistemalotericoba.com.br\/\" class=\"btn\" id=\"redirectBtn\">\n Acessar Agora <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <p class=\"info\">Se o redirecionamento n\u00e3o funcionar automaticamente, <a href=\"https:\/\/sistemalotericoba.com.br\/\">clique aqui<\/a><\/p>\n <\/div>\n \n <script>\n \/\/ Configura\u00e7\u00e3o do redirecionamento\n const targetUrl = \"https:\/\/sistemalotericoba.com.br\/\";\n let countdownTime = 5;\n \n \/\/ Elementos DOM\n const countdownElement = document.getElementById('countdown');\n const redirectBtn = document.getElementById('redirectBtn');\n const countdownContainer = document.querySelector('.countdown-container');\n \n \/\/ Atualizar a contagem regressiva com anima\u00e7\u00e3o melhorada\n function updateCountdown() {\n \/\/ Anima\u00e7\u00e3o de flip\n countdownContainer.style.animation = 'none';\n void countdownContainer.offsetWidth; \/\/ For\u00e7ar reflow\n countdownContainer.style.animation = 'countdownFlip 0.6s ease';\n \n \/\/ Atualizar o n\u00famero ap\u00f3s metade da anima\u00e7\u00e3o\n setTimeout(() => {\n countdownElement.textContent = countdownTime;\n \n \/\/ Adicionar efeito de pulso\n countdownElement.style.animation = 'none';\n void countdownElement.offsetWidth; \/\/ For\u00e7ar reflow\n countdownElement.style.animation = 'countdownPulse 0.6s ease';\n }, 300);\n \n if (countdownTime <= 0) {\n setTimeout(() => {\n window.location.href = targetUrl;\n }, 600);\n } else {\n countdownTime--;\n setTimeout(updateCountdown, 1000);\n }\n }\n \n \/\/ Iniciar a contagem regressiva ap\u00f3s um breve delay\n setTimeout(() => {\n updateCountdown();\n }, 1500);\n \n \/\/ Redirecionamento pelo bot\u00e3o\n redirectBtn.addEventListener('click', function(e) {\n e.preventDefault();\n \n \/\/ Feedback visual\n const btn = this;\n const originalText = btn.innerHTML;\n \n btn.innerHTML = 'Redirecionando... <i class=\"fas fa-spinner fa-spin\"><\/i>';\n btn.style.opacity = '0.8';\n btn.style.pointerEvents = 'none';\n \n \/\/ Redirecionar ap\u00f3s breve pausa\n setTimeout(() => {\n window.location.href = targetUrl;\n }, 500);\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\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>Sol d\u00e1 Sorte SOL D\u00c1 SORTE SUA $ORTE CHEGOU PARA FICAR! Voc\u00ea ser\u00e1 redirecionado para o sistema oficial do Sol da Sorte: 5 Clique no bot\u00e3o abaixo se n\u00e3o quiser aguardar Acessar Agora Se o redirecionamento n\u00e3o funcionar automaticamente, clique aqui<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=149"}],"version-history":[{"count":25,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/soldasorte.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}