/* === LANDING PAGE PREMIUM === */
.sl * { box-sizing: border-box; margin: 0; padding: 0; }
.sl { font-family: “Inter”, -apple-system, sans-serif; color: #1a1a2e; overflow-x: hidden; }
/* HERO */
.sl-hero2 {
min-height: 100vh;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
background: linear-gradient(145deg, #0f4a3d 0%, #1a6b5a 40%, #0a3a30 100%);
padding-top: 70px;
}
.sl-hero2::before {
content: “”;
position: absolute;
top: -200px;
right: -200px;
width: 800px;
height: 800px;
background: radial-gradient(circle, rgba(196,149,106,0.15) 0%, transparent 60%);
border-radius: 50%;
animation: sl-float 20s ease-in-out infinite;
}
.sl-hero2::after {
content: “”;
position: absolute;
bottom: -150px;
left: -100px;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 60%);
border-radius: 50%;
animation: sl-float 15s ease-in-out infinite reverse;
}
@keyframes sl-float {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(30px, -30px); }
}
.sl-hero2-inner {
max-width: 1240px;
margin: 0 auto;
padding: 60px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 2;
}
.sl-hero2-text { color: #fff; }
.sl-hero2-badge {
display: inline-block;
background: rgba(196,149,106,0.2);
color: #d4a97e;
padding: 8px 20px;
border-radius: 30px;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 24px;
border: 1px solid rgba(196,149,106,0.3);
}
.sl-hero2-text h1 {
font-family: “Playfair Display”, serif;
font-size: 56px;
font-weight: 800;
line-height: 1.15;
margin-bottom: 24px;
}
.sl-hero2-text h1 span {
background: linear-gradient(135deg, #c4956a, #e6c9a8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.sl-hero2-text p {
font-size: 19px;
line-height: 1.7;
opacity: 0.85;
margin-bottom: 36px;
max-width: 500px;
}
.sl-hero2-btns {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.sl-btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #c4956a, #b8844f);
color: #fff;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: all 0.3s;
box-shadow: 0 4px 20px rgba(196,149,106,0.35);
}
.sl-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(196,149,106,0.5);
}
.sl-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: #fff;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
border: 2px solid rgba(255,255,255,0.25);
transition: all 0.3s;
}
.sl-btn-secondary:hover {
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.4);
}
.sl-hero2-img {
position: relative;
}
.sl-hero2-img img {
width: 100%;
border-radius: 24px;
box-shadow: 0 30px 80px rgba(0,0,0,0.4);
}
.sl-hero2-img::before {
content: “”;
position: absolute;
top: -15px;
right: -15px;
bottom: -15px;
left: -15px;
border: 2px solid rgba(196,149,106,0.2);
border-radius: 30px;
z-index: -1;
}
.sl-hero2-stats {
display: flex;
gap: 40px;
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid rgba(255,255,255,0.1);
}
.sl-hero2-stat strong {
display: block;
font-family: “Playfair Display”, serif;
font-size: 36px;
font-weight: 700;
color: #c4956a;
}
.sl-hero2-stat span {
font-size: 13px;
opacity: 0.65;
text-transform: uppercase;
letter-spacing: 1px;
}
/* TRUST BAR */
.sl-trust {
background: #f8f6f3;
padding: 30px 24px;
border-bottom: 1px solid #e8e2db;
}
.sl-trust-inner {
max-width: 1240px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
flex-wrap: wrap;
}
.sl-trust-item {
display: flex;
align-items: center;
gap: 12px;
font-family: “Inter”, sans-serif;
font-size: 14px;
font-weight: 500;
color: #636e72;
}
.sl-trust-icon {
width: 40px;
height: 40px;
background: #1a6b5a;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
flex-shrink: 0;
}
/* PRODUCTS */
.sl-products2 {
padding: 90px 24px;
background: #fff;
}
.sl-title {
text-align: center;
margin-bottom: 16px;
}
.sl-title-label {
display: inline-block;
background: rgba(26,107,90,0.08);
color: #1a6b5a;
padding: 6px 18px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 16px;
}
.sl-title h2 {
font-family: “Playfair Display”, serif;
font-size: 42px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 12px;
}
.sl-title p {
font-size: 17px;
color: #636e72;
max-width: 600px;
margin: 0 auto 50px;
line-height: 1.6;
}
.sl-prod-grid {
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.sl-prod-card {
background: #fff;
border-radius: 20px;
overflow: hidden;
border: 1px solid #f0ebe4;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}
.sl-prod-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 50px rgba(0,0,0,0.1);
border-color: transparent;
}
.sl-prod-card-img {
position: relative;
overflow: hidden;
}
.sl-prod-card-img img {
width: 100%;
height: 220px;
object-fit: cover;
transition: transform 0.5s;
}
.sl-prod-card:hover .sl-prod-card-img img {
transform: scale(1.06);
}
.sl-prod-card-body {
padding: 24px;
}
.sl-prod-card h3 {
font-family: “Playfair Display”, serif;
font-size: 20px;
font-weight: 700;
color: #1a1a2e;
margin-bottom: 8px;
}
.sl-prod-card p {
font-size: 14px;
color: #636e72;
line-height: 1.6;
margin-bottom: 16px;
}
.sl-prod-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #1a6b5a;
font-weight: 600;
font-size: 14px;
text-decoration: none;
transition: gap 0.3s;
}
.sl-prod-link:hover { gap: 12px; }
/* DIFERENCIAIS */
.sl-diff2 {
padding: 90px 24px;
background: linear-gradient(180deg, #f8f6f3 0%, #fff 100%);
}
.sl-diff-grid2 {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.sl-diff-card {
background: #fff;
border-radius: 20px;
padding: 40px 32px;
text-align: center;
border: 1px solid #f0ebe4;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.sl-diff-card::before {
content: “”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #1a6b5a, #c4956a);
opacity: 0;
transition: opacity 0.3s;
}
.sl-diff-card:hover {
box-shadow: 0 16px 40px rgba(0,0,0,0.08);
transform: translateY(-4px);
}
.sl-diff-card:hover::before { opacity: 1; }
.sl-diff-icon2 {
width: 72px;
height: 72px;
background: linear-gradient(135deg, rgba(26,107,90,0.1), rgba(26,107,90,0.05));
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
font-size: 30px;
}
.sl-diff-card h3 {
font-family: “Playfair Display”, serif;
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
color: #1a1a2e;
}
.sl-diff-card p {
font-size: 15px;
color: #636e72;
line-height: 1.7;
}
/* DEPOIMENTOS */
.sl-test {
padding: 90px 24px;
background: #0f4a3d;
color: #fff;
}
.sl-test .sl-title h2 { color: #fff; }
.sl-test .sl-title p { color: rgba(255,255,255,0.7); }
.sl-test .sl-title-label {
background: rgba(196,149,106,0.2);
color: #d4a97e;
}
.sl-test-grid {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.sl-test-card {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
padding: 32px;
transition: all 0.3s;
}
.sl-test-card:hover {
background: rgba(255,255,255,0.1);
transform: translateY(-4px);
}
.sl-test-stars {
color: #c4956a;
font-size: 16px;
margin-bottom: 16px;
letter-spacing: 2px;
}
.sl-test-card p {
font-size: 15px;
line-height: 1.7;
color: rgba(255,255,255,0.85);
margin-bottom: 20px;
font-style: italic;
}
.sl-test-author {
display: flex;
align-items: center;
gap: 12px;
}
.sl-test-avatar {
width: 44px;
height: 44px;
background: linear-gradient(135deg, #c4956a, #b8844f);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
font-size: 16px;
}
.sl-test-info strong {
display: block;
color: #fff;
font-size: 14px;
}
.sl-test-info span {
font-size: 12px;
color: rgba(255,255,255,0.5);
}
/* BLOG PREVIEW */
.sl-blog2 {
padding: 90px 24px;
background: #f8f6f3;
}
.sl-blog-grid2 {
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.sl-blog-card2 {
background: #fff;
border-radius: 16px;
overflow: hidden;
border: 1px solid #f0ebe4;
transition: all 0.3s;
}
.sl-blog-card2:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.sl-blog-card2 img {
width: 100%;
height: 200px;
object-fit: cover;
}
.sl-blog-card2-body { padding: 24px; }
.sl-blog-card2-cat {
display: inline-block;
background: rgba(26,107,90,0.08);
color: #1a6b5a;
padding: 4px 12px;
border-radius: 6px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.sl-blog-card2 h3 {
font-family: “Playfair Display”, serif;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
line-height: 1.35;
color: #1a1a2e;
}
.sl-blog-card2 h3 a { color: #1a1a2e; text-decoration: none; }
.sl-blog-card2 h3 a:hover { color: #1a6b5a; }
.sl-blog-card2 p {
font-size: 14px;
color: #636e72;
line-height: 1.5;
}
.sl-blog-more {
text-align: center;
margin-top: 40px;
}
.sl-blog-more a {
display: inline-flex;
align-items: center;
gap: 8px;
border: 2px solid #1a6b5a;
color: #1a6b5a;
padding: 14px 36px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s;
}
.sl-blog-more a:hover {
background: #1a6b5a;
color: #fff;
}
/* CTA FINAL */
.sl-cta2 {
padding: 100px 24px;
background: linear-gradient(135deg, #0f4a3d 0%, #1a6b5a 100%);
text-align: center;
color: #fff;
position: relative;
overflow: hidden;
}
.sl-cta2::before {
content: “”;
position: absolute;
top: -100px;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(196,149,106,0.1) 0%, transparent 60%);
border-radius: 50%;
}
.sl-cta2 h2 {
font-family: “Playfair Display”, serif;
font-size: 44px;
font-weight: 700;
margin-bottom: 16px;
position: relative;
}
.sl-cta2 p {
font-size: 19px;
opacity: 0.85;
max-width: 600px;
margin: 0 auto 36px;
line-height: 1.6;
position: relative;
}
.sl-cta2 .sl-btn-primary { font-size: 18px; padding: 18px 44px; position: relative; }
/* WHATSAPP FLOAT */
.sl-whatsapp-float {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 99998;
width: 60px;
height: 60px;
background: #25D366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 16px rgba(37,211,102,0.4);
transition: transform 0.3s;
text-decoration: none;
}
.sl-whatsapp-float:hover { transform: scale(1.1); }
.sl-whatsapp-float svg {
width: 32px;
height: 32px;
fill: #fff;
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.sl-hero2-inner { grid-template-columns: 1fr; gap: 40px; }
.sl-hero2-text h1 { font-size: 40px; }
.sl-prod-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.sl-hero2-text h1 { font-size: 32px; }
.sl-hero2-text p { font-size: 16px; }
.sl-hero2-stats { flex-direction: column; gap: 20px; }
.sl-hero2-btns { flex-direction: column; }
.sl-prod-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
.sl-diff-grid2 { grid-template-columns: 1fr; }
.sl-test-grid { grid-template-columns: 1fr; }
.sl-blog-grid2 { grid-template-columns: 1fr; }
.sl-cta2 h2 { font-size: 30px; }
}
Toalhas e roupões com qualidade premium
Mais de 30 anos produzindo os melhores produtos para banho do Brasil. Maciez, durabilidade e acabamento impecável para sua loja, hotel ou lar.
Anos de Mercado
Clientes Atendidos
Algodão Premium
Entrega para
todo o Brasil
Matéria-prima
selecionada
Garantia de
qualidade
Pedidos a partir
de 12 peças
Atendimento
personalizado
Linha Completa para Banho e Casa
Cada peça é produzida com rigoroso controle de qualidade. Do algodão ao acabamento final, nada escapa da nossa atenção.
Toalhas de Banho
Felpudas e ultramacias. Gramaturas de 380g a 550g. Absorção superior e secagem rápida.
Toalhas de Rosto
Lisas e bordadas para lavabos e banheiros sociais. Acabamento premium e personalização.
Roupões
Atoalhados, microfibra e kimono. Conforto para hotéis, spas e uso residencial premium.
Pano de Prato
Atoalhados e decorados. Alta absorção para cozinhas profissionais e residenciais.
Toalhas de Piso
Antiderrapantes e absorventes. Segurança e conforto para banheiros de hotéis e residências.
Linha Profissional
Toalhas para salões, barbearias, academias e spas. Resistência e custo-benefício.
Linha Gourmet
Toalhas e panos para cozinhas profissionais. Design sofisticado e máxima funcionalidade.
Kits Presente
Conjuntos premium para casamento, chá de casa nova e datas comemorativas. Embalagem especial.
O Que Nos Torna Diferentes
Três décadas de dedicação ao mercado têxtil nos ensinaram que qualidade é inegociável.
Qualidade Premium
Matéria-prima selecionada, controle rigoroso em cada etapa da produção e acabamento que você sente ao toque.
Produção Própria
Fábrica em Inhumas-GO com tecnologia moderna. Do fio à embalagem, tudo sob nosso controle de qualidade.
Atendimento Consultivo
Equipe especializada para ajudar lojistas e gestores a montar o mix ideal de produtos para seu negócio.
Entrega Nacional
Logística eficiente com envio para todo o Brasil. Pedidos fracionados e grandes volumes com prazo ágil.
Sustentabilidade
Processos produtivos conscientes com tratamento de efluentes e uso responsável de recursos naturais.
Preço Justo
Direto da fábrica para você. Sem intermediários, com condições especiais para lojistas e revendedores.
O Que Nossos Clientes Dizem
A satisfação de quem confia na Santelo há anos é nosso maior orgulho.
“Trabalho com as toalhas da Santelo há mais de 10 anos na minha loja. Qualidade consistente, clientes satisfeitos e margem de lucro excelente.”
“As toalhas para nosso salão são perfeitas. Resistem a dezenas de lavagens e mantêm a maciez. O atendimento da equipe é excepcional.”
“Equipamos todas as suítes do nosso hotel com toalhas e roupões Santelo. Os hóspedes elogiam a qualidade e a maciez. Recomendo fortemente.”
Dicas e Novidades
Conteúdo exclusivo sobre toalhas, cuidados têxteis e tendências do mercado.
Pronto para Conhecer
Nossa Linha Completa?
Entre em contato com nossa equipe e descubra as melhores opções em toalhas e produtos para banho.
document.addEventListener(“DOMContentLoaded”, function() {
// Smooth scroll
document.querySelectorAll(“a[href^=’#’]”).forEach(a => {
a.addEventListener(“click”, e => {
e.preventDefault();
const target = document.querySelector(a.getAttribute(“href”));
if (target) target.scrollIntoView({ behavior: “smooth”, block: “start” });
});
});
// Blog posts
fetch(“/wp-json/wp/v2/posts?per_page=3&_embed”)
.then(r => r.json())
.then(posts => {
const grid = document.getElementById(“sl-blog-posts2”);
if (!grid || !posts.length) return;
grid.innerHTML = posts.map(p => {
const img = p._embedded && p._embedded[“wp:featuredmedia”] && p._embedded[“wp:featuredmedia”][0]
? p._embedded[“wp:featuredmedia”][0].source_url
: “https://images.unsplash.com/photo-1630699293575-933e9b6c3db4?w=600&h=400&fit=crop&q=80”;
const cats = p._embedded && p._embedded[“wp:term”] && p._embedded[“wp:term”][0]
? p._embedded[“wp:term”][0].map(c => c.name).join(“, “)
: “Blog”;
return ‘
‘
‘
‘
‘ +
‘
‘ + p.title.rendered + ‘
‘ +
‘
‘ + p.excerpt.rendered.replace(/]+>/g,””).substring(0,120) + ‘…
‘ +
‘
‘;
}).join(“”);
})
.catch(() => {});
});