<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SU TRANSPORTES - Transporte rodoviário de carga em Bela Vista do Toldo - SC</title>
<script src="https://cdn.tailwindcss.com"></script>
<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',sans-serif;background:#0a0a0a;color:#fafafa;}
.card{background:#111;border:1px solid #1f1f1f;border-radius:16px;}
.btn-accent{background:#facc15;color:#0a0a0a;font-weight:800;transition:.2s;}
.btn-accent:hover{background:#eab308;transform:translateY(-1px);}
.btn-wa{background:#22c55e;color:#fff;font-weight:800;transition:.2s;}
.btn-wa:hover{background:#16a34a;transform:translateY(-1px);}
</style>
</head>
<body class="antialiased">
<!-- HEADER -->
<header class="sticky top-0 z-50 bg-[#0a0a0a]/90 backdrop-blur border-b border-[#1f1f1f]">
<div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-full bg-[#facc15] flex items-center justify-center font-black text-black text-sm">ST</div>
<div>
<p class="font-bold leading-tight text-sm">SU TRANSPORTES E COMERCIO LTDA</p>
<p class="text-[11px] text-neutral-400">CNPJ 64.510.554/0001-11 • Bela Vista do Toldo/SC • SU TRANSPORTES</p>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-sm text-neutral-300">
<a href="#sobre" class="hover:text-white">Sobre</a>
<a href="#servicos" class="hover:text-white">Serviços</a>
<a href="#registro" class="hover:text-white">Registro</a>
<a href="#contato" class="hover:text-white">Contato</a>
</nav>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent px-5 py-2.5 rounded-full text-sm">Agendar</a>
</div>
</header>

<!-- HERO -->
<section class="max-w-7xl mx-auto px-6 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
<div>
<span class="text-[#facc15] text-xs font-bold tracking-widest uppercase">Transporte e Logística • Bela Vista do Toldo - SC</span>
<h1 class="text-4xl md:text-5xl font-black leading-[1.05] mt-4">Qualidade e confiança em <span class="text-[#facc15]">Transporte rodoviário de carga</span></h1>
<p class="text-neutral-400 mt-6 text-[15px] leading-relaxed">A SU TRANSPORTES E COMERCIO LTDA oferece soluções seguras e pontuais em transporte rodoviário de carga, com atendimento profissional, frota dedicada e compromisso com a sua mercadoria. Atendemos Bela Vista do Toldo e toda região com seriedade e preço justo.</p>
<div class="flex gap-3 mt-8">
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa px-6 py-3 rounded-full text-sm">WhatsApp: (48) 99990-3814</a>
<a href="#servicos" class="card px-6 py-3 rounded-full text-sm font-bold hover:bg-[#1a1a1a]">Ver Serviços</a>
</div>
</div>
<div class="card p-6 md:p-8">
<p class="text-sm font-bold text-neutral-300">Agendamento Rápido</p>
<h3 class="text-2xl font-black mt-2">Fale com a SU TRANSPORTES</h3>
<p class="text-neutral-400 text-sm mt-3">Orçamentos para transporte intermunicipal, interestadual e internacional, além de comércio varejista.</p>
<div class="mt-6 space-y-3">
<div class="flex justify-between text-sm card p-3"><span class="text-neutral-400">Situação</span><span class="text-[#22c55e] font-bold">ATIVA • Desde 12/01/2026</span></div>
<div class="flex justify-between text-sm card p-3"><span class="text-neutral-400">Cidade</span><span class="font-bold">Bela Vista do Toldo - SC</span></div>
</div>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa w-full mt-6 py-3 rounded-full text-center block">Agendar no WhatsApp</a>
<p class="text-[11px] text-neutral-500 mt-3 text-center">Resposta rápida no horário comercial • (48) 99990-3814</p>
</div>
</section>

<!-- SOBRE -->
<section id="sobre" class="max-w-7xl mx-auto px-6 py-16">
<h2 class="text-3xl font-black">Sobre a empresa</h2>
<p class="text-neutral-400 mt-4 max-w-3xl leading-relaxed">Fundada em 12/01/2026, a empresa SU TRANSPORTES E COMERCIO LTDA — SU TRANSPORTES atua no segmento de Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional, com sede em Bela Vista do Toldo - SC. Empresa porte ME, comprometida com segurança, pontualidade e atendimento local.</p>
<div class="grid md:grid-cols-4 gap-4 mt-8">
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Razão Social</p><p class="font-bold mt-1 text-sm">SU TRANSPORTES E COMERCIO LTDA</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Nome Fantasia</p><p class="font-bold mt-1 text-sm">SU TRANSPORTES</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Porte</p><p class="font-bold mt-1 text-sm">ME - Microempresa</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Atividade Principal</p><p class="font-bold mt-1 text-sm leading-tight">49.30-2-02 - Transporte rodoviário de carga</p></div>
</div>
</section>

<!-- SERVICOS -->
<section id="servicos" class="max-w-7xl mx-auto px-6 py-16">
<h2 class="text-3xl font-black">Nossos Serviços</h2>
<p class="text-neutral-400 mt-2">CNAEs registrados na Receita Federal</p>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
<div class="card p-6">
<span class="text-[11px] bg-[#facc15] text-black font-black px-2 py-1 rounded">PRINCIPAL • 49.30-2-02</span>
<h3 class="font-bold mt-4 leading-tight">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional</h3>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent mt-5 inline-block px-5 py-2.5 rounded-full text-sm">Agendar</a>
</div>
<div class="card p-6">
<span class="text-[11px] bg-[#1f1f1f] border border-[#2a2a2a] text-neutral-300 font-bold px-2 py-1 rounded">47.81-4-00</span>
<h3 class="font-bold mt-4 leading-tight">Comércio varejista de artigos do vestuário e acessórios</h3>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa mt-5 inline-block px-5 py-2.5 rounded-full text-sm">Agendar</a>
</div>
<div class="card p-6">
<span class="text-[11px] bg-[#1f1f1f] border border-[#2a2a2a] text-neutral-300 font-bold px-2 py-1 rounded">47.82-2-01</span>
<h3 class="font-bold mt-4 leading-tight">Comércio varejista de calçados</h3>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa mt-5 inline-block px-5 py-2.5 rounded-full text-sm">Agendar</a>
</div>
<div class="card p-6">
<span class="text-[11px] bg-[#1f1f1f] border border-[#2a2a2a] text-neutral-300 font-bold px-2 py-1 rounded">47.89-0-01</span>
<h3 class="font-bold mt-4 leading-tight">Comércio varejista de suvenires, bijuterias e artesanatos</h3>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa mt-5 inline-block px-5 py-2.5 rounded-full text-sm">Agendar</a>
</div>
<div class="card p-6">
<span class="text-[11px] bg-[#1f1f1f] border border-[#2a2a2a] text-neutral-300 font-bold px-2 py-1 rounded">49.30-2-03</span>
<h3 class="font-bold mt-4 leading-tight">Transporte rodoviário de produtos perigosos</h3>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa mt-5 inline-block px-5 py-2.5 rounded-full text-sm">Agendar</a>
</div>
</div>
</section>

<!-- REGISTRO -->
<section id="registro" class="max-w-7xl mx-auto px-6 py-16">
<h2 class="text-3xl font-black">Dados de Registro</h2>
<div class="grid md:grid-cols-3 gap-4 mt-8">
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Razão Social</p><p class="mt-1 font-medium text-sm">SU TRANSPORTES E COMERCIO LTDA</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Nome Fantasia</p><p class="mt-1 font-medium text-sm">SU TRANSPORTES</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">CNPJ</p><p class="mt-1 font-medium text-sm">64.510.554/0001-11</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Situação Cadastral</p><p class="mt-1 font-bold text-sm text-[#22c55e]">ATIVA - 12/01/2026</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Natureza Jurídica</p><p class="mt-1 font-medium text-sm">206-2 - Sociedade Empresária Limitada</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Data Abertura</p><p class="mt-1 font-medium text-sm">12/01/2026 • 15/01/2026 Inscrição</p></div>
<div class="card p-5 md:col-span-2"><p class="text-[11px] text-neutral-500 uppercase font-bold">Endereço</p><p class="mt-1 font-medium text-sm">VL RIO DOS POCOS, 0 - ******** - RIO DOS POCOS BVT, Bela Vista do Toldo - SC</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">CEP</p><p class="mt-1 font-medium text-sm">89.478-000</p></div>
<div class="card p-5"><p class="text-[11px] text-neutral-500 uppercase font-bold">Telefone</p><p class="mt-1 font-medium text-sm">(48) 99990-3814</p></div>
<div class="card p-5 md:col-span-2"><p class="text-[11px] text-neutral-500 uppercase font-bold">Email</p><p class="mt-1 font-medium text-sm">STELZNERSUELIN@GMAIL.COM</p></div>
</div>
</section>

<!-- CONTATO -->
<section id="contato" class="max-w-7xl mx-auto px-6 py-16">
<div class="card p-8 md:p-12 text-center">
<h2 class="text-3xl md:text-4xl font-black">Entre em contato</h2>
<p class="text-neutral-400 mt-3">Atendimento em Bela Vista do Toldo - SC e região</p>
<div class="mt-8 flex flex-col items-center gap-4">
<a href="https://wa.me/5548999903814" target="_blank" class="text-2xl font-black hover:text-[#22c55e]">(48) 99990-3814</a>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa px-10 py-4 rounded-full text-base">Solicite seu Horário</a>
<p class="text-[12px] text-neutral-500">VL RIO DOS POCOS, 0 - Bela Vista do Toldo/SC - CEP 89.478-000</p>
</div>
</div>
</section>

<footer class="border-t border-[#1f1f1f] mt-8">
<div class="max-w-7xl mx-auto px-6 py-8 text-center text-[12px] text-neutral-500">
© 2026 SU TRANSPORTES E COMERCIO LTDA • CNPJ 64.510.554/0001-11 • Bela Vista do Toldo - SU TRANSPORTES
</div>
</footer>
</body>
</html>