<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>BUENO FINTECH | Serviços comerciais e financeiros em Porto Alegre - RS</title>
  <meta name="description" content="BUENO FINTECH, estabelecimento da BUENO FINTECH LTDA, com promoção de vendas e atividades auxiliares de serviços financeiros em Porto Alegre - RS." />
  <script src="https://cdn.tailwindcss.com"></script>
  <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=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
  <style>
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      overflow-x: hidden;
      font-family: 'Inter', sans-serif;
      background:
        radial-gradient(circle at 12% 10%, rgba(37, 99, 235, .18), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(56, 189, 248, .12), transparent 25%),
        #050816;
      color: #e5eefc;
    }
    .grid-bg {
      background-image:
        linear-gradient(rgba(56, 189, 248, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, .045) 1px, transparent 1px);
      background-size: 42px 42px;
    }
    .card {
      background: rgba(9, 20, 41, .88);
      border: 1px solid #1d3557;
      border-radius: 18px;
      box-shadow: 0 18px 55px rgba(2, 8, 23, .22);
    }
    .panel {
      background: linear-gradient(145deg, rgba(13, 32, 64, .97), rgba(6, 16, 35, .97));
      border: 1px solid #23517a;
      border-radius: 20px;
      box-shadow: 0 28px 80px rgba(2, 8, 23, .48);
    }
    .btn-accent {
      background: linear-gradient(135deg, #38bdf8, #2563eb);
      color: #ffffff;
      font-weight: 800;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(37, 99, 235, .28);
      transition: .2s ease;
    }
    .btn-wa {
      background: #22c55e;
      color: #04140a;
      font-weight: 800;
      border-radius: 12px;
      transition: .2s ease;
    }
    .btn-accent:hover, .btn-wa:hover {
      filter: brightness(1.06);
      transform: translateY(-1px);
    }
    .eyebrow {
      color: #38bdf8;
      text-transform: uppercase;
      letter-spacing: .16em;
      font-size: .75rem;
      font-weight: 800;
    }
    .data-line {
      position: relative;
      overflow: hidden;
    }
    .data-line::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 72%;
      height: 2px;
      background: linear-gradient(90deg, #38bdf8, transparent);
    }
    .iconbox {
      display: flex;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      border-radius: 14px;
      border: 1px solid rgba(56, 189, 248, .28);
      background: rgba(56, 189, 248, .09);
      color: #7dd3fc;
      font-weight: 900;
    }
    .chip {
      border: 1px solid rgba(56, 189, 248, .22);
      background: rgba(8, 47, 73, .34);
      color: #bae6fd;
      border-radius: 999px;
    }
  </style>
</head>
<body>
  <header class="sticky top-0 z-50 border-b border-[#18304f] bg-[#050816]/90 backdrop-blur-xl">
    <div class="mx-auto flex max-w-7xl items-center justify-between gap-5 px-6 py-4 lg:px-8">
      <a href="#inicio" class="flex min-w-0 items-center gap-3">
        <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-[#38bdf8] to-[#2563eb] text-sm font-black text-white shadow-lg shadow-blue-950">BF</div>
        <div class="min-w-0">
          <p class="truncate text-sm font-black text-white">BUENO FINTECH</p>
          <p class="truncate text-xs text-slate-400">CNPJ 01.866.380/0001-04 · PORTO ALEGRE/RS</p>
          <p class="truncate text-xs font-semibold text-[#38bdf8]">BUENO FINTECH LTDA</p>
        </div>
      </a>

      <nav class="hidden items-center gap-7 text-sm font-semibold text-slate-300 lg:flex">
        <a href="#sobre" class="hover:text-[#38bdf8]">Sobre</a>
        <a href="#servicos" class="hover:text-[#38bdf8]">Atividades</a>
        <a href="#registro" class="hover:text-[#38bdf8]">Registro</a>
        <a href="#contato" class="hover:text-[#38bdf8]">Contato</a>
      </nav>

      <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-accent px-5 py-3 text-sm">Falar com a empresa</a>
    </div>
  </header>

  <main id="inicio">
    <section class="grid-bg">
      <div class="mx-auto grid max-w-7xl items-center gap-12 px-6 py-20 lg:grid-cols-[1.15fr_.85fr] lg:px-8 lg:py-28">
        <div>
          <span class="eyebrow">BUENO FINTECH · PORTO ALEGRE/RS</span>
          <h1 class="mt-5 max-w-4xl text-4xl font-black leading-tight tracking-tight text-white sm:text-5xl lg:text-6xl">
            Conexões para serviços financeiros, vendas e cobrança
          </h1>
          <p class="mt-6 max-w-2xl text-base leading-8 text-slate-300 sm:text-lg">
            Informações institucionais da BUENO FINTECH, estabelecimento da BUENO FINTECH LTDA, com situação cadastral ATIVA e atividades declaradas em promoção de vendas, correspondência financeira, serviços auxiliares e cobranças.
          </p>
          <div class="mt-7 flex flex-wrap gap-2">
            <span class="chip px-4 py-2 text-xs font-bold">Promoção de vendas</span>
            <span class="chip px-4 py-2 text-xs font-bold">Serviços financeiros</span>
            <span class="chip px-4 py-2 text-xs font-bold">Cobranças e cadastro</span>
          </div>
          <div class="mt-9 flex flex-col gap-3 sm:flex-row">
            <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-wa px-6 py-4 text-center">Falar pelo WhatsApp</a>
            <a href="#servicos" class="rounded-xl border border-[#24517a] bg-[#0a1930] px-6 py-4 text-center font-bold text-white hover:border-[#38bdf8]">Conhecer atividades</a>
          </div>
        </div>

        <aside class="panel relative overflow-hidden p-6 sm:p-8">
          <div class="absolute -right-16 -top-16 h-48 w-48 rounded-full bg-[#2563eb]/20 blur-3xl"></div>
          <div class="relative">
            <div class="flex items-center justify-between gap-4">
              <span class="eyebrow">Painel institucional</span>
              <span class="rounded-full border border-[#22c55e]/25 bg-[#22c55e]/10 px-3 py-1 text-xs font-black text-[#4ade80]">ATIVA</span>
            </div>
            <h2 class="mt-5 text-2xl font-black text-white">Áreas declaradas no cadastro</h2>

            <div class="mt-7 space-y-3">
              <div class="data-line flex items-center gap-4 rounded-2xl border border-[#244362] bg-[#07152a] p-4">
                <div class="iconbox">01</div>
                <div>
                  <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Comercial</p>
                  <p class="mt-1 font-bold text-white">Promoção de vendas</p>
                </div>
              </div>
              <div class="data-line flex items-center gap-4 rounded-2xl border border-[#244362] bg-[#07152a] p-4">
                <div class="iconbox">02</div>
                <div>
                  <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Financeiro</p>
                  <p class="mt-1 font-bold text-white">Correspondência e apoio</p>
                </div>
              </div>
              <div class="data-line flex items-center gap-4 rounded-2xl border border-[#244362] bg-[#07152a] p-4">
                <div class="iconbox">03</div>
                <div>
                  <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Informações</p>
                  <p class="mt-1 font-bold text-white">Cobranças e cadastros</p>
                </div>
              </div>
            </div>

            <div class="mt-6 rounded-2xl border border-[#244362] bg-[#061124] p-5">
              <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Contato por WhatsApp</p>
              <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="mt-2 block text-xl font-black text-white">(11) 91269-6931</a>
              <p class="mt-2 text-sm text-slate-500">Porto Alegre - RS</p>
            </div>
            <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-accent mt-5 block w-full px-6 py-4 text-center">Solicitar informações</a>
          </div>
        </aside>
      </div>
    </section>

    <section id="sobre" class="border-y border-[#132944] bg-[#071020]">
      <div class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
        <span class="eyebrow">Sobre</span>
        <h2 class="mt-3 max-w-3xl text-3xl font-black tracking-tight text-white sm:text-4xl">Estrutura voltada a conexões comerciais e financeiras</h2>
        <p class="mt-6 max-w-5xl text-base leading-8 text-slate-300 sm:text-lg">
          Constituída em 02/06/1997, a BUENO FINTECH LTDA, com nome fantasia BUENO FINTECH, possui atividades cadastradas nos segmentos de promoção de vendas, correspondência de instituições financeiras, serviços financeiros auxiliares e cobranças, com sede em PORTO ALEGRE - RS.
        </p>

        <div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
          <div class="card p-5">
            <div class="iconbox">RS</div>
            <p class="mt-5 text-xs font-bold uppercase tracking-widest text-slate-500">Razão Social</p>
            <p class="mt-2 font-bold text-white">BUENO FINTECH LTDA</p>
          </div>
          <div class="card p-5">
            <div class="iconbox">BF</div>
            <p class="mt-5 text-xs font-bold uppercase tracking-widest text-slate-500">Nome Fantasia</p>
            <p class="mt-2 font-bold text-white">BUENO FINTECH</p>
          </div>
          <div class="card p-5">
            <div class="iconbox">ME</div>
            <p class="mt-5 text-xs font-bold uppercase tracking-widest text-slate-500">Porte</p>
            <p class="mt-2 font-bold text-white">ME</p>
          </div>
          <div class="card p-5">
            <div class="iconbox">RS</div>
            <p class="mt-5 text-xs font-bold uppercase tracking-widest text-slate-500">Localidade</p>
            <p class="mt-2 font-bold text-white">PORTO ALEGRE - RS</p>
          </div>
        </div>
      </div>
    </section>

    <section id="servicos" class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
      <span class="eyebrow">Atividades</span>
      <h2 class="mt-3 text-3xl font-black tracking-tight text-white sm:text-4xl">Frentes econômicas declaradas</h2>
      <p class="mt-4 max-w-3xl leading-7 text-slate-400">CNAEs presentes nos dados cadastrais fornecidos para a empresa.</p>

      <div class="mt-10 grid gap-5 lg:grid-cols-2">
        <article class="card flex flex-col p-6 sm:p-8">
          <div class="flex flex-wrap items-center justify-between gap-3">
            <span class="chip px-3 py-1 text-xs font-extrabold">CNAE PRINCIPAL</span>
            <span class="text-sm font-bold text-[#7dd3fc]">73.19-0-02</span>
          </div>
          <div class="mt-6 iconbox">01</div>
          <h3 class="mt-5 text-xl font-extrabold leading-8 text-white">Promoção de vendas (Dispensada *)</h3>
          <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-accent mt-7 block px-5 py-4 text-center text-sm">Solicitar informações</a>
        </article>

        <article class="card flex flex-col p-6 sm:p-8">
          <div class="flex flex-wrap items-center justify-between gap-3">
            <span class="chip px-3 py-1 text-xs font-extrabold">CNAE SECUNDÁRIO</span>
            <span class="text-sm font-bold text-[#7dd3fc]">66.19-3-02</span>
          </div>
          <div class="mt-6 iconbox">02</div>
          <h3 class="mt-5 text-xl font-extrabold leading-8 text-white">Correspondentes de instituições financeiras (Dispensada *)</h3>
          <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-accent mt-7 block px-5 py-4 text-center text-sm">Solicitar informações</a>
        </article>

        <article class="card flex flex-col p-6 sm:p-8">
          <div class="flex flex-wrap items-center justify-between gap-3">
            <span class="chip px-3 py-1 text-xs font-extrabold">CNAE SECUNDÁRIO</span>
            <span class="text-sm font-bold text-[#7dd3fc]">66.19-3-99</span>
          </div>
          <div class="mt-6 iconbox">03</div>
          <h3 class="mt-5 text-xl font-extrabold leading-8 text-white">Outras atividades auxiliares dos serviços financeiros não especificadas anteriormente (Dispensada *)</h3>
          <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-accent mt-7 block px-5 py-4 text-center text-sm">Solicitar informações</a>
        </article>

        <article class="card flex flex-col p-6 sm:p-8">
          <div class="flex flex-wrap items-center justify-between gap-3">
            <span class="chip px-3 py-1 text-xs font-extrabold">CNAE SECUNDÁRIO</span>
            <span class="text-sm font-bold text-[#7dd3fc]">82.91-1-00</span>
          </div>
          <div class="mt-6 iconbox">04</div>
          <h3 class="mt-5 text-xl font-extrabold leading-8 text-white">Atividades de cobranças e informações cadastrais (Dispensada *)</h3>
          <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-accent mt-7 block px-5 py-4 text-center text-sm">Solicitar informações</a>
        </article>
      </div>
    </section>

    <section id="registro" class="border-y border-[#132944] bg-[#071020]">
      <div class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
        <span class="eyebrow">Registro</span>
        <h2 class="mt-3 text-3xl font-black tracking-tight text-white sm:text-4xl">Informações cadastrais</h2>

        <div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
          <div class="card p-5 lg:col-span-2">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Razão Social</p>
            <p class="mt-2 font-bold text-white">BUENO FINTECH LTDA</p>
          </div>
          <div class="card p-5 lg:col-span-2">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Nome Fantasia</p>
            <p class="mt-2 font-bold text-white">BUENO FINTECH</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">CNPJ</p>
            <p class="mt-2 font-bold text-white">01.866.380/0001-04</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Situação Cadastral</p>
            <p class="mt-2 font-bold text-[#4ade80]">ATIVA</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Estabelecimento</p>
            <p class="mt-2 font-bold text-white">MATRIZ</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Porte</p>
            <p class="mt-2 font-bold text-white">ME</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Data de Inscrição no CNPJ</p>
            <p class="mt-2 font-bold text-white">02/06/1997</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Data de Constituição</p>
            <p class="mt-2 font-bold text-white">02/06/1997</p>
          </div>
          <div class="card p-5 sm:col-span-2">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Natureza Jurídica</p>
            <p class="mt-2 font-bold text-white">206-2 - Sociedade Empresária Limitada</p>
          </div>
          <div class="card p-5 sm:col-span-2">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Data da Situação Cadastral</p>
            <p class="mt-2 font-bold text-white">03/11/2005</p>
          </div>
          <div class="card p-5 sm:col-span-2 lg:col-span-3">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Endereço</p>
            <p class="mt-2 font-bold leading-7 text-white">AV DA CAVALHADA, 4530, BLOCO 1 APT 701, VILA NOVA, PORTO ALEGRE - RS</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">CEP</p>
            <p class="mt-2 font-bold text-white">91.740-000</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Complemento</p>
            <p class="mt-2 font-bold text-white">BLOCO 1 APT 701</p>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">Telefone</p>
            <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="mt-2 block font-bold text-white hover:text-[#4ade80]">(11) 91269-6931</a>
          </div>
          <div class="card p-5 sm:col-span-2">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">E-mail</p>
            <a href="mailto:contato.buenofintechltda@mailto.plus" class="mt-2 block break-all font-bold text-white hover:text-[#38bdf8]">contato.buenofintechltda@mailto.plus</a>
          </div>
          <div class="card p-5">
            <p class="text-xs font-bold uppercase tracking-widest text-slate-500">EFR</p>
            <p class="mt-2 font-bold text-white">*****</p>
          </div>
        </div>
      </div>
    </section>

    <section id="contato" class="grid-bg">
      <div class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
        <div class="panel p-8 sm:p-10 lg:p-12">
          <div class="grid items-center gap-8 lg:grid-cols-[1fr_auto]">
            <div>
              <span class="eyebrow">Contato</span>
              <h2 class="mt-3 text-3xl font-black text-white sm:text-4xl">Fale com a BUENO FINTECH</h2>
              <p class="mt-4 max-w-2xl text-slate-300">Utilize o contato informado para solicitar informações relacionadas às atividades da empresa.</p>
              <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="mt-5 inline-block text-2xl font-black text-[#4ade80]">(11) 91269-6931</a>
            </div>
            <a href="https://wa.me/5511912696931" target="_blank" rel="noopener noreferrer" class="btn-wa px-7 py-4 text-center">Iniciar contato</a>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="border-t border-[#18304f] bg-[#050816]">
    <div class="mx-auto flex max-w-7xl flex-col gap-2 px-6 py-8 text-sm text-slate-500 sm:flex-row sm:items-center sm:justify-between lg:px-8">
      <p>© 2026 BUENO FINTECH LTDA · CNPJ 01.866.380/0001-04</p>
      <p>PORTO ALEGRE - RS · BUENO FINTECH</p>
    </div>
  </footer>
</body>
</html>