Da Arte à Encomenda
:root {
--roxo: #6e19ff;
--rosa: #ff30f0;
--grad: linear-gradient(135deg, #6e19ff, #ff30f0);
--dark: #0b0b1a;
--bege: #efe3d8;
--text-dark: #1f2937;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Inter", Arial, sans-serif;
}
body {
background: radial-gradient(circle at top, #12002b, #070012);
color: #e5e7eb;
line-height: 1.6;
}
.benefits {
display: flex;
flex-direction: column;
gap: 22px;
}
.benefit-item {
display: flex;
align-items: flex-start;
gap: 16px;
}
/* ÍCONE QUADRADO (igual ao da imagem) */
.icon-box {
width: 42px;
height: 42px;
min-width: 42px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #ff30f0, #6e19ff);
color: #fff;
font-size: 22px;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(255, 48, 240, 0.3);
}
/* TEXTO */
.benefit-item p {
margin: 0;
font-size: 15px;
line-height: 1.35; /* mais compacto */
color: #e5e7eb;
}
.benefit-item strong {
display: block;
font-size: 16px;
margin-bottom: 2px; /* antes era maior */
color: #fff;
}
.card-light {
background: #ffffff;
color: var(--text-dark);
border: 1px solid rgba(0, 0, 0, 0.06);
padding: 18px 20px;
border-radius: 14px;
display: flex;
align-items: center;
gap: 14px;
text-align: left;
transition: 0.25s ease;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}
.card-light:hover {
transform: translateY(-4px);
box-shadow: 0 14px 35px rgba(0, 0, 0, 0.1);
}
/* TEXTO */
.card-light span {
font-size: 15px;
font-weight: 500;
color: #1f2937;
}
/* AUTORA */
.author {
display: grid;
grid-template-columns: 320px 1fr;
gap: 40px;
align-items: center;
}
.author-img {
position: relative;
}
.author-img img {
width: 100%;
border-radius: 18px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
border: 2px solid rgba(255, 48, 240, 0.25);
transform: scale(0.98);
transition: 0.4s ease;
}
.author-img img:hover {
transform: scale(1);
}
/* texto */
.author-content p {
margin-bottom: 14px;
font-size: 15.5px;
color: #1f2937;
line-height: 1.7;
}
/* destaque final */
.author-highlight {
margin-top: 20px;
padding: 16px 18px;
border-left: 4px solid var(--rosa);
background: rgba(255, 255, 255, 0.8);
border-radius: 10px;
font-weight: 600;
}
/* mobile */
@media (max-width: 768px) {
.author {
grid-template-columns: 1fr;
text-align: center;
}
.author-img img {
max-width: 260px;
margin: 0 auto;
}
}
.video-section {
text-align: center;
}
.video-wrapper {
max-width: 900px;
margin: 30px auto 0;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
border: 1px solid rgba(255, 48, 240, 0.2);
}
.video-wrapper iframe {
width: 100%;
height: 500px;
}
@media (max-width: 768px) {
.video-wrapper iframe {
height: 220px;
}
}
/* CONTAINER */
.container {
max-width: 1100px;
margin: auto;
padding: 0 20px;
}
section {
padding: 20px 0 40px;
}
/* TITLES */
h2 {
text-align: center;
font-size: 32px;
margin-bottom: 35px;
font-family: "Quicksand", sans-serif;
font-weight: 600;
background: var(--grad);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h3 {
text-align: center;
font-family: "Quicksand", sans-serif;
font-weight: 600;
}
/* ================= HERO ================= */
.hero {
position: relative;
padding: 100px 20px 40px;
text-align: center;
overflow: hidden;
/* IMAGEM DE FUNDO */
background: url("poly.png")
center/cover no-repeat;
}
/* OVERLAY ESCURO (ESSENCIAL) */
.hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
rgba(11, 0, 40, 0.85),
rgba(26, 0, 61, 0.85)
);
z-index: 0;
}
/* GARANTE QUE TEXTO FIQUE NA FRENTE */
.hero * {
position: relative;
z-index: 1;
}
.hero h1 {
font-size: 52px;
font-family: "Quicksand", sans-serif;
font-weight: 700;
letter-spacing: -0.5px;
}
.meta {
margin-top: 10px;
color: #ddd;
}
/* BUTTON */
.btn {
display: inline-block;
margin-top: 25px;
padding: 15px 30px;
background: var(--grad);
color: #fff;
font-weight: bold;
border-radius: 12px;
text-decoration: none;
box-shadow: 0 0 25px rgba(255, 48, 240, 0.3);
transition: 0.3s;
}
.btn:hover {
transform: scale(1.05);
}
/* ================= COUNTDOWN ================= */
.countdown {
margin-top: 25px;
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.box {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 48, 240, 0.3);
padding: 12px 14px;
border-radius: 12px;
min-width: 75px;
backdrop-filter: blur(10px);
}
.box span {
font-size: 22px;
font-weight: bold;
display: block;
color: #ff30f0;
}
/* ================= GRID ================= */
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* CARD DARK */
.card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(110, 25, 255, 0.3);
padding: 22px;
border-radius: 16px;
text-align: center;
transition: 0.3s;
}
.card:hover {
transform: translateY(-5px);
border-color: var(--rosa);
box-shadow: 0 0 25px rgba(110, 25, 255, 0.25);
}
/* highlight */
.highlight {
background: rgba(255, 255, 255, 0.05);
border-left: 4px solid var(--rosa);
padding: 25px;
border-radius: 12px;
}
/* LIGHT SECTION */
.section-light {
background: var(--bege);
color: var(--text-dark);
}
.section-light h2 {
background: linear-gradient(135deg, #6e19ff, #ff30f0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* CTA */
.cta {
background: linear-gradient(135deg, #6e19ff, #ff30f0);
text-align: center;
padding: 90px 20px;
}
/* FLOAT */
.float {
position: fixed;
bottom: 20px;
right: 20px;
background: var(--grad);
padding: 14px 18px;
border-radius: 50px;
font-weight: bold;
text-decoration: none;
color: #fff;
box-shadow: 0 0 20px rgba(255, 48, 240, 0.4);
}
/* MOBILE */
.mobile {
position: fixed;
bottom: 0;
width: 100%;
background: #12002b;
text-align: center;
padding: 15px;
display: none;
border-top: 1px solid rgba(255, 48, 240, 0.3);
}
.mobile a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
/* REVEAL */
.reveal {
opacity: 0;
transform: translateY(40px);
transition: 0.8s;
margin-bottom: 20px;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
.bonus-grid {
grid-template-columns: repeat(4, 1fr);
}
.bonus-card {
background: var(--bege);
color: var(--text-dark);
border-radius: 16px;
overflow: hidden;
text-align: left;
transition: 0.3s;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.bonus-card:hover {
transform: translateY(-6px);
}
.bonus-card img {
width: 100%;
height: 200px;
object-fit: cover;
}
.bonus-card h3 {
font-size: 16px;
margin: 12px 12px 6px;
}
.bonus-card p {
font-size: 13px;
padding: 0 12px 15px;
opacity: 0.85;
}
.cta {
color: #fff;
}
/* FAQ */
.faq {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
border-radius: 14px;
margin-bottom: 12px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.faq-question {
width: 100%;
padding: 18px;
background: #efe3d8;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
cursor: pointer;
font-size: 15px;
}
.icon {
font-size: 20px;
transition: 0.3s;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition:
max-height 0.35s ease,
padding 0.35s ease;
padding: 0 18px;
font-size: 14px;
color: #1f2937;
}
.faq-item.active .faq-answer {
max-height: 200px;
padding: 16px 18px;
}
.faq-item.active .icon {
transform: rotate(45deg);
}
/* LOGO */
/* TOPBAR LOGO */
/* HEADER BASE */
.topbar {
width: 100%;
padding: 18px 0;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: rgba(11, 11, 26, 0.35);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 48, 240, 0.15);
transition: 0.4s ease;
}
/* CONTEÚDO */
.topbar-content {
display: flex;
justify-content: center;
align-items: center;
}
/* BRAND */
.brand {
display: flex;
align-items: center;
gap: 12px;
}
/* LOGO */
.logo-img {
height: 46px;
width: auto;
opacity: 0;
transform: translateY(-10px);
animation: fadeInDown 0.8s ease forwards;
}
/* NOME */
.brand-name {
font-family: "Quicksand", sans-serif;
font-size: 18px;
font-weight: 600;
background: linear-gradient(135deg, #6e19ff, #ff30f0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 0;
transform: translateY(-10px);
animation: fadeInDown 0.8s ease 0.2s forwards;
}
/* ANIMAÇÃO ENTRADA */
@keyframes fadeInDown {
to {
opacity: 1;
transform: translateY(0);
}
}
/* HEADER ENCOLHIDO (SCROLL) */
.topbar.shrink {
padding: 10px 0;
background: rgba(11, 11, 26, 0.7);
}
.topbar.shrink .logo-img {
height: 34px;
}
.topbar.shrink .brand-name {
font-size: 15px;
}
.logo img {
height: 96px;
width: auto;
object-fit: contain;
filter: drop-shadow(0 0 10px rgba(255, 48, 240, 0.25));
transition: 0.3s;
}
.logo img:hover {
transform: scale(1.05);
}
/* RESPONSIVO */
@media (max-width: 768px) {
.grid {
grid-template-columns: 1fr;
}
.hero h1 {
font-size: 32px;
}
.mobile {
display: block;
}
}
Da Arte à Encomenda
Transforme sua arte em renda constante
Sem depender de sorte ou promoções,
Imersão ao vivo + gravação | Vagas limitadas
Quero transformar minha arte
Se hoje você sente que…
✔
Cria muito, mas não vende o suficiente
✔
Se sente invisível no mercado
✔
Trabalha muito e lucra pouco
✔
Tem medo de se posicionar
O problema não é sua arte
Você não vende pouco por falta de talento.
Arte sem estratégia vira hobby.
O que você vai dominar
💰
Mentalidade de vendas lucrativas
📊
Precificação estratégica
📣
Conteúdo que gera pedidos
Bônus exclusivos
2 Aulas Bônus de Aramados
Aulas exclusivas sobre a técnica de aramados para você aumentar as chances de valorizar
o seu trabalho artesanal.
Pauli IA
Seu assistente inteligente para te ajudar a criar ideias, posts e
estratégias de venda automaticamente.
Isso não é um curso comum
É uma imersão prática para artesãs que querem sair do amadorismo e
viver de arte com estratégia e posicionamento.
Seu acesso completo inclui
🎥
Imersão ao vivo no dia 09/05
📺
Gravação completa
✨
2 aulas bônus exclusivas
🔒
Acesso vitalício
Quem é Pauliane Sampaio?
Olá, meu nome é Pauliane Sampaio, mas todos me conhecem como Poly.
Sou mãe da Cecile e do João e natural de Óbidos/PA. Sempre acreditei
que a educação poderia transformar a minha vida.
Sou formada em Geografia (UFAM) e mestre em Clima e Ambiente (INPA).
Durante muito tempo, me via na carreira acadêmica, mas a vida me
levou ao artesanato de forma inesperada.
Tudo começou com um simples laço feito para a festa junina da escola
da minha filha — e isso mudou completamente o meu caminho. O que era
hobby virou propósito: ensinar outras mulheres a viverem do próprio
talento.
Hoje lidero um coletivo de mulheres empreendedoras que crescem
juntas no artesanato e nos negócios.
No curso, você terá meu acompanhamento para tirar dúvidas e evoluir
sua jornada como artesã e empreendedora.
Você não precisa trabalhar mais.
Dúvidas Frequentes
Garantia do curso
+
Se você não ficar satisfeito(a) com o curso, basta nos avisar
dentro dos 7 dias de garantia que realizaremos seu reembolso.
Como funciona o curso?
+
O curso é uma imersão prática com aulas ao vivo e conteúdos
gravados, focado em transformar sua arte em vendas reais.
Quais as formas de pagamento?
+
Cartão de crédito, PIX ou boleto.
Por quanto tempo tenho acesso?
+
Aula ao vivo no dia 09/05/2026 e, em seguida, conteúdo gravado na plataforma de forma vitalícia.
Posso acessar pelo celular?
+
Sim, totalmente compatível com celular, tablet e computador.
const eventDate = new Date("2026-05-09T20:00:00").getTime();
setInterval(() => {
const now = new Date().getTime();
const diff = eventDate - now;
document.getElementById("d").innerText = Math.floor(
diff / (1000 * 60 * 60 * 24),
);
document.getElementById("h").innerText = Math.floor(
(diff / (1000 * 60 * 60)) % 24,
);
document.getElementById("m").innerText = Math.floor(
(diff / (1000 * 60)) % 60,
);
document.getElementById("s").innerText = Math.floor((diff / 1000) % 60);
}, 1000);
const els = document.querySelectorAll(".reveal");
const obs = new IntersectionObserver(
(e) => {
e.forEach(
(i) => i.isIntersecting && i.target.classList.add("active"),
);
},
{ threshold: 0.1 },
);
els.forEach((e) => obs.observe(e));
document.querySelectorAll(".faq-question").forEach((btn) => {
btn.addEventListener("click", () => {
const item = btn.parentElement;
// fecha outros (efeito premium)
document.querySelectorAll(".faq-item").forEach((el) => {
if (el !== item) el.classList.remove("active");
});
item.classList.toggle("active");
});
});
const topbar = document.getElementById("topbar");
window.addEventListener("scroll", () => {
if (window.scrollY > 50) {
topbar.classList.add("shrink");
} else {
topbar.classList.remove("shrink");
}
});
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Garantia do curso",
"acceptedAnswer": {
"@type": "Answer",
"text": "Se você não ficar satisfeito(a) com o curso, basta nos avisar dentro dos 14 dias de garantia que realizaremos seu reembolso."
}
},
{
"@type": "Question",
"name": "Como funciona o curso?",
"acceptedAnswer": {
"@type": "Answer",
"text": "O curso é uma imersão prática com aulas ao vivo e conteúdos gravados, focado em transformar sua arte em vendas reais."
}
},
{
"@type": "Question",
"name": "Quais as formas de pagamento?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Cartão de crédito, PIX ou boleto dependendo da plataforma de pagamento."
}
},
{
"@type": "Question",
"name": "Por quanto tempo tenho acesso ao curso?",
"acceptedAnswer": {
"@type": "Answer",
"text": "O acesso é de longo prazo ou vitalício dependendo da plataforma."
}
},
{
"@type": "Question",
"name": "Posso acessar pelo celular?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sim, o curso pode ser acessado por celular, tablet ou computador."
}
}
]
}
Da Arte à Encomenda
