<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>THEMIS PERFUMES E COSMETICOS LTDA.</title>
<meta name="description" content="THEMIS PERFUMES E COSMETICOS LTDA. - Comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal em CACADOR - SC.">
<meta name="facebook-domain-verification" content="if0jlm8dm6uw8okmkhl7qt3sgqe1wk" />
<style>
:root {
--marrom: #6b4226;
--marrom2: #8a5a35;
--marrom3: #d9c2a8;
--creme: #f3ebe0;
--cinza: #f6f4f1;
--cinza2: #ece5db;
--escuro: #2b1a0e;
--texto: #2e2117;
--branco: #ffffff;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', Arial, sans-serif; color: var(--texto); background: var(--branco); line-height: 1.6; }
/* HEADER */
header {
position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
background: var(--branco);
border-bottom: 1px solid var(--cinza2);
box-shadow: 0 2px 20px rgba(107,66,38,0.08);
}
nav {
max-width: 1200px; margin: 0 auto;
padding: 0 2rem; height: 68px;
display: flex; align-items: center; justify-content: space-between;
}
.logo { text-decoration: none; display: flex; align-items: center; gap: 12px; }
.logo-folha {
width: 38px; height: 38px;
background: var(--creme); border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 20px; border: 1px solid var(--marrom3);
}
.logo-txt .ln { font-size: 1rem; font-weight: 800; color: var(--escuro); }
.logo-txt .ls { font-size: 10px; color: var(--marrom2); letter-spacing: 0.12em; text-transform: uppercase; }
.nav-links { display: flex; gap: 2.5rem; list-style: none; }
.nav-links a { color: #a68b6f; font-size: 13px; font-weight: 500; text-decoration: none; transition: color .2s; }
.nav-links a:hover { color: var(--marrom); }
.nav-btn {
background: var(--marrom); color: var(--branco);
padding: 9px 22px; border-radius: 8px;
font-weight: 700; font-size: 13px; text-decoration: none; transition: background .2s;
}
.nav-btn:hover { background: var(--marrom2); }
/* HERO — layout assimétrico */
.hero {
min-height: 100vh;
display: grid; grid-template-columns: 1fr 1fr;
padding-top: 68px;
}
.hero-esq {
background: var(--creme);
display: flex; flex-direction: column; justify-content: center;
padding: 5rem 3rem 5rem 4rem;
position: relative; overflow: hidden;
}
.hero-esq::before {
content: '';
position: absolute; bottom: -60px; left: -60px;
width: 300px; height: 300px; border-radius: 50%;
background: rgba(107,66,38,0.08); pointer-events: none;
}
.hero-esq::after {
content: '';
position: absolute; top: -40px; right: -40px;
width: 200px; height: 200px; border-radius: 50%;
background: rgba(107,66,38,0.05); pointer-events: none;
}
.hero-tag {
display: inline-flex; align-items: center; gap: 8px;
background: var(--branco); color: var(--marrom);
font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
padding: 6px 16px; border-radius: 999px;
border: 1px solid var(--marrom3);
margin-bottom: 2rem; width: fit-content; position: relative; z-index: 1;
}
.hero-tag span { width: 5px; height: 5px; border-radius: 50%; background: var(--marrom2); }
.hero h1 {
font-size: clamp(1.8rem, 3vw, 2.6rem);
font-weight: 900; color: var(--escuro);
line-height: 1.12; margin-bottom: 1.25rem;
position: relative; z-index: 1;
}
.hero h1 em { color: var(--marrom); font-style: normal; }
.hero-desc { font-size: 15px; color: #7a6350; line-height: 1.85; margin-bottom: 2.5rem; max-width: 420px; position: relative; z-index: 1; }
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; position: relative; z-index: 1; }
.btn-s1 {
background: var(--marrom); color: var(--branco);
padding: 13px 28px; border-radius: 8px;
font-weight: 700; font-size: 14px; text-decoration: none; transition: background .2s;
}
.btn-s1:hover { background: var(--escuro); }
.btn-s2 {
background: var(--branco); color: var(--marrom);
padding: 13px 28px; border-radius: 8px;
font-weight: 600; font-size: 14px; text-decoration: none;
border: 2px solid var(--marrom3); transition: all .2s;
}
.btn-s2:hover { border-color: var(--marrom); }
/* HERO DIREITA */
.hero-dir {
background: var(--branco);
display: flex; flex-direction: column; justify-content: center;
padding: 5rem 4rem 5rem 3rem; gap: 1.25rem;
}
.hd-titulo { font-size: 11px; font-weight: 700; color: var(--marrom3); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0.5rem; }
.hd-card {
background: var(--cinza); border-radius: 12px; padding: 1.25rem 1.5rem;
display: flex; align-items: center; gap: 1rem;
border-left: 4px solid var(--marrom3);
transition: border-color .2s, background .2s;
}
.hd-card:hover { border-color: var(--marrom2); background: var(--creme); }
.hd-icon { font-size: 1.5rem; flex-shrink: 0; }
.hd-card h3 { font-size: 14px; font-weight: 700; color: var(--escuro); }
.hd-card p { font-size: 12px; color: #a68b6f; margin-top: 2px; }
/* NUMEROS */
.numeros {
background: var(--marrom);
display: grid; grid-template-columns: repeat(4,1fr);
}
.ni { text-align: center; padding: 1.5rem 1rem; border-right: 1px solid rgba(255,255,255,0.15); }
.ni:last-child { border-right: none; }
.ni .nn { font-size: 1.6rem; font-weight: 900; color: var(--branco); }
.ni .nl { font-size: 10px; color: rgba(255,255,255,0.65); text-transform: uppercase; letter-spacing: 0.12em; margin-top: 2px; }
/* SERVICOS */
#servicos { padding: 6rem 2rem; background: var(--cinza); }
.sw { max-width: 1200px; margin: 0 auto; }
.sh { text-align: center; margin-bottom: 4rem; }
.sh .rotulo { font-size: 10px; font-weight: 700; color: var(--marrom2); letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 0.5rem; }
.sh h2 { font-size: 2rem; font-weight: 900; color: var(--escuro); margin-bottom: 0.75rem; }
.sh p { font-size: 15px; color: #7a6350; max-width: 500px; margin: 0 auto; }
.sgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.sc {
background: var(--branco); border-radius: 14px; padding: 2rem;
border: 1px solid var(--cinza2);
transition: box-shadow .25s, transform .25s;
position: relative; overflow: hidden;
}
.sc::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, var(--marrom), var(--marrom2));
}
.sc:hover { box-shadow: 0 8px 28px rgba(107,66,38,0.12); transform: translateY(-3px); }
.sc-icon { font-size: 2rem; margin-bottom: 1rem; }
.sc h3 { font-size: 14px; font-weight: 800; color: var(--escuro); margin-bottom: 0.5rem; }
.sc p { font-size: 13px; color: #7a6350; line-height: 1.7; }
/* SOBRE */
#sobre { padding: 6rem 2rem; background: var(--branco); }
.sobre-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr; gap: 5rem; align-items: center; }
.sobre-painel {
background: var(--creme); border-radius: 20px; padding: 2.5rem;
display: flex; flex-direction: column; gap: 1rem;
border: 1px solid var(--marrom3);
}
.sp-item { padding: 1.25rem; background: var(--branco); border-radius: 10px; }
.sp-item .sn { font-size: 1.6rem; font-weight: 900; color: var(--marrom); }
.sp-item .sl { font-size: 11px; color: #a68b6f; margin-top: 3px; }
.sobre-txt h2 { font-size: 1.9rem; font-weight: 900; color: var(--escuro); margin-bottom: 1.25rem; line-height: 1.15; }
.sobre-txt h2 em { color: var(--marrom); font-style: normal; }
.sobre-txt p { font-size: 15px; color: #5a4a3c; line-height: 1.85; margin-bottom: 1rem; }
.cnpj-chip {
display: inline-flex; align-items: center; gap: 8px;
background: var(--creme); color: var(--marrom);
font-size: 13px; font-weight: 600; padding: 8px 16px;
border-radius: 8px; border: 1px solid var(--marrom3); margin-top: 0.5rem;
}
.atividades-lista {
margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--cinza2);
}
.atividades-lista h4 { font-size: 12px; font-weight: 800; color: var(--marrom); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.75rem; }
.atividades-lista ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 1.5rem; }
.atividades-lista li { font-size: 13px; color: #5a4a3c; padding-left: 1rem; position: relative; }
.atividades-lista li::before { content: '\2022'; color: var(--marrom2); position: absolute; left: 0; font-weight: 900; }
/* FOOTER */
footer { background: var(--escuro); color: #8a6f56; padding: 4rem 2rem 1.5rem; }
.fgrid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
.fc h4 { color: var(--branco); font-size: 12px; font-weight: 700; margin-bottom: 1.25rem; text-transform: uppercase; letter-spacing: 0.15em; padding-bottom: 0.6rem; border-bottom: 1px solid rgba(217,194,168,0.2); }
.fc p { font-size: 14px; line-height: 1.8; color: #b39c85; }
.fc ul { list-style: none; }
.fc ul li { margin-bottom: 0.5rem; }
.fc a { color: #b39c85; text-decoration: none; font-size: 14px; transition: color .2s; }
.fc a:hover { color: var(--marrom3); }
.fbot { max-width: 1200px; margin: 0 auto; border-top: 1px solid #3a2717; padding-top: 1.5rem; text-align: center; font-size: 13px; color: #8a6f56; }
/* MODAL */
.modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.8); z-index: 3000; overflow-y: auto; }
.mcx { background: var(--branco); margin: 4% auto; padding: 3rem; width: 85%; max-width: 800px; border-radius: 14px; position: relative; border-top: 4px solid var(--marrom); }
.mcx h2 { color: var(--escuro); margin-bottom: 0.4rem; }
.mcx em { color: #999; font-size: 13px; }
.mcx h3 { color: var(--marrom); margin: 1.5rem 0 0.4rem; font-size: 1rem; font-weight: 700; }
.mcx p { color: #555; font-size: 14px; line-height: 1.75; margin-bottom: 0.5rem; }
.mbtn { position: absolute; top: 1rem; right: 1.5rem; background: none; border: none; font-size: 2rem; cursor: pointer; color: #999; }
.mbtn:hover { color: var(--marrom); }
/* COOKIES */
.ckbar {
position: fixed; bottom: 0; left: 0; right: 0; z-index: 2000;
background: var(--escuro); color: #a68b6f;
border-top: 3px solid var(--marrom);
padding: 1.25rem 2rem;
display: flex; align-items: center; justify-content: space-between;
gap: 1.5rem; flex-wrap: wrap;
}
.ckbar p { font-size: 14px; line-height: 1.6; max-width: 680px; }
.ckbar a { color: var(--marrom3); text-decoration: underline; cursor: pointer; }
.ckbtns { display: flex; gap: 0.75rem; flex-shrink: 0; }
.ckacc { background: var(--marrom); color: var(--branco); border: none; padding: 8px 20px; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; transition: background .2s; }
.ckacc:hover { background: var(--marrom2); }
.ckrej { background: transparent; color: #c9b7a3; border: 1px solid #4a3728; padding: 8px 20px; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; transition: all .2s; }
.ckrej:hover { border-color: #8a6f56; color: #fff; }
@media (max-width: 900px) {
.hero { grid-template-columns: 1fr; }
.hero-dir { display: none; }
.hero-esq { padding: 3rem 2rem; }
.sgrid { grid-template-columns: 1fr 1fr; }
.sobre-inner { grid-template-columns: 1fr; gap: 2.5rem; }
.atividades-lista ul { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.nav-links { display: none; }
nav { padding: 0 1rem; }
.numeros { grid-template-columns: repeat(2,1fr); }
.ni { border-bottom: 1px solid rgba(255,255,255,0.1); }
.sgrid { grid-template-columns: 1fr; }
.fgrid { grid-template-columns: 1fr; gap: 2rem; }
.ckbar { flex-direction: column; align-items: flex-start; }
.mcx { width: 95%; padding: 2rem; }
}
.sc .btn-s1 { display: inline-block; margin-top: 1rem; padding: 9px 20px; font-size: 13px; }
</style>
</head>
<body>
<header>
<nav>
<a href="#" class="logo">
<div class="logo-folha">🧴</div>
<div class="logo-txt">
<div class="ln">THEMIS PERFUMES E COSMETICOS LTDA.</div>
<div class="ls">Perfumaria e Cosméticos — CACADOR/SC</div>
</div>
</a>
<ul class="nav-links">
<li><a href="#servicos">Serviços</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
<a href="https://wa.me/5531975207679" class="nav-btn">Fale Conosco</a>
</nav>
</header>
<section class="hero">
<div class="hero-esq">
<div class="hero-tag"><span></span> Desde 11/08/2025 — CACADOR/SC</div>
<h1>Qualidade e confiança em <em>cosméticos e perfumaria</em></h1>
<p class="hero-desc">Comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal, com atendimento em CACADOR — SC.</p>
<div class="hero-btns">
<a href="https://wa.me/5531975207679" class="btn-s1">Falar no WhatsApp</a>
<a href="#servicos" class="btn-s2">Ver Serviços</a>
</div>
</div>
<div class="hero-dir">
<div class="hd-titulo">Nossa atuação</div>
<div class="hd-card">
<div class="hd-icon">🧴</div>
<div><h3>Cosméticos</h3><p>Comércio varejista especializado</p></div>
</div>
<div class="hd-card">
<div class="hd-icon">✨</div>
<div><h3>Produtos de Perfumaria</h3><p>Fragrâncias e perfumaria</p></div>
</div>
<div class="hd-card">
<div class="hd-icon">🧼</div>
<div><h3>Higiene Pessoal</h3><p>Produtos de cuidado diário</p></div>
</div>
<div class="hd-card">
<div class="hd-icon">💬</div>
<div><h3>Atendimento pelo WhatsApp</h3><p>(31) 97520-7679</p></div>
</div>
</div>
</section>
<div class="numeros">
<div class="ni"><div class="nn">2025</div><div class="nl">Fundada em</div></div>
<div class="ni"><div class="nn">CACADOR</div><div class="nl">Santa Catarina</div></div>
<div class="ni"><div class="nn">Demais</div><div class="nl">Porte</div></div>
<div class="ni"><div class="nn">Ativa</div><div class="nl">Situação na Receita</div></div>
</div>
<section id="servicos">
<div class="sw">
<div class="sh">
<div class="rotulo">O que oferecemos</div>
<h2>THEMIS PERFUMES E COSMETICOS LTDA. — Cosméticos e Perfumaria</h2>
<p>Comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal.</p>
</div>
<div class="sgrid">
<div class="sc">
<div class="sc-icon">🧴</div>
<h3>CNAE 47.72-5-00</h3>
<p>Comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal. Atividade econômica principal.</p>
<a href="https://wa.me/5531975207679" class="btn-s1">Agendar</a>
</div>
</div>
</div>
</section>
<section id="sobre">
<div class="sobre-inner">
<div class="sobre-painel">
<div class="sp-item"><div class="sn">2025</div><div class="sl">Abertura — 11/08/2025</div></div>
<div class="sp-item"><div class="sn">CACADOR</div><div class="sl">Centro — SC</div></div>
<div class="sp-item"><div class="sn">Demais</div><div class="sl">Sociedade Empresária Limitada</div></div>
<div class="sp-item"><div class="sn" style="color:var(--marrom)">Ativa</div><div class="sl">Situação na Receita Federal</div></div>
</div>
<div class="sobre-txt">
<h2>Themis <em>Perfumes e Cosméticos</em></h2>
<p>Fundada em 11/08/2025, a empresa THEMIS PERFUMES E COSMETICOS LTDA. atua no segmento de comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal, com sede em CACADOR — SC.</p>
<p>Localizada na R Senador Salgado Filho, 771, QUIOSQ01, bairro Centro, em CACADOR — SC.</p>
<div class="cnpj-chip">CNPJ: 85.203.347/0006-07</div>
<div class="atividades-lista">
<h4>Atividades Econômicas Registradas</h4>
<ul>
<li>Comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal</li>
</ul>
</div>
</div>
</div>
</section>
<footer id="contato">
<div class="fgrid">
<div class="fc">
<h4>THEMIS PERFUMES E COSMETICOS LTDA.</h4>
<p>Comércio varejista de cosméticos, produtos de perfumaria e de higiene pessoal em CACADOR — SC.</p>
<br>
<p><strong style="color:#d9c2a8">CNPJ:</strong> 85.203.347/0006-07</p>
<p><strong style="color:#d9c2a8">Natureza:</strong> 206-2 — Sociedade Empresária Limitada</p>
<p><strong style="color:#d9c2a8">Endereço:</strong> R SENADOR SALGADO FILHO, 771, QUIOSQ01 — CENTRO, CACADOR — SC, CEP 89.500-205</p>
</div>
<div class="fc">
<h4>Contato</h4>
<p><strong style="color:#d9c2a8">WhatsApp:</strong> <a href="https://wa.me/5531975207679">(31) 97520-7679</a></p>
<p><strong style="color:#d9c2a8">Município:</strong> CACADOR — SC</p>
</div>
<div class="fc">
<h4>Institucional</h4>
<ul>
<li><a href="#" onclick="abrirModal('privacidade'); return false;">Política de Privacidade</a></li>
<li><a href="#" onclick="abrirModal('termos'); return false;">Termos de Uso</a></li>
<li><a href="#" onclick="abrirModal('cookies'); return false;">Política de Cookies</a></li>
</ul>
</div>
</div>
<div class="fbot">
<p>© 2026 THEMIS PERFUMES E COSMETICOS LTDA. | CNPJ 85.203.347/0006-07 — CACADOR, SC</p>
</div>
</footer>
<div id="modal" class="modal">
<div class="mcx">
<button class="mbtn" onclick="fecharModal()">×</button>
<div id="modal-conteudo"></div>
</div>
</div>
<div id="ckBar" class="ckbar">
<p>Utilizamos cookies para melhorar sua experiência de navegação. Ao continuar, você concorda com nossa
<a onclick="abrirModal('cookies'); return false;">Política de Cookies</a> e
<a onclick="abrirModal('privacidade'); return false;">Política de Privacidade</a>.</p>
<div class="ckbtns">
<button class="ckacc" onclick="aceitarCookies()">Aceitar todos</button>
<button class="ckrej" onclick="recusarCookies()">Apenas essenciais</button>
</div>
</div>
<script>
const politicas = {
privacidade: `
<h2>Política de Privacidade</h2>
<em>Última atualização: setembro de 2026</em>
<h3>1. Quem somos</h3>
<p>THEMIS PERFUMES E COSMETICOS LTDA., CNPJ 85.203.347/0006-07, R Senador Salgado Filho, 771, QUIOSQ01, Centro, CACADOR - SC.</p>
<h3>2. Dados coletados</h3>
<p>Coletamos dados fornecidos voluntariamente, como nome e telefone, para fins de atendimento e agendamento.</p>
<h3>3. Finalidade</h3>
<p>Os dados são utilizados somente para contato com o cliente e fornecimento dos produtos e serviços solicitados, sem compartilhamento com terceiros.</p>
<h3>4. Seus direitos (LGPD)</h3>
<p>Conforme a Lei 13.709/2018, você pode solicitar acesso, correção ou exclusão dos seus dados pelo WhatsApp de contato informado neste site.</p>
<h3>5. Segurança</h3>
<p>Adotamos medidas adequadas para proteger seus dados contra acesso não autorizado ou uso indevido.</p>
`,
termos: `
<h2>Termos de Uso</h2>
<em>Última atualização: setembro de 2026</em>
<h3>1. Aceitação</h3>
<p>Ao acessar este site, você concorda com estes Termos de Uso e com a legislação brasileira vigente.</p>
<h3>2. Finalidade</h3>
<p>Este site destina-se à apresentação da empresa THEMIS PERFUMES E COSMETICOS LTDA. e ao contato para atendimento e agendamento.</p>
<h3>3. Propriedade intelectual</h3>
<p>Todo o conteúdo deste site é de propriedade de THEMIS PERFUMES E COSMETICOS LTDA., sendo vedada sua reprodução sem autorização prévia.</p>
<h3>4. Foro</h3>
<p>Fica eleito o foro da comarca de CACADOR - SC para dirimir eventuais controvérsias decorrentes destes termos.</p>
`,
cookies: `
<h2>Política de Cookies</h2>
<em>Última atualização: setembro de 2026</em>
<h3>O que são cookies?</h3>
<p>Cookies são pequenos arquivos armazenados no seu dispositivo para melhorar a experiência de navegação e o funcionamento do site.</p>
<h3>Tipos utilizados</h3>
<p><strong>Essenciais:</strong> Necessários para o funcionamento básico do site, não podem ser desativados.</p>
<p><strong>De desempenho:</strong> Coletam dados anônimos sobre o uso do site para melhorias contínuas.</p>
<p><strong>De funcionalidade:</strong> Memorizam preferências do usuário para uma experiência mais personalizada.</p>
<h3>Como gerenciar</h3>
<p>Você pode aceitar ou recusar cookies pelo banner ao entrar no site, ou pelas configurações de privacidade do seu navegador.</p>
<h3>Contato</h3>
<p>Dúvidas: (31) 97520-7679</p>
`
};
function abrirModal(tipo) {
document.getElementById('modal-conteudo').innerHTML = politicas[tipo];
document.getElementById('modal').style.display = 'block';
document.body.style.overflow = 'hidden';
}
function fecharModal() {
document.getElementById('modal').style.display = 'none';
document.body.style.overflow = '';
}
window.addEventListener('click', function(e) {
if (e.target === document.getElementById('modal')) fecharModal();
});
function aceitarCookies() {
localStorage.setItem('cookieConsent', 'accepted');
document.getElementById('ckBar').style.display = 'none';
}
function recusarCookies() {
localStorage.setItem('cookieConsent', 'essential');
document.getElementById('ckBar').style.display = 'none';
}
(function() {
if (localStorage.getItem('cookieConsent')) {
document.getElementById('ckBar').style.display = 'none';
}
})();
</script>
</body>
</html>