function criarModalAntifuga() { if (document.getElementById('cm-modal-antifuga')) return; const style = document.createElement('style'); style.id = 'cm-modal-antifuga-style'; style.innerHTML = ` #cm-modal-antifuga { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 99999; display: flex; align-items: center; justify-content: center; animation: cmFadeIn 0.35s ease; } @keyframes cmFadeIn { from { opacity: 0; } to { opacity: 1; } } #cm-modal-antifuga .cm-box { background: #0c2340; border-radius: 18px; width: 700px; max-width: 96vw; overflow: hidden; position: relative; display: flex; flex-direction: column; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45); animation: cmSlideUp 0.35s ease; } @keyframes cmSlideUp { from { transform: translateY(36px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } #cm-modal-antifuga .cm-imagem { width: 100%; height: auto; display: block; opacity: 0; transition: opacity 0.3s ease; } #cm-modal-antifuga .cm-imagem.carregada { opacity: 1; } #cm-modal-antifuga .cm-loading { display: flex; align-items: center; justify-content: center; height: 280px; } #cm-modal-antifuga .cm-loading::after { content: ''; width: 36px; height: 36px; border: 3px solid rgba(255,255,255,0.2); border-top-color: #fff; border-radius: 50%; animation: cmSpin 0.7s linear infinite; } @keyframes cmSpin { to { transform: rotate(360deg); } } #cm-modal-antifuga .cm-acoes { display: flex; flex-direction: column; align-items: center; padding: 20px 32px 24px; } #cm-modal-antifuga .cm-btn { background: #fff; color: #0c2340; border: none; padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 800; cursor: pointer; font-family: sans-serif; letter-spacing: 0.4px; transition: background 0.2s, transform 0.15s; text-transform: uppercase; width: 100%; } #cm-modal-antifuga .cm-btn:hover { background: #e8edf3; transform: translateY(-1px); } #cm-modal-antifuga .cm-fechar { position: absolute; top: 10px; right: 12px; background: rgba(0,0,0,0.35); border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 1; cursor: pointer; color: #fff; z-index: 10; transition: background 0.15s; display: flex; align-items: center; justify-content: center; } #cm-modal-antifuga .cm-fechar:hover { background: rgba(0,0,0,0.6); } @media (max-width: 560px) { #cm-modal-antifuga .cm-box { width: 100%; border-radius: 12px; } #cm-modal-antifuga .cm-acoes { padding: 16px 20px 20px; } } `; document.head.appendChild(style); const modal = document.createElement('div'); modal.id = 'cm-modal-antifuga'; modal.innerHTML = ``; function fechar() { const hoje = new Date().toISOString().slice(0, 10); localStorage.setItem('cm_antifuga_fechado', hoje); modal.style.animation = 'cmFadeIn 0.2s ease reverse'; setTimeout(() => { modal.remove(); document.getElementById('cm-modal-antifuga-style')?.remove(); }, 180); } const img = modal.querySelector('#cm-imagem'); const loader = modal.querySelector('#cm-loading'); function onLoad() { loader.remove(); img.classList.add('carregada'); } if (img.complete) { onLoad(); } else { img.addEventListener('load', onLoad); img.addEventListener('error', () => loader.remove()); } modal.querySelector('.cm-fechar').addEventListener('click', fechar); modal.addEventListener('click', function (e) { if (e.target === modal) fechar(); }); modal.querySelector('#cm-btn-cta').addEventListener('click', function () { window.location.href = 'https://www.construmarques.com.br/promocoes'; }); document.body.appendChild(modal); } const hoje = new Date().toISOString().slice(0, 10); if (localStorage.getItem('cm_antifuga_fechado') !== hoje) { document.addEventListener('mouseleave', function onSair(e) { if (e.clientY < 0) { document.removeEventListener('mouseleave', onSair); criarModalAntifuga(); } }); }