<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>RAMPA SERVICOS E TRANSPORTES LTDA - Itacaré/BA</title>
  <meta name="description" content="RAMPA SERVICOS E TRANSPORTES LTDA - Serviço de transporte de passageiros - locação de automóveis com motorista em Itacaré - BA. CNPJ 01.541.635/0002-40." />
  <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>
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', 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; transition: filter .2s; }
    .btn-accent:hover { filter: brightness(1.08); }
    .btn-wa { background: #22c55e; color: #0a0a0a; font-weight: 700; border-radius: 12px; transition: filter .2s; }
    .btn-wa:hover { filter: brightness(1.08); }
    .muted { color: #a3a3a3; }
    .label { color: #737373; font-size: .8rem; }
    a:focus-visible, button:focus-visible { outline: 2px solid #facc15; outline-offset: 2px; }
  </style>
</head>
<body>

  <!-- 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-4 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] flex items-center justify-center font-black text-lg">RT</div>
        <div>
          <p class="font-extrabold text-white leading-tight">RAMPA SERVICOS E TRANSPORTES LTDA</p>
          <p class="text-xs muted">CNPJ 01.541.635/0002-40 · Itacaré/BA</p>
          <p class="text-xs text-[#facc15] font-semibold">Nome fantasia não informado</p>
        </div>
      </div>
      <nav class="flex flex-wrap items-center gap-4 text-sm font-medium">
        <a href="#sobre" class="muted hover:text-white">Sobre</a>
        <a href="#servicos" class="muted hover:text-white">Serviços</a>
        <a href="#registro" class="muted hover:text-white">Registro</a>
        <a href="#contato" class="muted hover:text-white">Contato</a>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent px-4 py-2 text-sm">Agendar</a>
      </nav>
    </div>
  </header>

  <!-- HERO -->
  <section class="max-w-6xl mx-auto px-4 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 de passageiros</h1>
      <p class="mt-5 text-lg muted">A RAMPA SERVICOS E TRANSPORTES LTDA oferece transporte de passageiros, locação de automóveis com motorista, transporte de cargas e serviços de obras e manutenção em Itacaré - BA, com atendimento profissional e compromisso com cada cliente.</p>
      <div class="mt-8 flex flex-wrap gap-3">
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent px-6 py-3">Agende seu horário</a>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-wa px-6 py-3">Falar no WhatsApp</a>
      </div>
    </div>
    <div class="card p-8">
      <p class="text-sm font-semibold text-[#facc15]">Agendamento rápido</p>
      <h2 class="mt-2 text-2xl font-extrabold text-white">Agende pelo WhatsApp</h2>
      <p class="mt-3 muted">Fale diretamente com a nossa equipe e reserve seu horário de forma simples.</p>
      <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="mt-6 block text-2xl font-black text-white hover:text-[#22c55e]">(31) 97520-5658</a>
      <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-wa mt-6 inline-block px-6 py-3">Agendar agora</a>
    </div>
  </section>

  <!-- SOBRE -->
  <section id="sobre" class="max-w-6xl mx-auto px-4 py-16 border-t border-[#1f1f1f]">
    <h2 class="text-3xl font-extrabold text-white">Sobre</h2>
    <p class="mt-4 text-lg muted max-w-3xl">Fundada em 03/02/2025, a empresa RAMPA SERVICOS E TRANSPORTES LTDA atua no segmento de serviço de transporte de passageiros - locação de automóveis com motorista, com sede em Itacaré - BA.</p>
    <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
      <div class="card p-5"><p class="label">Razão Social</p><p class="mt-1 font-bold text-white">RAMPA SERVICOS E TRANSPORTES LTDA</p></div>
      <div class="card p-5"><p class="label">Nome Fantasia</p><p class="mt-1 font-bold text-white">Não informado</p></div>
      <div class="card p-5"><p class="label">Porte</p><p class="mt-1 font-bold text-white">ME</p></div>
      <div class="card p-5"><p class="label">Atividade Principal</p><p class="mt-1 font-bold text-white">Serviço de transporte de passageiros - locação de automóveis com motorista</p></div>
    </div>
  </section>

  <!-- SERVICOS -->
  <section id="servicos" class="max-w-6xl mx-auto px-4 py-16 border-t border-[#1f1f1f]">
    <h2 class="text-3xl font-extrabold text-white">Serviços</h2>
    <p class="mt-3 muted">Atividades registradas no CNPJ da empresa.</p>
    <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 49.23-0-02 · Principal</p>
        <p class="mt-2 font-semibold text-white flex-1">Serviço de transporte de passageiros - locação de automóveis com motorista</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 42.13-8-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Obras de urbanização - ruas, praças e calçadas</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 43.13-4-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Obras de terraplenagem</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 43.30-4-99</p>
        <p class="mt-2 font-semibold text-white flex-1">Outras obras de acabamento da construção</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 49.21-3-01</p>
        <p class="mt-2 font-semibold text-white flex-1">Transporte rodoviário coletivo de passageiros, com itinerário fixo, municipal</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 49.24-8-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Transporte escolar</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 49.29-9-02</p>
        <p class="mt-2 font-semibold text-white flex-1">Transporte rodoviário coletivo de passageiros, sob regime de fretamento, intermunicipal, interestadual e internacional</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 49.30-2-01</p>
        <p class="mt-2 font-semibold text-white flex-1">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, municipal.</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">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="mt-2 font-semibold text-white flex-1">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 50.91-2-01</p>
        <p class="mt-2 font-semibold text-white flex-1">Transporte por navegação de travessia, municipal</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 52.29-0-02</p>
        <p class="mt-2 font-semibold text-white flex-1">Serviços de reboque de veículos</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 77.11-0-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Locação de automóveis sem condutor</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 77.39-0-99</p>
        <p class="mt-2 font-semibold text-white flex-1">Aluguel de outras máquinas e equipamentos comerciais e industriais não especificados anteriormente, sem operador</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 78.20-5-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Locação de mão-de-obra temporária</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 78.30-2-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Fornecimento e gestão de recursos humanos para terceiros</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 81.21-4-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Limpeza em prédios e em domicílios</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
      <div class="card p-6 flex flex-col">
        <p class="text-sm font-bold text-[#facc15]">CNAE 81.30-3-00</p>
        <p class="mt-2 font-semibold text-white flex-1">Atividades paisagísticas</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-5 px-5 py-2 text-center">Agendar</a>
      </div>
    </div>
  </section>

  <!-- REGISTRO -->
  <section id="registro" class="max-w-6xl mx-auto px-4 py-16 border-t border-[#1f1f1f]">
    <h2 class="text-3xl font-extrabold text-white">Registro</h2>
    <p class="mt-3 muted">Dados conforme o Comprovante de Inscrição e de Situação Cadastral da Receita Federal.</p>
    <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
      <div class="card p-5"><p class="label">Razão Social</p><p class="mt-1 font-bold text-white">RAMPA SERVICOS E TRANSPORTES LTDA</p></div>
      <div class="card p-5"><p class="label">Nome Fantasia</p><p class="mt-1 font-bold text-white">Não informado</p></div>
      <div class="card p-5"><p class="label">CNPJ</p><p class="mt-1 font-bold text-white">01.541.635/0002-40 (Filial)</p></div>
      <div class="card p-5"><p class="label">Situação Cadastral</p><p class="mt-1 font-bold text-[#22c55e]">ATIVA desde 03/02/2025</p></div>
      <div class="card p-5"><p class="label">Natureza Jurídica</p><p class="mt-1 font-bold text-white">206-2 - Sociedade Empresária Limitada</p></div>
      <div class="card p-5"><p class="label">Endereço</p><p class="mt-1 font-bold text-white">R 31 DE MARCO, 258, SALA 02 - CENTRO, ITACARE - BA</p></div>
      <div class="card p-5"><p class="label">CEP</p><p class="mt-1 font-bold text-white">45.530-000</p></div>
      <div class="card p-5"><p class="label">Telefone</p><a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="mt-1 block font-bold text-white hover:text-[#22c55e]">(31) 97520-5658</a></div>
      <div class="card p-5"><p class="label">E-mail</p><a href="mailto:diretoria@rampatransportes.com.br" class="mt-1 block font-bold text-white break-all hover:text-[#facc15]">diretoria@rampatransportes.com.br</a></div>
    </div>
  </section>

  <!-- CONTATO -->
  <section id="contato" class="max-w-6xl mx-auto px-4 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">Contato</h2>
      <p class="mt-3 muted">Atendimento pelo WhatsApp. Clique no número para iniciar a conversa.</p>
      <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="mt-6 inline-block text-3xl md:text-4xl font-black text-[#22c55e] hover:underline">(31) 97520-5658</a>
      <p class="mt-3 muted">R 31 DE MARCO, 258, SALA 02 - CENTRO, ITACARE - BA, CEP 45.530-000</p>
      <div class="mt-8">
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent px-8 py-4 inline-block text-lg">Solicite seu Horário</a>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="border-t border-[#1f1f1f] py-8">
    <p class="max-w-6xl mx-auto px-4 text-center text-sm muted">© 2026 RAMPA SERVICOS E TRANSPORTES LTDA · CNPJ 01.541.635/0002-40 · Itacaré</p>
  </footer>

</body>
</html>