<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TS SARAIVA LTDA — Viana - ES</title>
<meta name="description" content="TS SARAIVA LTDA — Transporte rodoviário de produtos perigosos em Viana - ES. CNPJ 79.240.552/0002-08." />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
<style>
  body { font-family: 'Inter', system-ui, sans-serif; background: #0a0a0a; color: #e5e5e5; }
  .card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
  .btn-accent { background: #facc15; color: #0a0a0a; font-weight: 700; border-radius: 12px; padding: 12px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: filter .2s; }
  .btn-accent:hover { filter: brightness(1.08); }
  .btn-wa { background: #22c55e; color: #0a0a0a; font-weight: 700; border-radius: 12px; padding: 12px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: filter .2s; }
  .btn-wa:hover { filter: brightness(1.08); }
  .label { color: #a3a3a3; font-size: .8rem; font-weight: 600; }
  .muted { color: #a3a3a3; }
  a:focus-visible, button:focus-visible { outline: 2px solid #facc15; outline-offset: 3px; }
  html { scroll-behavior: smooth; }
</style>
</head>
<body class="antialiased">

<!-- HEADER -->
<header class="border-b border-[#1f1f1f] sticky top-0 z-50 bg-[#0a0a0a]/95 backdrop-blur">
  <div class="max-w-6xl mx-auto px-5 py-4 flex flex-col md:flex-row md:items-center md:justify-between gap-4">
    <div class="flex items-center gap-3">
      <div class="w-12 h-12 rounded-xl bg-[#facc15] text-[#0a0a0a] font-black text-lg flex items-center justify-center">TS</div>
      <div class="leading-tight">
        <p class="font-extrabold text-white">TS SARAIVA LTDA</p>
        <p class="text-xs muted">CNPJ 79.240.552/0002-08 • Viana - ES</p>
        <p class="text-xs muted">Nome fantasia: não informado</p>
      </div>
    </div>
    <nav class="flex flex-wrap items-center gap-5 text-sm font-semibold">
      <a href="#sobre" class="hover:text-[#facc15]">Sobre</a>
      <a href="#servicos" class="hover:text-[#facc15]">Serviços</a>
      <a href="#registro" class="hover:text-[#facc15]">Registro</a>
      <a href="#contato" class="hover:text-[#facc15]">Contato</a>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-accent text-sm">Agendar</a>
    </nav>
  </div>
</header>

<main>
<!-- HERO -->
<section class="max-w-6xl mx-auto px-5 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
  <div>
    <h1 class="text-4xl md:text-5xl font-black text-white leading-tight">Qualidade e confiança em transporte rodoviário de produtos perigosos</h1>
    <p class="mt-5 text-lg muted">Atendimento profissional e compromisso com cada cliente. A TS SARAIVA LTDA atua em Viana - ES com seriedade, segurança e responsabilidade em todas as etapas do serviço.</p>
    <div class="mt-8 flex flex-wrap gap-3">
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa">Falar no WhatsApp</a>
      <a href="#servicos" class="btn-accent">Ver serviços</a>
    </div>
  </div>
  <div class="card p-7">
    <p class="label">Agendamento</p>
    <h2 class="text-2xl font-extrabold text-white mt-1">Agende pelo WhatsApp</h2>
    <p class="muted mt-3">Fale diretamente com a nossa equipe e solicite seu horário ou orçamento.</p>
    <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="block mt-5 text-3xl font-black text-[#22c55e] hover:underline">(31) 97554-7231</a>
    <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa w-full mt-6">Agendar agora</a>
  </div>
</section>

<!-- SOBRE -->
<section id="sobre" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
  <h2 class="text-3xl font-black text-white">Sobre a empresa</h2>
  <p class="mt-4 text-lg muted max-w-3xl">Fundada em 18/11/2024, a empresa TS SARAIVA LTDA atua no segmento de transporte rodoviário de produtos perigosos, com sede em Viana - ES.</p>
  <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-8">
    <div class="card p-5"><p class="label">Razão Social</p><p class="font-bold text-white mt-1">TS SARAIVA LTDA</p></div>
    <div class="card p-5"><p class="label">Nome Fantasia</p><p class="font-bold text-white mt-1">Não informado</p></div>
    <div class="card p-5"><p class="label">Porte</p><p class="font-bold text-white mt-1">DEMAIS</p></div>
    <div class="card p-5"><p class="label">Atividade Principal</p><p class="font-bold text-white mt-1">Transporte rodoviário de produtos perigosos</p></div>
  </div>
</section>

<!-- SERVIÇOS -->
<section id="servicos" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
  <h2 class="text-3xl font-black text-white">Serviços</h2>
  <p class="mt-3 muted">Atividades econômicas registradas no CNPJ.</p>
  <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
    <div class="card p-6 flex flex-col">
      <p class="text-sm font-bold text-[#facc15]">CNAE 49.30-2-03 • Principal</p>
      <p class="text-white font-semibold mt-2 flex-1">Transporte rodoviário de produtos perigosos</p>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa mt-5 text-sm">Agendar</a>
    </div>
    <div class="card p-6 flex flex-col">
      <p class="text-sm font-bold text-[#facc15]">CNAE 17.49-4-00</p>
      <p class="text-white font-semibold mt-2 flex-1">Fabricação de produtos de pastas celulósicas, papel, cartolina, papel-cartão e papelão ondulado não especificados anteriormente</p>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa mt-5 text-sm">Agendar</a>
    </div>
    <div class="card p-6 flex flex-col">
      <p class="text-sm font-bold text-[#facc15]">CNAE 46.87-7-01</p>
      <p class="text-white font-semibold mt-2 flex-1">Comércio atacadista de resíduos de papel e papelão</p>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa mt-5 text-sm">Agendar</a>
    </div>
    <div class="card p-6 flex flex-col">
      <p class="text-sm font-bold text-[#facc15]">CNAE 46.87-7-02</p>
      <p class="text-white font-semibold mt-2 flex-1">Comércio atacadista de resíduos e sucatas não-metálicos, exceto de papel e papelão</p>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa mt-5 text-sm">Agendar</a>
    </div>
    <div class="card p-6 flex flex-col">
      <p class="text-sm font-bold text-[#facc15]">CNAE 49.30-2-02</p>
      <p class="text-white font-semibold mt-2 flex-1">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional</p>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa mt-5 text-sm">Agendar</a>
    </div>
    <div class="card p-6 flex flex-col">
      <p class="text-sm font-bold text-[#facc15]">CNAE 82.11-3-00</p>
      <p class="text-white font-semibold mt-2 flex-1">Serviços combinados de escritório e apoio administrativo</p>
      <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-wa mt-5 text-sm">Agendar</a>
    </div>
  </div>
</section>

<!-- REGISTRO -->
<section id="registro" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
  <h2 class="text-3xl font-black text-white">Registro</h2>
  <p class="mt-3 muted">Dados conforme o Comprovante de Inscrição e de Situação Cadastral.</p>
  <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
    <div class="card p-5"><p class="label">Razão Social</p><p class="font-bold text-white mt-1">TS SARAIVA LTDA</p></div>
    <div class="card p-5"><p class="label">Nome Fantasia</p><p class="font-bold text-white mt-1">Não informado</p></div>
    <div class="card p-5"><p class="label">CNPJ</p><p class="font-bold text-white mt-1">79.240.552/0002-08 (Filial)</p></div>
    <div class="card p-5"><p class="label">Situação Cadastral</p><p class="font-bold text-[#22c55e] mt-1">ATIVA desde 18/11/2024</p></div>
    <div class="card p-5"><p class="label">Natureza Jurídica</p><p class="font-bold text-white mt-1">206-2 - Sociedade Empresária Limitada</p></div>
    <div class="card p-5"><p class="label">Data de Constituição</p><p class="font-bold text-white mt-1">18/11/2024</p></div>
    <div class="card p-5 lg:col-span-2"><p class="label">Endereço</p><p class="font-bold text-white mt-1">ROD BR-262, 6112, SALA 301 — RIBEIRA, VIANA - ES</p></div>
    <div class="card p-5"><p class="label">CEP</p><p class="font-bold text-white mt-1">29.132-690</p></div>
    <div class="card p-5"><p class="label">Telefone</p><a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="font-bold text-white mt-1 block hover:text-[#22c55e]">(31) 97554-7231</a></div>
    <div class="card p-5 lg:col-span-2"><p class="label">E-mail</p><a href="mailto:ARNALDO@GRUPOTRANSSARAIVA.COM" class="font-bold text-white mt-1 block break-all hover:text-[#facc15]">ARNALDO@GRUPOTRANSSARAIVA.COM</a></div>
  </div>
</section>

<!-- CONTATO -->
<section id="contato" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
  <div class="card p-8 md:p-12 text-center">
    <h2 class="text-3xl md:text-4xl font-black text-white">Entre em contato</h2>
    <p class="mt-3 muted">Atendimento pelo WhatsApp para agendamentos e orçamentos.</p>
    <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="block mt-6 text-4xl md:text-5xl font-black text-[#22c55e] hover:underline">(31) 97554-7231</a>
    <p class="mt-3 muted text-sm">ROD BR-262, 6112, SALA 301 — RIBEIRA, VIANA - ES • CEP 29.132-690</p>
    <a href="https://wa.me/5531975547231" target="_blank" rel="noopener" class="btn-accent mt-8 text-lg">Solicite seu Horário</a>
  </div>
</section>
</main>

<!-- FOOTER -->
<footer class="border-t border-[#1f1f1f] py-8">
  <p class="max-w-6xl mx-auto px-5 text-center text-sm muted">© 2026 TS SARAIVA LTDA • CNPJ 79.240.552/0002-08 • Viana - ES • Nome fantasia: não informado</p>
</footer>

</body>
</html>