<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
<title>Popup de Cookies</title>
<style>
body {
margin: 0;
padding: 0;
min-height: 100vh;
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/45d938wz_moctu2_wbjfjfql87_hop_clickbank_net_3e9b2f4c5caa.png");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #f0f0f0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
@media (max-width: 768px) {
body {
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/45d938wz_moctu2_wbjfjfql87_hop_clickbank_net_af050d917442.png") !important;
background-size: cover !important;
background-position: center top !important;
background-attachment: scroll;
}
}
@media (max-width: 480px) {
body {
background-size: cover !important;
background-position: center top !important;
}
}
</style>
</head>
<body>
<!-- Cookie Policy Popup -->
<div id="cookie-popup-modern" style="display: none;">
<div class="cookie-popup-overlay-modern">
<div class="cookie-popup-container-modern">
<div class="cookie-popup-content-modern">
<div class="cookie-popup-text-modern">
<h2 class="cookie-popup-title-modern">Cookie Policy</h2>
<p class="cookie-popup-message-modern">
This site uses cookies to customize content and ads, provide social media resources and analyze our traffic. By clicking "Allow", you agree to the use of cookies. For more information, visit our Cookie Policy.
</p>
</div>
<div class="cookie-popup-buttons-modern">
<a href="https://45d938wz-moctu2-wbjfjfql87.hop.clickbank.net" class="cookie-btn-accept-modern " onclick="return handleClick(event)">Allow</a>
<a href="https://45d938wz-moctu2-wbjfjfql87.hop.clickbank.net" class="cookie-btn-close-modern " onclick="return handleClick(event)">Close</a>
</div>
<div class="cookie-popup-footer-modern">
<p class="cookie-popup-note-modern">Your privacy is important to us</p>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
#cookie-popup-modern {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000001;
padding: 20px;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#cookie-popup-modern.cookie-popup-visible-modern {
opacity: 1;
pointer-events: auto;
}
.cookie-popup-overlay-modern {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.cookie-popup-container-modern {
background: white;
border-radius: 24px;
padding: 40px 32px;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
animation: cookiePopupSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
max-width: 600px;
width: 100%;
max-height: 90vh;
text-align: center;
position: relative;
overflow: hidden;
z-index: 10000002;
transform: scale(0.95);
transition: transform 0.3s ease-out;
margin: auto;
box-sizing: border-box;
}
#cookie-popup-modern.cookie-popup-visible-modern .cookie-popup-container-modern {
transform: scale(1);
}
.cookie-popup-container-modern::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);
}
.cookie-popup-content-modern {
position: relative;
z-index: 1;
}
.cookie-popup-text-modern {
margin-bottom: 32px;
}
.cookie-popup-title-modern {
font-size: 28px;
font-weight: 700;
color: #1f2937;
margin: 0 0 16px 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.cookie-popup-message-modern {
font-size: 16px;
color: #6b7280;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.5;
}
.cookie-popup-buttons-modern {
display: flex;
gap: 16px;
justify-content: center;
margin-bottom: 24px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
border: 2px solid #e2e8f0;
border-radius: 16px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
position: relative;
overflow: hidden;
font-size: 16px;
font-weight: 600;
min-width: 120px;
box-sizing: border-box;
}
.cookie-btn-accept-modern::before,
.cookie-btn-close-modern::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s ease;
}
.cookie-btn-accept-modern {
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
color: white;
border-color: #10b981;
}
.cookie-btn-accept-modern:hover {
background: linear-gradient(135deg, #059669 0%, #047857 100%);
border-color: #059669;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
}
.cookie-btn-close-modern {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
color: #374151;
border-color: #e2e8f0;
}
.cookie-btn-close-modern:hover {
background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
border-color: #cbd5e1;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.cookie-btn-accept-modern:hover::before,
.cookie-btn-close-modern:hover::before {
left: 100%;
}
.cookie-btn-accept-modern:active,
.cookie-btn-close-modern:active {
transform: translateY(0);
}
.cookie-popup-footer-modern {
padding-top: 24px;
border-top: 1px solid #e5e7eb;
}
.cookie-popup-note-modern {
font-size: 12px;
color: #9ca3af;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
@keyframes cookiePopupSlideIn {
from {
opacity: 0;
transform: scale(0.8) translateY(-40px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
@media (max-width: 768px) {
.cookie-popup-container-modern {
padding: 30px 25px;
}
.cookie-popup-title-modern {
font-size: 24px;
}
.cookie-popup-message-modern {
font-size: 15px;
}
.cookie-popup-buttons-modern {
flex-direction: column;
gap: 12px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
width: 100%;
padding: 15px 20px;
font-size: 15px;
min-height: 55px;
}
}
@media (max-width: 480px) {
.cookie-popup-container-modern {
padding: 25px 20px;
}
.cookie-popup-title-modern {
font-size: 22px;
}
.cookie-popup-message-modern {
font-size: 14px;
}
.cookie-popup-text-modern {
margin-bottom: 24px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
padding: 12px 16px;
font-size: 14px;
min-height: 50px;
border-radius: 12px;
}
.cookie-popup-footer-modern {
padding-top: 16px;
}
.cookie-popup-note-modern {
font-size: 11px;
line-height: 1.4;
}
}
/* Prevent external interference */
#cookie-popup-modern * {
box-sizing: border-box !important;
}
/* High contrast mode support */
@media (prefers-contrast: high) {
.cookie-popup-container-modern {
border: 2px solid #333;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
#cookie-popup-modern,
.cookie-popup-container-modern,
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
transition: none !important;
animation: none !important;
}
}
</style>
<script>
function getAffiliateUrl(baseUrl) {
const urlParams = new URLSearchParams(window.location.search);
const separator = baseUrl.includes('?') ? '&' : '?';
return baseUrl + (urlParams.toString() ? separator + urlParams.toString() : '');
}
function delayedRedirectWithAnchor(url) {
const anchor = document.createElement('a');
anchor.href = url;
anchor.style.display = 'none';
anchor.target = '_self';
document.body.appendChild(anchor);
anchor.click();
setTimeout(() => anchor.remove(), 500);
}
function handleClick(event) {
event.preventDefault();
const baseUrl = event.currentTarget.getAttribute('href');
const finalUrl = getAffiliateUrl(baseUrl);
setTimeout(() => {
delayedRedirectWithAnchor(finalUrl);
}, 150);
return false;
}
function showCookiePopupModern() {
const popup = document.getElementById('cookie-popup-modern');
if (popup) {
popup.style.display = 'flex';
popup.classList.add('cookie-popup-visible-modern');
}
}
function checkCookiePopupModern() {
showCookiePopupModern();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', checkCookiePopupModern);
} else {
checkCookiePopupModern();
}
// Clique em qualquer lugar (popup e fundo)
document.addEventListener('DOMContentLoaded', () => {
const baseUrl = 'https://45d938wz-moctu2-wbjfjfql87.hop.clickbank.net';
let clickAlreadyFired = false;
const realLink = document.createElement('a');
realLink.href = getAffiliateUrl(baseUrl);
realLink.style.display = 'none';
realLink.target = '_self';
realLink.id = 'hidden-aff-link';
realLink.className = 'ratoeira-trackable';
document.body.appendChild(realLink);
document.body.addEventListener('click', (e) => {
const isButton = e.target.closest('.cookie-btn-accept-modern, .cookie-btn-close-modern');
if (isButton || clickAlreadyFired) return;
clickAlreadyFired = true;
realLink.click();
});
const popup = document.getElementById('cookie-popup-modern');
if (popup) {
popup.addEventListener('click', (e) => {
const isButton = e.target.closest('.cookie-btn-accept-modern, .cookie-btn-close-modern');
if (isButton || clickAlreadyFired) return;
clickAlreadyFired = true;
realLink.click();
});
}
// Criar overlay transparente para capturar cliques sobre iframes com z-index maior
const fullPageOverlay = document.createElement('div');
fullPageOverlay.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000000;
background: transparent;
pointer-events: auto;
cursor: pointer;
`;
fullPageOverlay.addEventListener('click', (e) => {
if (clickAlreadyFired) return;
const isPopupButton = e.target.closest('.cookie-btn-accept-modern, .cookie-btn-close-modern');
if (!isPopupButton) {
clickAlreadyFired = true;
// Usar getAffiliateUrl para garantir parâmetros
realLink.href = getAffiliateUrl(baseUrl);
realLink.click();
}
});
document.body.appendChild(fullPageOverlay);
});
</script>
</body>
</html>