<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>60.067.533 TATIANA CORREIA RAFAEL | Comércio varejista de artigos de joalheria - SAO PAULO/SP</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>
* { font-family: 'Inter', sans-serif; }
body { background:#0a0a0a; color:#fff; }
.card { background:#111; border:1px solid #1f1f1f; border-radius:16px; }
.btn-accent { background:#facc15; color:#000; font-weight:700; border-radius:12px; padding:12px 24px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.btn-accent:hover { background:#eab308; }
.btn-wa { background:#22c55e; color:#fff; font-weight:700; border-radius:12px; padding:12px 24px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.btn-wa:hover { background:#16a34a; }
.muted { color:#71717a; }
.secondary { color:#a1a1aa; }
</style>
</head>
<body class="antialiased">

<!-- HEADER -->
<header class="sticky top-0 z-50 backdrop-blur-xl bg-[#0a0a0a]/80 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-4">
<div class="w-10 h-10 rounded-full bg-[#facc15] flex items-center justify-center text-black font-black text-sm">TC</div>
<div>
<div class="font-bold text-[13px] leading-tight tracking-tight">60.067.533 TATIANA CORREIA RAFAEL</div>
<div class="text-[11px] secondary">60.067.533/0001-12 • SAO PAULO/SP • Comércio varejista de artigos de joalheria</div>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-[13px] font-medium secondary">
<a href="#sobre" class="hover:text-white transition">Sobre</a>
<a href="#servicos" class="hover:text-white transition">Serviços</a>
<a href="#registro" class="hover:text-white transition">Registro</a>
<a href="#contato" class="hover:text-white transition">Contato</a>
</nav>
<a href="https://wa.me/5530938341949" target="_blank" class="btn-accent text-[13px]">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>
<h1 class="text-4xl md:text-5xl font-black leading-[0.95] tracking-tight">Qualidade e confiança em <span class="text-[#facc15]">artigos de joalheria</span></h1>
<p class="mt-6 text-[15px] leading-relaxed secondary max-w-xl">Atendimento profissional, humanizado e focado em resultados para você e sua empresa em SAO PAULO - SP. Soluções eficientes em comércio varejista de artigos de joalheria com responsabilidade e transparência.</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href="#servicos" class="btn-accent">Nossos Serviços</a>
<a href="https://wa.me/5530938341949" target="_blank" class="btn-wa">Fale no WhatsApp</a>
</div>
<div class="mt-8 flex items-center gap-3 text-[12px] muted">
<span class="w-2 h-2 rounded-full bg-green-500 inline-block"></span> Situação Cadastral: ATIVA desde 25/03/2025
</div>
</div>
<div class="card p-6 md:p-8">
<h3 class="font-bold text-lg">Agende seu horário</h3>
<p class="secondary text-[13px] mt-2">Atendimento rápido via WhatsApp. Estamos em SAO PAULO/SP.</p>
<div class="mt-6 card bg-[#0a0a0a] p-4 flex items-center justify-between">
<div>
<div class="text-[11px] muted uppercase tracking-widest">WhatsApp</div>
<div class="font-bold text-[15px]">(30) 93834-1949</div>
</div>
<div class="w-10 h-10 rounded-full bg-[#22c55e]/20 flex items-center justify-center">💬</div>
</div>
<a href="https://wa.me/5530938341949?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20com%20a%2060.067.533%20TATIANA%20CORREIA%20RAFAEL" target="_blank" class="btn-wa w-full mt-6 text-center">Solicitar Atendimento no WhatsApp</a>
<p class="text-[11px] muted mt-4 text-center">R ATUAI, 644 - VILA ESPERANCA - SAO PAULO/SP - CEP 03.646-000</p>
</div>
</section>

<!-- SOBRE -->
<section id="sobre" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Sobre Nós</h2>
</div>
<div class="grid md:grid-cols-3 gap-6">
<div class="md:col-span-2 card p-8">
<p class="text-[15px] leading-relaxed secondary">Fundada em 25/03/2025, a empresa 60.067.533 TATIANA CORREIA RAFAEL atua no segmento de Comércio varejista de artigos de joalheria, com sede em SAO PAULO - SP. Compromisso com qualidade, transparência e atendimento humanizado para clientes que buscam produtos e serviços de excelência.</p>
<div class="mt-8 grid grid-cols-2 gap-4">
<div class="card bg-[#0a0a0a] p-4">
<div class="text-[10px] muted uppercase tracking-widest">Razão Social</div>
<div class="font-semibold text-[13px] mt-1">60.067.533 TATIANA CORREIA RAFAEL</div>
</div>
<div class="card bg-[#0a0a0a] p-4">
<div class="text-[10px] muted uppercase tracking-widest">Nome Fantasia</div>
<div class="font-semibold text-[13px] mt-1">Não informado</div>
</div>
<div class="card bg-[#0a0a0a] p-4">
<div class="text-[10px] muted uppercase tracking-widest">Porte</div>
<div class="font-semibold text-[13px] mt-1">ME - Microempresa</div>
</div>
<div class="card bg-[#0a0a0a] p-4">
<div class="text-[10px] muted uppercase tracking-widest">Atividade Principal</div>
<div class="font-semibold text-[13px] mt-1">Comércio varejista de artigos de joalheria</div>
</div>
</div>
</div>
<div class="card p-8 flex flex-col justify-center">
<div class="text-[11px] muted uppercase tracking-widest">Localização</div>
<div class="font-bold text-lg mt-2">SAO PAULO/SP</div>
<div class="secondary text-[13px] mt-1">VILA ESPERANCA</div>
<div class="mt-6 pt-6 border-t border-[#1f1f1f]">
<div class="text-[11px] muted uppercase">CNPJ</div>
<div class="font-mono text-[13px] mt-1 font-bold">60.067.533/0001-12</div>
</div>
<div class="mt-4">
<div class="text-[11px] muted uppercase">Data de Abertura</div>
<div class="font-semibold text-[13px] mt-1">25/03/2025</div>
</div>
<div class="mt-4">
<div class="text-[11px] muted uppercase">Situação</div>
<div class="text-[13px] mt-1 font-bold text-green-400">ATIVA</div>
</div>
</div>
</div>
</section>

<!-- SERVIÇOS -->
<section id="servicos" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Nossos Serviços</h2>
</div>
<div class="grid md:grid-cols-3 gap-4">

<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">47.83-1-01</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Comércio varejista de artigos de joalheria</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Atividade principal com atendimento especializado e foco em qualidade e confiança para clientes em SAO PAULO/SP.</p>
<a href="https://wa.me/5530938341949?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20para%20Com%C3%A9rcio%20varejista%20de%20artigos%20de%20joalheria%20-%2047.83-1-01" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 47.83-1-01</a>
</div>

<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">47.81-4-00</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Comércio varejista de artigos do vestuário e acessórios</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Serviço complementar com atendimento especializado e foco em resultados práticos para seu dia a dia.</p>
<a href="https://wa.me/5530938341949?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20para%20Com%C3%A9rcio%20varejista%20de%20artigos%20do%20vestu%C3%A1rio%20e%20acess%C3%B3rios%20-%2047.81-4-00" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 47.81-4-00</a>
</div>

<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">74.20-0-01</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Atividades de produção de fotografias, exceto aérea e submarina</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Serviço complementar com atendimento especializado e foco em resultados práticos para seu dia a dia.</p>
<a href="https://wa.me/5530938341949?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20para%20Atividades%20de%20produ%C3%A7%C3%A3o%20de%20fotografias%20-%2074.20-0-01" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 74.20-0-01</a>
</div>

</div>
</section>

<!-- REGISTRO -->
<section id="registro" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Dados de Registro</h2>
</div>
<div class="grid md:grid-cols-3 gap-4">
<div class="card p-5"><div class="text-[10px] muted uppercase">Razão Social</div><div class="font-semibold text-[13px] mt-1">60.067.533 TATIANA CORREIA RAFAEL</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Nome Fantasia</div><div class="font-semibold text-[13px] mt-1">Não informado</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CNPJ</div><div class="font-mono font-bold text-[13px] mt-1">60.067.533/0001-12</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Situação Cadastral</div><div class="font-semibold text-[13px] mt-1 text-green-400">ATIVA - 25/03/2025</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Natureza Jurídica</div><div class="font-semibold text-[13px] mt-1">213-5 - Empresário (Individual)</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Porte</div><div class="font-semibold text-[13px] mt-1">ME</div></div>
<div class="card p-5 md:col-span-2"><div class="text-[10px] muted uppercase">Endereço Completo</div><div class="font-semibold text-[13px] mt-1">R ATUAI, 644 - VILA ESPERANCA - SAO PAULO/SP</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CEP</div><div class="font-semibold text-[13px] mt-1">03.646-000</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Telefone / WhatsApp</div><div class="font-semibold text-[13px] mt-1">(30) 93834-1949</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">E-mail</div><div class="font-semibold text-[13px] mt-1 lowercase">TATIRAFAEL@GMAIL.COM</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Data de Abertura</div><div class="font-semibold text-[13px] mt-1">25/03/2025</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Município / UF</div><div class="font-semibold text-[13px] mt-1">SAO PAULO / SP</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Bairro</div><div class="font-semibold text-[13px] mt-1">VILA ESPERANCA</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CNAE Principal</div><div class="font-semibold text-[13px] mt-1">47.83-1-01 - Comércio varejista de artigos de joalheria</div></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 border-[#facc15]/20 relative overflow-hidden">
<div class="absolute top-0 right-0 w-96 h-96 bg-[#facc15]/5 rounded-full blur-[80px] pointer-events-none"></div>
<div class="relative grid md:grid-cols-2 gap-10 items-center">
<div>
<h2 class="text-3xl font-black tracking-tight">Entre em Contato</h2>
<p class="secondary text-[14px] mt-3 leading-relaxed">Fale diretamente com a 60.067.533 TATIANA CORREIA RAFAEL em SAO PAULO/SP. Atendimento ágil e profissional.</p>
<div class="mt-8 space-y-4">
<div class="flex items-center gap-4">
<div class="w-12 h-12 rounded-full bg-[#22c55e]/20 flex items-center justify-center text-[#22c55e]">📞</div>
<div>
<div class="text-[11px] muted uppercase">WhatsApp</div>
<a href="https://wa.me/5530938341949" target="_blank" class="font-bold text-lg hover:text-[#22c55e] transition">(30) 93834-1949</a>
</div>
</div>
<div class="flex items-center gap-4">
<div class="w-12 h-12 rounded-full bg-[#111] border border-[#1f1f1f] flex items-center justify-center">📍</div>
<div>
<div class="text-[11px] muted uppercase">Endereço</div>
<div class="text-[13px] secondary">R ATUAI, 644, VILA ESPERANCA - SAO PAULO/SP - CEP 03.646-000</div>
</div>
</div>
</div>
</div>
<div class="text-center md:text-right">
<a href="https://wa.me/5530938341949?text=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20gostaria%20de%20solicitar%20um%20hor%C3%A1rio%20na%2060.067.533%20TATIANA%20CORREIA%20RAFAEL" target="_blank" class="btn-wa text-lg px-10 py-4 inline-flex">Solicite seu Horário</a>
<p class="muted text-[11px] mt-4">Resposta rápida no WhatsApp • ATIVA desde 2025</p>
</div>
</div>
</div>
</section>

<!-- FOOTER -->
<footer class="border-t border-[#1f1f1f] bg-[#111] mt-10">
<div class="max-w-7xl mx-auto px-6 py-8 text-center">
<div class="text-[12px] secondary">© 2026 60.067.533 TATIANA CORREIA RAFAEL - CNPJ 60.067.533/0001-12 - SAO PAULO/SP</div>
<div class="text-[11px] muted mt-1">Comércio varejista de artigos de joalheria • ME - Comércio varejista de artigos de joalheria</div>
</div>
</footer>

</body>
</html>