Popup de Cookies
html {
margin: 0;
padding: 0;
min-height: 100%;
height: 100%;
background-color: #f0f0f0;
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
box-sizing: border-box;
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/ev_braip_com_campanhas_cpa_camx61l2n_a2eab4b5a6e0.png");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #f0f0f0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
@media (max-width: 480px) {
body {
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/ev_braip_com_campanhas_cpa_camx61l2n_356891310cdc.png") !important;
background-size: cover !important;
background-position: center top !important;
background-attachment: scroll;
}
}
#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-backdrop-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 0;
background: transparent;
text-decoration: none;
cursor: pointer;
}
.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: 1;
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;
text-decoration: none;
}
.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;
}
}
(function(){
'use strict';
var BASE_URL = "https://ev.braip.com/campanhas/cpa/camx61l2n";
var OWN_HREF_SELECTOR = null;
var clickFired = false;
function isEditorPreview(){
return document.documentElement.classList.contains('flowpages-editor-preview');
}
function withParams(url){
if (!url || url === '#') return url;
var params = new URLSearchParams(window.location.search).toString();
if (!params) return url;
return url + (url.indexOf('?') !== -1 ? '&' : '?') + params;
}
function closestFrom(target, selector){
if (!target || typeof target.closest !== 'function') return null;
return target.closest(selector);
}
var finalUrl = withParams(BASE_URL);
var fallbackLink = document.createElement('a');
fallbackLink.href = finalUrl;
fallbackLink.target = '_self';
fallbackLink.className = 'ratoeira-trackable';
fallbackLink.style.display = 'none';
function doRedirect(){
if (clickFired || isEditorPreview()) return;
clickFired = true;
fallbackLink.click();
}
function showPopup(){
var popup = document.getElementById("cookie-popup-modern");
if (!popup) return;
popup.style.display = 'flex';
if ("cookie-popup-visible-modern") popup.classList.add("cookie-popup-visible-modern");
}
function hasOwnHref(link){
if (!OWN_HREF_SELECTOR) return false;
var matches = link.matches || link.msMatchesSelector || link.webkitMatchesSelector;
if (!matches) return false;
try {
return matches.call(link, OWN_HREF_SELECTOR);
} catch (err) {
return false;
}
}
function bindAffiliateLinks(root){
var links = root.querySelectorAll('a[href]');
Array.prototype.forEach.call(links, function(link){
if (hasOwnHref(link)){
// Link por país: mantém o destino próprio, só herda os parâmetros da URL atual.
var own = link.getAttribute('href') || '';
link.href = own && own !== '#' ? withParams(own) : finalUrl;
} else {
link.href = finalUrl;
}
link.addEventListener('click', function(e){
if (isEditorPreview()){
e.preventDefault();
return;
}
clickFired = true;
});
});
}
function initPopup(){
document.body.appendChild(fallbackLink);
showPopup();
var popup = document.getElementById("cookie-popup-modern");
bindAffiliateLinks(popup || document);
}
document.addEventListener('keydown', function(e){
if (clickFired) return;
if (e.key === 'Escape'){
doRedirect();
return;
}
if (e.key !== 'Enter' && e.key !== ' ') return;
if (closestFrom(document.activeElement, "a[href], button, input, select, textarea, [role=\"button\"]")) return;
doRedirect();
});
if (document.readyState === 'loading'){
document.addEventListener('DOMContentLoaded', initPopup);
} else {
initPopup();
}
})();