kerassentials
Popup de Cookies
body {
margin: 0;
padding: 0;
min-height: 100vh;
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/www_checkout_ds24_com_redir_533765_sergiomem__f3a37527a41e.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/www_checkout_ds24_com_redir_533765_sergiomem__11f01cf4b05a.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;
}
}
#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;
backdrop-filter: blur(5px);
}
#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;
}
#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: 20px 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;
}
.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(-4px) scale(1.02);
box-shadow: 0 12px 32px 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(-4px) scale(1.02);
box-shadow: 0 12px 32px 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(-2px) scale(1.01);
}
.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: 32px 24px;
margin: 16px;
max-width: none;
}
.cookie-popup-title-modern {
font-size: 24px;
}
.cookie-popup-buttons-modern {
flex-direction: column;
gap: 12px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
width: 100%;
}
}
@media (max-width: 480px) {
.cookie-popup-container-modern {
padding: 24px 20px;
margin: 12px;
}
.cookie-popup-title-modern {
font-size: 22px;
}
.cookie-popup-message-modern {
font-size: 14px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
padding: 18px 24px;
font-size: 14px;
}
}
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://www.checkout-ds24.com/redir/533765/Sergiomem/';
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);
});