<div class="raw-html-embed"> 
  <style> 
    
    .container-pg { 
      border-radius: 12px; 
      max-width: 500px;
      width: 100%; 
      margin: -70px auto 0;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    
    .logo {
      margin-bottom: 32px;
    }
    
    .logo-text {
      font-size: 24px;
      font-weight: 700;
      color: #1c2048;
      letter-spacing: -0.5px;
    }
    
    .icon {
      width: 64px;
      height: 64px;
      background: #f0f4f8;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 24px auto;
      font-size: 32px;
    }
    
    h1 {
      font-size: 24px;
      font-weight: 700;
      color: #1c2048;
      margin-bottom: 16px;
      letter-spacing: -0.5px;
    }
    
    .message {
      font-size: 16px;
      color: #6b7280;
      line-height: 1.6;
      margin-bottom: 32px;
    }
    
    .cta-button {
      display: inline-block;
      background: #1c2048;
      color: white;
      padding: 14px 32px;
      border-radius: 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
      border: none;
      cursor: pointer;
      transition: all 0.3s ease;
      margin-bottom: 24px;
    }
    
    .cta-button:hover {
      background: #002855;
      transform: translateY(-2px); 
    }
    
    .cta-button:active {
      transform: translateY(0);
    }
    
    .countdown-box {
      background: #f9fafb;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      padding: 16px;
      margin-top: 24px;
    }
    
    .countdown-label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #9ca3af;
      margin-bottom: 8px;
      display: block;
    }
    
    .countdown-timer {
      font-size: 24px;
      font-weight: 700;
      color: #003d7f;
    }
    
    .countdown-timer::after {
      content: 's';
      font-size: 14px;
      margin-left: 4px;
      opacity: 0.7;
    }
    
    .divider {
      height: 1px;
      background: #e5e7eb;
      margin: 24px 0;
    }
    
    .footer-text {
      font-size: 13px;
      color: #9ca3af;
      line-height: 1.5;
    }
    
    @media (max-width: 480px) {
      .container {
        padding: 32px 24px;
      }
      
      h1 {
        font-size: 24px;
      }
      
      .message {
        font-size: 15px;
      }
      
      .cta-button {
        width: 100%;
      }
    }
  </style>
 
  <div class="container-pg"> 
    
    <h1>Atenção</h1>
    <p class="message">Essa página foi movida para outro endereço.</p>
    
    <button class="cta-button" onclick="redirectNow()">Clique aqui para acessar</button>
    
    <div class="countdown-box">
      <span class="countdown-label">Redirecionando automaticamente em</span>
      <div class="countdown-timer" id="countdown">10</div>
    </div>
    
    <div class="divider"></div>
    
    <p class="footer-text">
      Se você não for redirecionado automaticamente, <a href="#" onclick="redirectNow(); return false;" style="color: #003d7f; text-decoration: none; font-weight: 600;">clique aqui</a>.
    </p>
  </div>

  <script>
    function redirectNow() {
        window.location.href = '/diretiva-de-privacidade';
    }
    
    // Contador regressivo
    let seconds = 10;
    const countdownEl = document.getElementById('countdown');
    
    const countdown = setInterval(() => {
      seconds--;
      countdownEl.textContent = seconds;
      
      if (seconds <= 0) {
        clearInterval(countdown);
        redirectNow();
      }
    }, 1000);
    
    // Redireciona automaticamente após 10 segundos se não clicar
    setTimeout(() => {
      if (seconds > 0) {
        redirectNow();
      }
    }, seconds * 1000);
  </script> </div>