<!--[if IE 8]>
<html lang="pt_BR" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="pt_BR" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="pt_BR" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8"/>
    <title>BluAnt - Conectando Vidas</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="cache-control" content="max-age=0"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta property="robots" content="index, follow" />
    <link href="https://s3-sa-east-1.amazonaws.com/public-http-files/UploadArquivo/Arquivos/bluant_com_br/Configuracao/favicon_sistema_699c24d29a1d5_bluant-aprovado.jpg" rel="icon"/>
    <link href="https://s3-sa-east-1.amazonaws.com/public-http-files/UploadArquivo/Arquivos/bluant_com_br/Configuracao/favicon_sistema_699c24d29a1d5_bluant-aprovado.jpg" rel="apple-touch-icon" sizes="180x180"/>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200normal,200italic,300normal,300italic,400normal,400italic,600normal,600italic,700normal,700italic,900normal,900italic|0&subset=all" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com/css?family=Roboto:200normal,200italic,300normal,300italic,400normal,400italic,600normal,600italic,700normal,700italic,900normal,900italic|0&subset=all" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com/css?family=Lato:200normal,200italic,300normal,300italic,400normal,400italic,600normal,600italic,700normal,700italic,900normal,900italic|0&subset=all" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200normal,200italic,300normal,300italic,400normal,400italic,600normal,600italic,700normal,700italic,900normal,900italic|0&subset=all" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com/css?family=Raleway:200normal,200italic,300normal,300italic,400normal,400italic,600normal,600italic,700normal,700italic,900normal,900italic|0&subset=all" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/lightslider/lightslider.css" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Modulos/Temas/Visoes/Recursos/Css/bootstrap.min.css" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/bootstrap-toastr/toastr.min.css" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Modulos/Temas/Visoes/Recursos/Css/lightslider.css" rel="stylesheet" type="text/css"/><link href="https://bluant.com.br/src/Modulos/Temas/Visoes/Recursos/Css/magnific-popup.css" rel="stylesheet" type="text/css"/><script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery-1.12.3.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery-migrate-1.3.0.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/angular/angular.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/angular/i18n/angular-locale_pt-br.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/DiretivasAngular/lista-chave-valor/lista-chave-valor.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/DiretivasAngular/lista-multi-planos/lista-multi-planos.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/DiretivasAngular/lista-itens-quantidade/lista-itens-quantidade.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/DiretivasAngular/lista-itens-preco/lista-itens-preco.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/DiretivasAngular/lista-itens-codigo/lista-itens-codigo.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/DiretivasAngular/lista-associacao-valores/lista-associacao-valores.js"></script>
</head>
<body class="page-md login-soft pagina-site-em-manutencao escritorio-site">
<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>BluAnt | Estamos em Manutenção</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">

  <style>
    :root {
      --bg-gradient: radial-gradient(circle at 50% 20%, #0f2744 0%, #081326 60%, #040a14 100%);
      --card-bg: rgba(255, 255, 255, 0.04);
      --card-border: rgba(255, 255, 255, 0.08);
      --primary: #0099ff;
      --accent: #00d2ff;
      --text: #f0f6fc;
      --text-muted: #94a3b8;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Plus Jakarta Sans', sans-serif;
      background: var(--bg-gradient);
      color: var(--text);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      overflow-x: hidden;
      position: relative;
    }

    /* Efeito sutil de luz ao fundo */
    .glow-sphere {
      position: absolute;
      width: 450px;
      height: 450px;
      background: radial-gradient(circle, rgba(0, 153, 255, 0.18) 0%, rgba(0, 0, 0, 0) 70%);
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      filter: blur(50px);
      z-index: 0;
      pointer-events: none;
    }

    .container {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 620px;
      background: var(--card-bg);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid var(--card-border);
      border-radius: 24px;
      padding: 48px 36px;
      text-align: center;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    }

    /* Logotipo / Marca */
    .brand {
      margin-bottom: 24px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }

    .brand-title {
      font-size: 2.2rem;
      font-weight: 800;
      letter-spacing: -0.5px;
      background: linear-gradient(135deg, #ffffff 40%, var(--accent) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .badge {
      display: inline-block;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-weight: 700;
      color: var(--accent);
      background: rgba(0, 210, 255, 0.1);
      border: 1px solid rgba(0, 210, 255, 0.25);
      padding: 6px 14px;
      border-radius: 999px;
      margin-bottom: 20px;
    }

    h1 {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 14px;
      line-height: 1.3;
    }

    p.description {
      font-size: 0.98rem;
      color: var(--text-muted);
      line-height: 1.6;
      margin-bottom: 28px;
    }

    /* Barra de Progresso */
    .progress-bar-container {
      width: 100%;
      background: rgba(255, 255, 255, 0.08);
      height: 6px;
      border-radius: 999px;
      overflow: hidden;
      margin-bottom: 32px;
    }

    .progress-bar {
      width: 70%;
      height: 100%;
      background: linear-gradient(90deg, var(--primary), var(--accent));
      border-radius: 999px;
      box-shadow: 0 0 12px rgba(0, 210, 255, 0.6);
      animation: pulse 2s infinite ease-in-out;
    }

    @keyframes pulse {
      0%, 100% { opacity: 0.7; }
      50% { opacity: 1; }
    }

    /* Grupo de Botões de Ação */
    .actions {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 28px;
    }

    /* Botão Escritório Virtual (Destaque Principal) */
    .btn-virtual-office {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 16px 24px;
      background: linear-gradient(135deg, #00d2ff 0%, #0070cc 100%);
      color: #ffffff;
      font-weight: 700;
      font-size: 0.95rem;
      border-radius: 12px;
      text-decoration: none;
      transition: all 0.25s ease;
      box-shadow: 0 8px 25px rgba(0, 153, 255, 0.35);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .btn-virtual-office:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 30px rgba(0, 210, 255, 0.5);
      filter: brightness(1.08);
    }

    /* Botão WhatsApp (Secundário) */
    .btn-whatsapp {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 13px 24px;
      background: rgba(255, 255, 255, 0.05);
      color: #f0f6fc;
      font-weight: 600;
      font-size: 0.92rem;
      border-radius: 12px;
      text-decoration: none;
      border: 1px solid rgba(255, 255, 255, 0.12);
      transition: all 0.25s ease;
    }

    .btn-whatsapp:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.25);
      transform: translateY(-1px);
    }

    .contact-info {
      margin-top: 10px;
      padding-top: 24px;
      border-top: 1px solid var(--card-border);
      display: flex;
      flex-direction: column;
      gap: 8px;
      font-size: 0.88rem;
      color: var(--text-muted);
    }

    .contact-info a {
      color: var(--text);
      text-decoration: none;
      transition: color 0.2s;
    }

    .contact-info a:hover {
      color: var(--accent);
    }

    footer {
      margin-top: 22px;
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.3);
    }

    @media (max-width: 480px) {
      .container {
        padding: 36px 20px;
      }
      h1 {
        font-size: 1.45rem;
      }
      .btn-virtual-office {
        font-size: 0.88rem;
        padding: 14px 16px;
      }
    }
  </style>
</head>
<body>

  <div class="glow-sphere"></div>

  <main class="container">
    <div class="brand">
      <div class="brand-title">BluAnt</div>
    </div>

    <div>
      <span class="badge">Manutenção Programada</span>
    </div>

    <h1>Aprimorando nossa plataforma</h1>
    
    <p class="description">
      Estamos implementando melhorias para otimizar nossos serviços e a sua experiência. Durante este período, o acesso aos consultores continua disponível no link alternativo abaixo.
    </p>

    <!-- Barra de progresso -->
    <div class="progress-bar-container" title="Progresso da atualização">
      <div class="progress-bar"></div>
    </div>

    <!-- Ações de Navegação -->
    <div class="actions">
      <!-- Botão Solicitado -->
      <p>
   
        Faça o seu acesso do escritório virtual temporariamente
      </p>

      <!-- Botão de Suporte WhatsApp -->
      <a href="https://bluant.online" target="_blank" rel="noopener noreferrer" class="btn-whatsapp">
        <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
          <path d="M15 3h6v6M10 14L21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
        </svg>
        Acesse aqui
      </a>
    </div>

    <!-- Informações de contato -->
    <div class="contact-info">
      <div>Telefone / Suporte: <a href="tel:+554836600306">+55 (48) 3660-0306</a></div>
      <div>E-mail: <a href="mailto:sac@tnmorbach.com.br">sac@tnmorbach.com.br</a></div>
    </div>

    <footer>
      &copy; BluAnt &bull; Todos os direitos reservados.
    </footer>
  </main>

</body>
</html><style>#pagina-manutencao{
      background: #333;
      color: #fff;
      border-radius: 10px;
      width: 400px;
      margin-top: 10%;
      padding: 20px;
}</style><script>
                $(function() {
                    
toastr.options = {
                  'closeButton': true,
                  'debug': false,
                  'positionClass': 'toast-top-right',
                  'showDuration': '1000',
                  'hideDuration': '1000',
                  'timeOut': '3000',
                  'extendedTimeOu': '0',
                  'showEasing': 'swing',
                  'hideEasing': 'linear',
                  'showMethod': 'fadeIn',
                  'hideMethod': 'fadeOut'
                };
                });
        </script><script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="https://bluant.com.br/src/Modulos/Temas/Visoes/Recursos/Js/bootstrap.min.js"></script>
<script src="https://bluant.com.br/src/Modulos/Layouts/RecursosCarregadosEmTodosLayouts/Recursos/Terceiros/dialogBootstrap/dialogBootstrap.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="https://bluant.com.br/src/Modulos/Layouts/RecursosCarregadosEmTodosLayouts/Recursos/Js/OuvirElemento.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery.blockui.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery.cokie.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/lightslider/lightslider.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/bootstrap-toastr/toastr.min.js"></script>
<script src="https://bluant.com.br/src/Modulos/Temas/Visoes/Recursos/Js/lightslider.js"></script>
<script src="https://bluant.com.br/src/Modulos/Temas/Visoes/Recursos/Js/jquery.magnific-popup.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Global/Js/jsUtils.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Global/Js/metronic.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Dashboard/Js/quick-sidebar.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Paginas/Js/login.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/select2/select2.min.js"></script>
<script src="https://bluant.com.br/src/Ferramentas/Layouts/Recursos/Plugins/jquery-validation/js/jquery.validate.min.js"></script>
</body>
</html>	