:root{
–lilas:#CD33F9;
–preto:#000;
–cinza:#666;
–bg:#ffffff;
–card:#f7f7f9;
}
*{box-sizing:border-box}
body{
margin:0;
font-family: Arial, Helvetica, sans-serif;
background:var(–bg);
color:var(–preto);
}
.wrap{max-width:1100px; margin:0 auto; padding:24px;}
header{
padding:18px 0 6px;
display:flex;
flex-direction:column;
gap:10px;
}
.brand{
font-weight:900;
letter-spacing:.3px;
font-size:22px;
}
.brand span{color:var(–lilas)}
.hero{
border:1px solid #eee;
border-radius:18px;
padding:18px;
display:flex;
gap:16px;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
.hero h1{
margin:0;
font-size:28px;
line-height:1.15;
}
.hero p{margin:8px 0 0; color:var(–cinza); line-height:1.4}
.cta{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:12px;
}
.btn{
display:inline-block;
padding:12px 14px;
border-radius:12px;
font-weight:800;
text-decoration:none;
border:2px solid var(–preto);
color:var(–preto);
background:#fff;
}
.btn.primary{
border-color:var(–lilas);
background:var(–lilas);
color:#000;
}
.filters{
margin:16px 0 10px;
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}
.input{
padding:12px 12px;
border-radius:12px;
border:1px solid #e6e6e6;
min-width:240px;
outline:none;
}
.tag{
padding:10px 12px;
border:1px solid #e6e6e6;
border-radius:999px;
cursor:pointer;
user-select:none;
font-weight:700;
color:#222;
background:#fff;
}
.tag.active{
border-color:var(–lilas);
box-shadow:0 0 0 3px rgba(205,51,249,.15);
}
.grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:14px;
margin-top:10px;
}
@media (max-width: 980px){ .grid{grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 620px){ .grid{grid-template-columns: 1fr;} .hero h1{font-size:24px;} }
.card{
background:var(–card);
border:1px solid #eee;
border-radius:18px;
overflow:hidden;
display:flex;
flex-direction:column;
min-height:100%;
}
.thumb{
background:#fff;
aspect-ratio: 16/10;
display:flex;
align-items:center;
justify-content:center;
border-bottom:1px solid #eee;
}
.thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.card-body{padding:14px; display:flex; flex-direction:column; gap:8px; flex:1;}
.pill{
display:inline-block;
font-size:12px;
font-weight:900;
letter-spacing:.3px;
padding:6px 10px;
border-radius:999px;
border:1px solid #ddd;
background:#fff;
width:max-content;
}
.title{
margin:0;
font-size:18px;
font-weight:900;
line-height:1.2;
}
.desc{margin:0; color:var(–cinza); line-height:1.35; font-size:14px;}
.price{font-weight:900; font-size:16px;}
.actions{display:flex; gap:10px; margin-top:auto; flex-wrap:wrap;}
footer{
margin:22px 0 10px;
color:var(–cinza);
font-size:13px;
line-height:1.4;
}
.small{font-size:12px;color:var(–cinza)}

Todos
Educação Infantil
Fundamental I
Leitura
Decoração

LEITURA

BANQUETE DA LEITURA – ESTÁ NO AR, MAIS VOCÊ!

Kit pronto para imprimir com recursos e atividades para incentivar leitura e participação da turma.

R$ 00,00
Quero esse
WhatsApp

DECORAÇÃO

KIT SALA DE AULA – ASTRONAUTAS DA APRENDIZAGEM

Decoração linda + funcional para organizar e inspirar sua sala, tudo pronto em PDF.

R$ 00,00
Quero esse
WhatsApp

EDUCAÇÃO INFANTIL

PLANNERS BNCC 2026 – EDUCAÇÃO INFANTIL

Planejamento anual, mensal e diário. Mais segurança e clareza no seu ano letivo.

R$ 00,00
Quero esse
WhatsApp

:root{
–lilas:#CD33F9;
–preto:#000000;
–cinza:#6b6b6b;
–borda:#ececec;
–bg:#ffffff;
–card:#f7f7fb;
}
*{ box-sizing:border-box; }
body{
margin:0;
font-family: Arial, Helvetica, sans-serif;
background: var(–bg);
color: var(–preto);
}
.wrap{
max-width: 1120px;
margin: 0 auto;
padding: 22px;
}
.topbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
padding: 10px 0 6px;
}
.brand{
font-weight: 900;
letter-spacing:.2px;
font-size: 18px;
}
.brand b{ color: var(–lilas); }
.chip{
border:1px solid var(–borda);
background:#fff;
padding:8px 12px;
border-radius:999px;
font-weight:800;
font-size:12px;
}
.hero{
border:1px solid var(–borda);
border-radius: 18px;
padding: 18px;
display:flex;
gap: 16px;
flex-wrap:wrap;
justify-content: space-between;
align-items:flex-start;
}
.hero h1{
margin: 0;
font-size: 30px;
line-height: 1.12;
letter-spacing:.1px;
}
.hero p{
margin: 10px 0 0;
color: var(–cinza);
line-height: 1.45;
max-width: 720px;
}
.cta{
margin-top: 14px;
display:flex;
gap: 10px;
flex-wrap:wrap;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding: 12px 14px;
border-radius: 12px;
font-weight: 900;
text-decoration:none;
border:2px solid var(–preto);
background:#fff;
color: var(–preto);
cursor:pointer;
user-select:none;
}
.btn.primary{
background: var(–lilas);
border-color: var(–lilas);
color: #000;
}
.section-title{
margin: 22px 0 12px;
font-size: 22px;
line-height: 1.2;
text-transform: uppercase;
font-weight: 900;
text-align:center;
}
.section-title .lilas{ color: var(–lilas); }
.section-title .preto{ color: var(–preto); }
.tools{
display:flex;
gap: 10px;
flex-wrap:wrap;
align-items:center;
justify-content:center;
margin: 10px 0 16px;
}
.input{
padding: 12px 12px;
border-radius: 12px;
border: 1px solid var(–borda);
min-width: 260px;
outline:none;
}
.tag{
padding: 10px 12px;
border:1px solid var(–borda);
border-radius: 999px;
background:#fff;
font-weight: 900;
font-size: 12px;
cursor:pointer;
user-select:none;
}
.tag.active{
border-color: var(–lilas);
box-shadow: 0 0 0 3px rgba(205,51,249,.14);
}
.grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
@media (max-width: 980px){ .grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px){
.grid{ grid-template-columns: 1fr; }
.hero h1{ font-size: 24px; }
}
.card{
border: 1px solid var(–borda);
border-radius: 18px;
overflow:hidden;
background: var(–card);
display:flex;
flex-direction:column;
min-height: 100%;
}
.thumb{
background:#fff;
border-bottom:1px solid var(–borda);
aspect-ratio: 16/10;
}
.thumb img{
width: 100%;
height: 100%;
object-fit: cover;
display:block;
}
.body{
padding: 14px;
display:flex;
flex-direction:column;
gap: 8px;
flex:1;
}
.pill{
display:inline-block;
width:max-content;
background:#fff;
border:1px solid #ddd;
border-radius:999px;
padding: 6px 10px;
font-weight: 900;
font-size: 11px;
letter-spacing:.2px;
text-transform: uppercase;
}
.title{
margin:0;
font-size: 16px;
font-weight: 900;
line-height: 1.2;
text-transform: uppercase;
}
.desc{
margin:0;
color: var(–cinza);
font-size: 13px;
line-height: 1.35;
}
.price{
font-weight: 900;
font-size: 16px;
margin-top: 2px;
}
.actions{
margin-top:auto;
display:flex;
gap: 10px;
flex-wrap:wrap;
}
/* Modal (mini landing page do produto) */
.overlay{
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
display:none;
align-items:center;
justify-content:center;
padding: 16px;
z-index: 9999;
}
.modal{
width: min(900px, 100%);
background:#fff;
border-radius: 18px;
overflow:hidden;
border:1px solid var(–borda);
display:grid;
grid-template-columns: 1.1fr 1fr;
}
@media (max-width: 820px){ .modal{ grid-template-columns: 1fr; } }
.modal-img{
background:#fff;
border-right:1px solid var(–borda);
}
.modal-img img{
width:100%;
height:100%;
max-height: 520px;
object-fit: cover;
display:block;
}
@media (max-width: 820px){
.modal-img{ border-right:none; border-bottom:1px solid var(–borda); }
.modal-img img{ max-height: 320px; }
}
.modal-body{
padding: 16px;
display:flex;
flex-direction:column;
gap:10px;
}
.modal-top{
display:flex;
gap:10px;
align-items:flex-start;
justify-content:space-between;
}
.close{
border:1px solid var(–borda);
background:#fff;
border-radius: 12px;
padding: 8px 10px;
font-weight: 900;
cursor:pointer;
}
.modal h3{
margin:0;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
line-height:1.2;
}
.list{
margin:0;
padding-left: 18px;
color: #222;
line-height: 1.45;
}
.fine{
color: var(–cinza);
font-size: 12px;
line-height: 1.35;
}
footer{
margin: 22px 0 6px;
color: var(–cinza);
font-size: 12px;
line-height: 1.4;
text-align:center;
}

Profª Adelaide | Turminha da Alfabetização
PDF • Acesso imediato • Pronto para imprimir

🔥 OS QUERIDINHOS DAS PROFESSORAS PARA SUA SALA DE AULA

Todos
Leitura
Decoração
Planners
Educação Infantil
Fundamental I

CATEGORIA

TÍTULO

✕

Descrição

R$ 00,00
QUERO ESSE MATERIAL
TIRAR DÚVIDA NO WHATSAPP
✅ Acesso imediato após a compra • ✅ Pronto para imprimir • ✅ Linguagem de professora para professora

/************* EDITAR AQUI (PRODUTOS) *************
* Para colocar imagem: use link de imagem (https://…) OU arquivo local (ex: “imagens/banquete.jpg”)
* Para link de compra: cole o link do checkout/Hotmart do produto
* Para WhatsApp: coloque seu número com DDI e DDD, ex: 5585XXXXXXXXX
**************************************************/
const WHATSAPP_NUMERO = “5585SEUNUMEROAQUI”;
const produtos = [
{
destaque: true,
tags: [“leitura”,”fundamental”],
categoria: “Leitura”,
titulo: “BANQUETE DA LEITURA – ESTÁ NO AR, MAIS VOCÊ!”,
descricao: “Projeto pronto em PDF para transformar o momento da leitura em algo prazeroso e significativo.”,
oqueVem: [
“Projeto completo em PDF”,
“Recursos visuais e atividades”,
“Orientações para aplicação”,
“Pronto para imprimir”
],
preco: “R$ 00,00”,
imagem: “IMAGENS/banquete.jpg”,
linkCompra: “COLE_AQUI_O_LINK_DA_HOTMART”,
textoWpp: “Oi Profª Adelaide! Quero o BANQUETE DA LEITURA.”
},
{
destaque: true,
tags: [“decoracao”,”infantil”,”fundamental”],
categoria: “Decoração”,
titulo: “KIT SALA DE AULA – ASTRONAUTAS DA APRENDIZAGEM”,
descricao: “Decoração linda + funcional para organizar e inspirar sua sala, tudo pronto para imprimir.”,
oqueVem: [
“Itens de organização e decoração”,
“Visual acolhedor e temático”,
“Arquivos em PDF prontos”,
“Fácil de aplicar na sala”
],
preco: “R$ 00,00”,
imagem: “IMAGENS/astronautas.jpg”,
linkCompra: “COLE_AQUI_O_LINK_DA_HOTMART”,
textoWpp: “Oi Profª Adelaide! Quero o KIT ASTRONAUTAS DA APRENDIZAGEM.”
},
{
destaque: false,
tags: [“planners”,”infantil”],
categoria: “Planners”,
titulo: “PLANNER BNCC 2026 – EDUCAÇÃO INFANTIL”,
descricao: “Planejamento anual, mensal e diário para você ensinar com mais segurança e clareza.”,
oqueVem: [
“Planejamento anual, mensal e diário”,
“Campos de experiência (BNCC)”,
“Organização da rotina”,
“Pronto para imprimir”
],
preco: “R$ 00,00”,
imagem: “IMAGENS/planner-infantil.jpg”,
linkCompra: “COLE_AQUI_O_LINK_DA_HOTMART”,
textoWpp: “Oi Profª Adelaide! Quero o PLANNER BNCC 2026 EDUCAÇÃO INFANTIL.”
}
];
// ———- Render ———-
const grid = document.querySelector(“#todos”);
const search = document.querySelector(“#search”);
const tags = document.querySelectorAll(“.tag”);
let filtro = “todos”;
function makeCard(p, idx){
const article = document.createElement(“article”);
article.className = “card”;
article.setAttribute(“data-tags”, p.tags.join(” “));
article.setAttribute(“data-destaque”, p.destaque ? “1” : “0”);
article.innerHTML = `

QUERO O MATERIAL

🔥 OS QUERIDINHOS DAS PROFESSORAS
PARA SUA SALA DE AULA

LEITURA

BANQUETE DA LEITURA – ESTÁ NO AR, MAIS VOCÊ!

• Material pronto em PDF
• Atividades + recursos visuais
• Acesso imediato

R$ 00,00


VER DETALHES



COMPRAR