<!DOCTYPE HTML>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, follow">
<title data-es="No se pudo cargar la página" data-en="Couldn't load the page">Não foi possível carregar a página</title>
<style>
  :root{
    --ink:#1F2328;
    --muted:#6B7280;
    --line:#E5E7EB;
    --canvas:#F3F4F6;
    --paper:#FFFFFF;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    min-height:100vh;min-height:100svh;
    display:flex;align-items:center;justify-content:center;
    padding:32px 20px;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:var(--ink);
    background-color:var(--canvas);
    background-image:
      linear-gradient(rgba(31,35,40,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(31,35,40,.05) 1px, transparent 1px);
    background-size:28px 28px, 28px 28px;
  }
  .card{
    width:100%;max-width:520px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:18px;
    padding:44px 40px 28px;
    text-align:center;
    box-shadow:0 1px 2px rgba(31,35,40,.04), 0 24px 60px -24px rgba(31,35,40,.20);
  }
  .logo{display:block;max-width:230px;height:auto;width:auto;margin:0 auto}
  .status{
    margin:32px 0 12px;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
    color:var(--muted);
  }
  h1{font-size:clamp(24px,5vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:700}
  .lead{margin:14px auto 0;font-size:15.5px;line-height:1.6;color:var(--muted);max-width:40ch}
  .actions{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
  .btn{
    display:inline-block;font-size:14px;font-weight:600;text-decoration:none;
    padding:11px 18px;border-radius:9px;border:1px solid transparent;
    background:var(--ink);color:#fff;
    transition:opacity .15s ease, transform .15s ease;
  }
  .btn:hover{opacity:.88;transform:translateY(-1px)}
  .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  footer{
    margin-top:30px;padding-top:18px;border-top:1px solid var(--line);
    font-size:12px;color:#9CA3AF;
  }
  @media (max-width:480px){.card{padding:30px 24px 22px;border-radius:14px}.btn{display:block;text-align:center}}
  @media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}
</style>
</head>
<body>
  <main class="card">
    <img class="logo" src="/img/logo-topo.png" onerror="this.style.display='none'" alt="logo">

    <div class="status" data-es="Error temporal" data-en="Temporary error">Erro temporário</div>

    <h1 data-es="No pudimos cargar esta página" data-en="We couldn't load this page">Não foi possível carregar esta página</h1>
    <p class="lead" data-es="Puede haber sido una interrupción momentánea de la conexión. Inténtelo de nuevo en unos instantes." data-en="It may have been a brief connection hiccup. Please try again in a few moments.">Pode ter sido uma instabilidade momentânea na conexão. Tente novamente em alguns instantes.</p>

    <div class="actions">
      <a class="btn" href="#" onclick="location.reload();return false;" data-es="Intentar de nuevo" data-en="Try again">Tentar novamente</a>
    </div>

    <footer data-es="Si el problema continúa, contacte al soporte." data-en="If the problem continues, contact support.">Se o problema continuar, entre em contato com o suporte.</footer>
  </main>

<script>
  // Idioma vem do idioma.php do site (gravado aqui na criacao do arquivo).
  // Se por algum motivo vier vazio, cai no palpite pelo dominio.
  var forcado = 'pt';
  var host = (window.location.hostname || '').toLowerCase();
  var lang = forcado ? forcado
           : /\.br$/.test(host) ? 'pt'
           : /\.(mx|cl|es|co|ar|pe|uy|ve|ec|gt|bo|do|hn|py|sv|ni|cr|pa)$/.test(host) ? 'es'
           : /\.(com|net|org)$/.test(host) ? 'en'
           : 'pt';
  if (lang !== 'pt'){
    document.documentElement.lang = lang;
    var els = document.querySelectorAll('[data-'+lang+']');
    for (var i=0;i<els.length;i++){
      var t = els[i].getAttribute('data-'+lang);
      if (t) els[i].textContent = t;
    }
  }
</script>
</body>
</html>