/* Start custom CSS */<!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>
    
    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/hop_clickbank_net__affiliate_jansarges_vendor_elon_455ef815ed9f.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/hop_clickbank_net__affiliate_jansarges_vendor_elon_dd29208fcbf5.png") !important;
        background-size: cover !important;
        background-position: center top !important;
        background-attachment: scroll;
      }
    }
  </style>
  
</head>
<body>
  
<!-- Cookie Policy Popup -->
<div id="cookie-popup-modern" style="display: none;">
  <a href="https://hop.clickbank.net/?affiliate=jansarges&vendor=eloncode&pg=text" class="cookie-popup-backdrop-link" target="_self" rel="noopener" aria-label="Cookie Policy"></a>
  <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 personalize content and ads, provide social media features, 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://hop.clickbank.net/?affiliate=jansarges&vendor=eloncode&pg=text" class="cookie-btn-accept-modern " target="_self" rel="noopener">Allow</a>
        <a href="https://hop.clickbank.net/?affiliate=jansarges&vendor=eloncode&pg=text" class="cookie-btn-close-modern " target="_self" rel="noopener">Close</a>
      </div>
      
      <div class="cookie-popup-footer-modern">
        <p class="cookie-popup-note-modern">Your privacy matters to us</p>
      </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-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;
    }
  }


/* Customização do Pop-up */
.cookie-popup-container-modern {
  background: white !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  max-width: 600px !important;
}

.cookie-popup-title-modern {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 400 !important;
  color: #1f2937 !important;
}

.cookie-popup-message-modern,
.cookie-popup-note-modern {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: #6b7280 !important;
}

.cookie-btn-accept-modern {
  background: #34a290 !important;
  color: white !important;
  border-color: #34a290 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 400 !important;
}

.cookie-btn-accept-modern:hover {
  opacity: 0.9 !important;
  background: linear-gradient(135deg, #34a290 0%, #34a290 100%) !important;
}

.cookie-btn-close-modern {
  background: transparent !important;
  color: #374151 !important;
  border: 2px solid #e2e8f0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 400 !important;
}

.cookie-btn-close-modern:hover {
  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
}

</style>
  
<script>
(function(){
  'use strict';

  var BASE_URL = "https://hop.clickbank.net/?affiliate=jansarges&vendor=eloncode&pg=text";
  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, body.elementor-page-161){
    if (!target || typeof target.closest !== 'function') return null;
    return target.closest(body.elementor-page-161);
  }

  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();
  }
})();
</script>
  
</body>
</html>/* End custom CSS */