<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ============================================================
SEO META TAGS
Personalize: troque SEUNUMERO pelo número do WhatsApp
Exemplo: 5521999999999 (DDI + DDD + número, sem espaços)
============================================================ -->
<title>Como Comprar Personalizado com Identidade Afro-Brasileira | Papel Afro</title>
<meta name="description" content="Saiba como pedir personalizados na Papel Afro. Canecas, camisas, copos, taças, xícaras, nécessaires, garrafas térmicas e brindes com identidade afro-brasileira. Sublimação e DTF. Rio de Janeiro e todo o Brasil.">
<meta name="keywords" content="personalizado afro-brasileiro, caneca personalizada, camisa personalizada sublimação, copo personalizado DTF, brinde corporativo personalizado RJ, lembrancinha personalizada festa, nécessaire personalizada, garrafa térmica personalizada, personalizado identidade negra, sublimação Rio de Janeiro, DTF RJ, papelafro, Papel Afro, presente personalizado com identidade">
<meta name="robots" content="index, follow">
<meta name="author" content="Papel Afro">
<link rel="canonical" href="https://www.papelafro.com.br/como-comprar">
<!-- Open Graph / redes sociais -->
<meta property="og:title" content="Como Comprar | Papel Afro — Personalizados com Identidade Afro-Brasileira">
<meta property="og:description" content="Personalizados que representam de verdade. Canecas, camisas, copos, brindes e mais. Sublimação e DTF com estética afro-brasileira. Rio de Janeiro e todo o Brasil.">
<meta property="og:url" content="https://www.papelafro.com.br/como-comprar">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Papel Afro">
<!-- Schema Markup — LocalBusiness (Google Rich Results) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Papel Afro",
"url": "https://www.papelafro.com.br",
"sameAs": ["https://www.instagram.com/papelafro"],
"description": "Personalizados com identidade afro-brasileira. Sublimação e DTF em canecas, camisas, copos, taças, xícaras, nécessaires, garrafas térmicas e brindes corporativos.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Rio de Janeiro",
"addressRegion": "RJ",
"addressCountry": "BR"
},
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"availableLanguage": "Portuguese"
},
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Personalizados Papel Afro",
"itemListElement": [
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Caneca personalizada"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Camisa personalizada"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Copo personalizado"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Taça personalizada"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Garrafa térmica personalizada"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Nécessaire personalizada"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Brindes corporativos personalizados"}}
]
}
}
</script>
<!-- Schema FAQ (SEO: aparece diretamente no Google) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Como funciona o pagamento na Papel Afro?",
"acceptedAnswer": {
"@type": "Answer",
"text": "O pagamento é realizado após o alinhamento do pedido e antes da aprovação final da arte. Isso garante que o processo seja ágil e que sua peça seja produzida dentro do prazo combinado. Aceitamos Pix e outras formas de pagamento."
}
},
{
"@type": "Question",
"name": "Preciso chegar com ideia pronta para pedir um personalizado?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Não. Na Papel Afro, o protagonismo criativo é nosso. Você só precisa nos contar sobre a pessoa que vai receber — jeito de ser, o que gosta, o que representa ela. A gente cuida da ideia, da arte e da execução."
}
},
{
"@type": "Question",
"name": "A Papel Afro faz pedidos em quantidade para eventos e empresas?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sim. Atendemos pedidos individuais e grandes lotes para eventos, brindes corporativos e lembrancinhas de festas. Pedidos em quantidade têm desconto."
}
},
{
"@type": "Question",
"name": "A Papel Afro entrega fora do Rio de Janeiro?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sim. Enviamos para todo o Brasil via Correios. No Rio de Janeiro, atendemos também via motoboy, Uber Flash ou retirada combinada."
}
},
{
"@type": "Question",
"name": "Qual é a diferença entre sublimação e DTF?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sublimação é uma técnica onde a tinta se funde ao material, entregando cores vivas e alta durabilidade — ideal para tecidos sintéticos, canecas, copos e azulejos. DTF (Direct to Film) é mais versátil e funciona em tecidos naturais como algodão. Ambas entregam resultado de alta qualidade."
}
}
]
}
</script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600&display=swap" rel="stylesheet">
<style>
/* ============================================================
RESET & BASE
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--preto: #000000;
--preto-suave: #111111;
--preto-card: #161616;
--amarelo: #FFD700;
--dourado: #C8961E;
--branco: #FFFFFF;
--cinza: #888888;
--borda: #272727;
}
html { scroll-behavior: smooth; }
body {
background-color: var(--preto);
color: var(--branco);
font-family: 'DM Sans', sans-serif;
font-weight: 400;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
/* ============================================================
TIPOGRAFIA
============================================================ */
.display { font-family: 'Playfair Display', serif; font-weight: 900; line-height: 1.1; }
.display em { font-style: italic; color: var(--amarelo); }
/* ============================================================
LAYOUT
============================================================ */
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
section { padding: 96px 0; }
/* ============================================================
NAVEGAÇÃO
============================================================ */
nav {
border-bottom: 1px solid var(--borda);
padding: 20px 0;
position: sticky;
top: 0;
background: rgba(0,0,0,0.96);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 100;
}
.nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-logo {
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 1.375rem;
color: var(--amarelo);
text-decoration: none;
}
.nav-cta {
background: var(--amarelo);
color: var(--preto);
padding: 10px 22px;
border-radius: 100px;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
white-space: nowrap;
}
.nav-cta:hover { background: var(--dourado); transform: translateY(-1px); }
/* ============================================================
HERO
============================================================ */
.hero {
padding: 120px 0 96px;
border-bottom: 1px solid var(--borda);
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--amarelo);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 28px;
}
.eyebrow::before {
content: '';
display: block;
width: 32px;
height: 1px;
background: var(--amarelo);
}
.hero h1 {
font-size: clamp(2.75rem, 6vw, 5rem);
margin-bottom: 24px;
max-width: 820px;
}
.hero-sub {
font-size: 1.0625rem;
color: var(--cinza);
max-width: 560px;
margin-bottom: 48px;
line-height: 1.85;
}
.btn-group { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--amarelo);
color: var(--preto);
padding: 15px 30px;
border-radius: 100px;
font-weight: 700;
font-size: 0.9375rem;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
}
.btn-primary:hover { background: var(--dourado); transform: translateY(-2px); }
.btn-ghost {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--borda);
color: var(--branco);
padding: 15px 30px;
border-radius: 100px;
font-weight: 500;
font-size: 0.9375rem;
text-decoration: none;
transition: border-color 0.2s, color 0.2s;
}
.btn-ghost:hover { border-color: var(--amarelo); color: var(--amarelo); }
/* ============================================================
SECTION HEADER
============================================================ */
.section-label {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--amarelo);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 16px;
}
.section-label::before {
content: '';
display: block;
width: 24px;
height: 1px;
background: var(--amarelo);
}
.section-title {
font-size: clamp(2rem, 4vw, 3rem);
margin-bottom: 16px;
max-width: 680px;
}
.section-desc {
color: var(--cinza);
font-size: 1rem;
max-width: 520px;
line-height: 1.85;
margin-bottom: 64px;
}
/* ============================================================
PROCESSO (STEPS)
============================================================ */
.steps { display: grid; gap: 0; }
.step {
display: grid;
grid-template-columns: 72px 1fr;
align-items: start;
gap: 24px;
padding: 40px 0;
border-bottom: 1px solid var(--borda);
transition: background 0.2s;
}
.step:last-child { border-bottom: none; }
.step:first-child { border-top: 1px solid var(--borda); }
.step-num {
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 3.25rem;
color: var(--borda);
line-height: 1;
transition: color 0.3s;
user-select: none;
}
.step:hover .step-num { color: var(--amarelo); }
.step-title {
font-size: 1.1875rem;
font-weight: 600;
margin-bottom: 8px;
color: var(--branco);
}
.step-desc {
color: var(--cinza);
font-size: 0.9375rem;
line-height: 1.75;
}
.step-desc strong { color: var(--branco); }
.step-tag {
display: inline-block;
background: var(--preto-card);
border: 1px solid var(--borda);
color: var(--amarelo);
font-size: 0.75rem;
font-weight: 600;
padding: 4px 14px;
border-radius: 100px;
margin-top: 12px;
}
.step-tag.gold {
background: #1A1700;
border-color: var(--dourado);
color: var(--amarelo);
}
/* ============================================================
AVISO / NOTICE
============================================================ */
.notice {
background: #1A1700;
border: 1px solid var(--dourado);
border-radius: 4px;
padding: 22px 26px;
display: flex;
gap: 16px;
align-items: flex-start;
margin-top: 48px;
}
.notice-icon {
font-size: 1.25rem;
flex-shrink: 0;
margin-top: 1px;
}
.notice-text {
font-size: 0.9375rem;
color: #D4AA00;
line-height: 1.7;
}
.notice-text strong { color: var(--amarelo); }
/* ============================================================
PRODUTOS
============================================================ */
.products-wrap {
border: 1px solid var(--borda);
}
.cat-header {
padding: 14px 28px;
background: var(--preto-card);
border-bottom: 1px solid var(--borda);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--dourado);
}
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 1px;
background: var(--borda);
}
.product-card {
background: var(--preto-card);
padding: 28px 24px;
transition: background 0.2s;
}
.product-card:hover { background: #1C1C1C; }
.product-icon {
font-size: 1.875rem;
margin-bottom: 14px;
display: block;
}
.product-name {
font-size: 0.9375rem;
font-weight: 600;
color: var(--branco);
margin-bottom: 4px;
}
.product-tech {
font-size: 0.6875rem;
color: var(--dourado);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 8px;
}
.product-desc {
font-size: 0.8125rem;
color: var(--cinza);
line-height: 1.55;
}
/* ============================================================
EVENTOS
============================================================ */
.events-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 10px;
}
.event-pill {
background: var(--preto-card);
border: 1px solid var(--borda);
padding: 18px 22px;
border-radius: 6px;
display: flex;
align-items: center;
gap: 14px;
transition: border-color 0.2s, background 0.2s;
text-decoration: none;
}
.event-pill:hover {
border-color: var(--amarelo);
background: #1A1700;
}
.event-emoji { font-size: 1.375rem; flex-shrink: 0; }
.event-name {
font-size: 0.875rem;
font-weight: 500;
color: var(--branco);
line-height: 1.3;
}
/* ============================================================
POR QUE
============================================================ */
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 2px;
background: var(--borda);
border: 1px solid var(--borda);
}
.why-card {
background: var(--preto-card);
padding: 36px 32px;
transition: background 0.2s;
}
.why-card:hover { background: #1C1C1C; }
.why-number {
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 2.25rem;
color: var(--amarelo);
margin-bottom: 16px;
line-height: 1;
}
.why-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 10px;
color: var(--branco);
}
.why-desc {
font-size: 0.875rem;
color: var(--cinza);
line-height: 1.75;
}
/* ============================================================
FAQ
============================================================ */
.faq-list { display: grid; gap: 0; }
details { border-bottom: 1px solid var(--borda); }
details:first-child { border-top: 1px solid var(--borda); }
summary {
padding: 26px 0;
font-size: 1rem;
font-weight: 600;
color: var(--branco);
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
transition: color 0.2s;
}
summary::-webkit-details-marker { display: none; }
summary:hover { color: var(--amarelo); }
.faq-icon {
width: 28px;
height: 28px;
border: 1px solid var(--borda);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--amarelo);
font-size: 1.125rem;
font-weight: 300;
transition: transform 0.25s, border-color 0.2s;
}
details[open] .faq-icon { transform: rotate(45deg); border-color: var(--amarelo); }
.faq-answer {
padding-bottom: 28px;
color: var(--cinza);
font-size: 0.9375rem;
line-height: 1.8;
max-width: 680px;
}
/* ============================================================
CTA FINAL
============================================================ */
.cta-section {
background: var(--preto-suave);
border-top: 1px solid var(--borda);
border-bottom: 1px solid var(--borda);
text-align: center;
padding: 120px 0;
}
.cta-section h2 {
font-size: clamp(2rem, 4vw, 3.5rem);
margin-bottom: 16px;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.cta-section p {
color: var(--cinza);
font-size: 1.0625rem;
max-width: 460px;
margin: 0 auto 48px;
line-height: 1.8;
}
/* ============================================================
FOOTER
============================================================ */
footer { padding: 48px 0; border-top: 1px solid var(--borda); }
.footer-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}
.footer-logo {
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 1.25rem;
color: var(--amarelo);
}
.footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
.footer-links a {
color: var(--cinza);
text-decoration: none;
font-size: 0.875rem;
transition: color 0.2s;
}
.footer-links a:hover { color: var(--amarelo); }
.footer-copy { color: var(--cinza); font-size: 0.8125rem; }
/* ============================================================
RESPONSIVO
============================================================ */
@media (max-width: 768px) {
section { padding: 72px 0; }
.hero { padding: 80px 0 64px; }
.cta-section { padding: 80px 0; }
.step { grid-template-columns: 52px 1fr; gap: 16px; padding: 32px 0; }
.step-num { font-size: 2.5rem; }
.events-grid { grid-template-columns: 1fr 1fr; }
.why-grid { grid-template-columns: 1fr; }
.footer-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 520px) {
.events-grid { grid-template-columns: 1fr; }
.products-grid { grid-template-columns: 1fr; }
.btn-group { flex-direction: column; }
.btn-primary, .btn-ghost { justify-content: center; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
* { transition: none !important; }
}
</style>
</head>
<body>
<!-- ============================================================
NAVEGAÇÃO
============================================================ -->
<nav aria-label="Navegação principal">
<div class="container nav-inner">
<a href="https://www.papelafro.com.br" class="nav-logo" aria-label="Papel Afro — página inicial">Papel Afro</a>
<a href="https://wa.me/55SEUNUMERO?text=Oi%2C%20vim%20pelo%20site%20e%20quero%20fazer%20um%20personalizado%21"
class="nav-cta" target="_blank" rel="noopener noreferrer">
Pedir agora →
</a>
</div>
</nav>
<!-- ============================================================
HERO
============================================================ -->
<section class="hero" aria-labelledby="hero-title">
<div class="container">
<span class="eyebrow">Como comprar na Papel Afro</span>
<h1 class="display" id="hero-title">
Personalizado com <em>alma.</em><br>Do seu jeito.
</h1>
<p class="hero-sub">
Na Papel Afro, cada peça tem motivo, estética e pertencimento. Aqui você encontra canecas, camisas, copos, brindes e muito mais com <strong style="color: var(--branco)">identidade afro-brasileira</strong> — feitos com cuidado real, do primeiro contato à entrega.
</p>
<div class="btn-group">
<a href="https://wa.me/55SEUNUMERO?text=Oi%2C%20vim%20pelo%20site%20e%20quero%20fazer%20um%20personalizado%21"
class="btn-primary" target="_blank" rel="noopener noreferrer">
Começar meu pedido
</a>
<a href="https://www.instagram.com/papelafro"
class="btn-ghost" target="_blank" rel="noopener noreferrer">
Ver no @papelafro
</a>
</div>
</div>
</section>
<!-- ============================================================
PROCESSO DE COMPRA
============================================================ -->
<section id="como-funciona" aria-labelledby="processo-title">
<div class="container">
<span class="section-label">Passo a passo</span>
<h2 class="section-title display" id="processo-title">
Como funciona o processo
</h2>
<p class="section-desc">
Simples, transparente e sem surpresas. Você acompanha tudo antes de qualquer peça ser produzida.
</p>
<div class="steps" role="list">
<article class="step" role="listitem">
<div class="step-num" aria-hidden="true">01</div>
<div>
<h3 class="step-title">Você nos conta o que quer criar</h3>
<p class="step-desc">
Manda uma mensagem no <strong>WhatsApp</strong> ou no direct do Instagram <strong>@papelafro</strong>. Conta pra gente quem vai receber, qual é a ocasião e o que representa essa pessoa. Não precisa chegar com ideia pronta — a gente cuida do resto.
</p>
<span class="step-tag">WhatsApp ou Instagram DM</span>
</div>
</article>
<article class="step" role="listitem">
<div class="step-num" aria-hidden="true">02</div>
<div>
<h3 class="step-title">A gente desenvolve a arte</h3>
<p class="step-desc">
Nossa equipe cria uma arte exclusiva pensada pra você — com identidade, estética afro-brasileira e intenção real. Nada genérico, nada aleatório. Cada detalhe é trabalhado com base no que você nos contou.
</p>
<span class="step-tag">Arte exclusiva inclusa no pedido</span>
</div>
</article>
<article class="step" role="listitem">
<div class="step-num" aria-hidden="true">03</div>
<div>
<h3 class="step-title">Você confirma o pedido e realiza o pagamento</h3>
<p class="step-desc">
Após alinharmos todos os detalhes — produto, quantidade e especificações — enviamos o orçamento. <strong>O pagamento é realizado antes da aprovação final da arte</strong>, garantindo que o processo avance com agilidade dentro do prazo combinado.
</p>
<span class="step-tag gold">⚡ Pagamento garante o início do processo</span>
</div>
</article>
<article class="step" role="listitem">
<div class="step-num" aria-hidden="true">04</div>
<div>
<h3 class="step-title">Você aprova a arte</h3>
<p class="step-desc">
Com o pagamento confirmado, enviamos a arte final para você validar. Nome, cores, layout — tudo é revisado junto com você. <strong>Só produzimos depois da sua aprovação.</strong> Nenhuma peça vai para a impressora sem o seu ok.
</p>
<span class="step-tag">Aprovação total antes da produção</span>
</div>
</article>
<article class="step" role="listitem">
<div class="step-num" aria-hidden="true">05</div>
<div>
<h3 class="step-title">A gente produz com cuidado</h3>
<p class="step-desc">
Arte aprovada, produção começa. Cada peça é feita com atenção aos detalhes que fazem a diferença — qualidade de impressão, cores fiéis e acabamento cuidadoso em sublimação ou DTF.
</p>
<span class="step-tag">Sublimação e DTF de alta qualidade</span>
</div>
</article>
<article class="step" role="listitem">
<div class="step-num" aria-hidden="true">06</div>
<div>
<h3 class="step-title">Sua peça chega até você</h3>
<p class="step-desc">
Entregamos via <strong>Correios</strong> para todo o Brasil, <strong>motoboy ou Uber Flash</strong> no Rio de Janeiro, ou <strong>retirada combinada</strong>. Você escolhe o que funciona melhor para o seu momento.
</p>
<span class="step-tag">Correios · Motoboy · Retirada</span>
</div>
</article>
</div>
<div class="notice" role="note">
<span class="notice-icon" aria-hidden="true">💛</span>
<p class="notice-text">
<strong>Importante:</strong> O pagamento é realizado antes da aprovação da arte. Isso garante que o processo avance com agilidade e que sua peça seja produzida dentro do prazo. Mas fique tranquila — <strong>nenhuma peça entra em produção sem a sua aprovação prévia da arte.</strong>
</p>
</div>
</div>
</section>
<!-- ============================================================
PRODUTOS
============================================================ -->
<section id="produtos" style="background: var(--preto-suave); border-top: 1px solid var(--borda); border-bottom: 1px solid var(--borda);" aria-labelledby="produtos-title">
<div class="container">
<span class="section-label">Catálogo</span>
<h2 class="section-title display" id="produtos-title">
O que você pode personalizar
</h2>
<p class="section-desc">
Trabalhamos com <strong style="color: var(--branco)">sublimação e DTF</strong> — duas das melhores técnicas de personalização disponíveis hoje. Isso nos permite criar em uma variedade ampla de produtos com qualidade e durabilidade reais.
</p>
<div class="products-wrap">
<!-- PARA O DIA A DIA -->
<div class="cat-header">Para o dia a dia</div>
<div class="products-grid">
<div class="product-card">
<span class="product-icon" aria-hidden="true">☕</span>
<div class="product-name">Caneca personalizada</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Presença toda manhã. A peça que mais lembra de quem deu — toda vez que ela é usada.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🫖</span>
<div class="product-name">Xícara personalizada</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Elegância no café, no chá ou no chocolate. Ideal para presentear com sofisticação.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🥤</span>
<div class="product-name">Copo personalizado</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Prático, bonito e com identidade. Para o cotidiano ou para festas e eventos.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🍷</span>
<div class="product-name">Taça personalizada</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Para quem merece brindar com estilo. Ótima opção para lembrancinhas de casamentos e eventos.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🌡️</span>
<div class="product-name">Garrafa térmica personalizada</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Presente funcional e identitário. Vai à academia, ao trabalho, à rua — e representa quem usa.</p>
</div>
</div>
<!-- VESTUÁRIO -->
<div class="cat-header" style="border-top: 1px solid var(--borda);">Vestuário</div>
<div class="products-grid">
<div class="product-card">
<span class="product-icon" aria-hidden="true">👕</span>
<div class="product-name">Camisa personalizada</div>
<div class="product-tech">Sublimação · DTF</div>
<p class="product-desc">Arte com identidade afro-brasileira aplicada em camisas que são usadas, fotografadas e comentadas. Peças que não ficam na gaveta.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">👗</span>
<div class="product-name">Baby look personalizada</div>
<div class="product-tech">Sublimação · DTF</div>
<p class="product-desc">Para quem quer identidade no próprio corpo. Estética preta em tecido com qualidade.</p>
</div>
</div>
<!-- ACESSÓRIOS & UTILIDADES -->
<div class="cat-header" style="border-top: 1px solid var(--borda);">Acessórios & Utilidades</div>
<div class="products-grid">
<div class="product-card">
<span class="product-icon" aria-hidden="true">🧴</span>
<div class="product-name">Nécessaire personalizada</div>
<div class="product-tech">Sublimação · DTF</div>
<p class="product-desc">Presente sofisticado e útil. Vai para a mala, para o banheiro, para onde ela quiser.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🎒</span>
<div class="product-name">Sacola personalizada</div>
<div class="product-tech">Sublimação · DTF</div>
<p class="product-desc">Identidade visual que circula. Boa para brindes de marca, eventos e presenteios.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🖱️</span>
<div class="product-name">Mouse pad personalizado</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Identidade na mesa de trabalho. Ótimo para brindes corporativos e home office.</p>
</div>
</div>
<!-- DECORAÇÃO & MEMÓRIA -->
<div class="cat-header" style="border-top: 1px solid var(--borda);">Decoração & Memória</div>
<div class="products-grid">
<div class="product-card">
<span class="product-icon" aria-hidden="true">🟨</span>
<div class="product-name">Azulejo personalizado</div>
<div class="product-tech">Sublimação 15×15cm</div>
<p class="product-desc">Presente que não fica guardado — fica exposto. Arte na parede, com orgulho.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🖼️</span>
<div class="product-name">Quadro personalizado</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Memória emoldurada. Para celebrar pessoas, momentos e histórias que merecem estar na parede.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🛋️</span>
<div class="product-name">Almofada personalizada</div>
<div class="product-tech">Sublimação</div>
<p class="product-desc">Decoração com afeto. Presente que fica na sala, no quarto — e todo mundo vê.</p>
</div>
</div>
<!-- BRINDES & FESTAS -->
<div class="cat-header" style="border-top: 1px solid var(--borda);">Brindes Corporativos & Festas</div>
<div class="products-grid">
<div class="product-card">
<span class="product-icon" aria-hidden="true">🏢</span>
<div class="product-name">Brindes corporativos</div>
<div class="product-tech">Sublimação · DTF</div>
<p class="product-desc">Para empresas que querem fortalecer presença de marca com identidade real. Personalizados em quantidade com desconto.</p>
</div>
<div class="product-card">
<span class="product-icon" aria-hidden="true">🎉</span>
<div class="product-name">Lembrancinhas para festas</div>
<div class="product-tech">Sublimação · DTF</div>
<p class="product-desc">Personalizadas por tema e identidade visual do evento. Aniversários, casamentos, chás de bebê, formaturas e muito mais.</p>
</div>
</div>
</div>
<div class="notice" role="note" style="margin-top: 40px;">
<span class="notice-icon" aria-hidden="true">💛</span>
<p class="notice-text">
Não encontrou o produto que procura? <strong>Manda uma mensagem.</strong> Nosso catálogo é amplo — muito mais do que está listado aqui. Se existe no mercado para sublimação ou DTF, a gente provavelmente cria com identidade.
</p>
</div>
</div>
</section>
<!-- ============================================================
EVENTOS / OCASIÕES
============================================================ -->
<section id="ocasioes" aria-labelledby="eventos-title">
<div class="container">
<span class="section-label">Ocasiões</span>
<h2 class="section-title display" id="eventos-title">
Para qual momento você está criando?
</h2>
<p class="section-desc">
A Papel Afro atende todo tipo de evento — do mais íntimo ao corporativo. Se tem uma história pra contar, a gente transforma em peça com identidade.
</p>
<div class="events-grid">
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🎂</span><span class="event-name">Aniversário</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">💍</span><span class="event-name">Casamento</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🍼</span><span class="event-name">Chá de bebê</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🎀</span><span class="event-name">Chá revelação</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🎓</span><span class="event-name">Formatura</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">👑</span><span class="event-name">Debutante</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🌸</span><span class="event-name">Dia das Mães</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">👔</span><span class="event-name">Dia dos Pais</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">💛</span><span class="event-name">Dia dos Namorados</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">📚</span><span class="event-name">Dia do Professor</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">📋</span><span class="event-name">Dia da Secretária</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">✝️</span><span class="event-name">Batizado</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🌟</span><span class="event-name">Natal & Fim de Ano</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🏢</span><span class="event-name">Brinde corporativo</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🎊</span><span class="event-name">Confraternização</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🚀</span><span class="event-name">Lançamento de marca</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">👨👩👧👦</span><span class="event-name">Encontro de família</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">🖤</span><span class="event-name">Consciência Negra</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">📦</span><span class="event-name">Kit de presenteio</span></div>
<div class="event-pill"><span class="event-emoji" aria-hidden="true">✨</span><span class="event-name">Qualquer motivo</span></div>
</div>
</div>
</section>
<!-- ============================================================
POR QUE PAPEL AFRO
============================================================ -->
<section id="por-que" style="background: var(--preto-suave); border-top: 1px solid var(--borda); border-bottom: 1px solid var(--borda);" aria-labelledby="porque-title">
<div class="container">
<span class="section-label">Por que a Papel Afro</span>
<h2 class="section-title display" id="porque-title">
Personalizado não é impressão.<br>É <em>presença.</em>
</h2>
<p class="section-desc">
O que diferencia a Papel Afro de qualquer outra loja de personalizados não está só na técnica. Está na intenção.
</p>
<div class="why-grid">
<div class="why-card">
<div class="why-number" aria-hidden="true">01</div>
<h3 class="why-title">Identidade afro-brasileira como fundamento</h3>
<p class="why-desc">Não usamos identidade como enfeite de campanha. A estética preta e a criatividade afro-brasileira são a base de tudo que criamos — do layout à escolha das cores.</p>
</div>
<div class="why-card">
<div class="why-number" aria-hidden="true">02</div>
<h3 class="why-title">Você aprova antes de qualquer produção</h3>
<p class="why-desc">Arte enviada, revisada e confirmada por você antes de ir pra impressão. Sem surpresas desagradáveis na entrega. Seu ok é obrigatório.</p>
</div>
<div class="why-card">
<div class="why-number" aria-hidden="true">03</div>
<h3 class="why-title">Atendimento com escuta real</h3>
<p class="why-desc">A primeira pergunta que fazemos não é "qual produto você quer". É "me conta sobre quem vai receber". Porque presente bom começa por entender a pessoa.</p>
</div>
<div class="why-card">
<div class="why-number" aria-hidden="true">04</div>
<h3 class="why-title">Arte exclusiva inclusa</h3>
<p class="why-desc">Desenvolvemos a arte junto com você — sem cobrar separado, sem te jogar para um banco de imagens genérico. Cada peça tem arte criada para aquele momento específico.</p>
</div>
<div class="why-card">
<div class="why-number" aria-hidden="true">05</div>
<h3 class="why-title">Pedidos individuais e em quantidade</h3>
<p class="why-desc">Atendemos tanto quem quer uma peça única quanto empresas e eventos com centenas de unidades. O cuidado é o mesmo nos dois casos.</p>
</div>
<div class="why-card">
<div class="why-number" aria-hidden="true">06</div>
<h3 class="why-title">Entregamos para todo o Brasil</h3>
<p class="why-desc">No Rio de Janeiro, via motoboy ou Uber Flash. Para o restante do Brasil, via Correios. Onde você estiver, a Papel Afro chega com cuidado.</p>
</div>
</div>
</div>
</section>
<!-- ============================================================
FAQ — PERGUNTAS FREQUENTES
(Schema markup já declarado no <head> para rich results)
============================================================ -->
<section id="faq" aria-labelledby="faq-title">
<div class="container">
<span class="section-label">Dúvidas frequentes</span>
<h2 class="section-title display" id="faq-title">
Perguntas que a gente recebe todo dia
</h2>
<p class="section-desc" style="margin-bottom: 48px;">
Se tiver mais alguma, é só chamar no WhatsApp — o atendimento é feito direto pela Cami.
</p>
<div class="faq-list">
<details>
<summary>
Como funciona o pagamento?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">O pagamento é realizado após o alinhamento de todos os detalhes do pedido e antes da aprovação final da arte. Isso garante agilidade no processo e que sua peça seja produzida dentro do prazo combinado. Aceitamos Pix e outras formas — consulte disponibilidade no atendimento.</p>
</details>
<details>
<summary>
Preciso chegar com ideia pronta?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">Não. Na Papel Afro, o protagonismo criativo é nosso. Você só precisa nos contar sobre a pessoa que vai receber — o jeito de ser, o que ela gosta, o que representa ela. A gente cuida da ideia, da arte e da execução. Sem peso para você.</p>
</details>
<details>
<summary>
Vocês fazem pedidos em quantidade para eventos e empresas?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">Sim. Atendemos tanto pedidos individuais quanto grandes lotes para eventos, brindes corporativos e lembrancinhas de festas. Pedidos em quantidade têm desconto — consulte condições diretamente no atendimento.</p>
</details>
<details>
<summary>
Qual é o prazo de produção?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">O prazo varia conforme o produto, a quantidade e a complexidade da arte. Informamos o prazo estimado no momento do orçamento. Se você tem uma data específica, nos avise com antecedência para garantir a entrega no tempo certo.</p>
</details>
<details>
<summary>
Vocês entregam fora do Rio de Janeiro?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">Sim. Enviamos para todo o Brasil via Correios. No Rio de Janeiro, atendemos também via motoboy, Uber Flash ou retirada combinada. Consulte prazos e valores de frete no atendimento.</p>
</details>
<details>
<summary>
Qual é a diferença entre sublimação e DTF?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">Sublimação é uma técnica em que a tinta se funde ao material, entregando cores vivas e alta durabilidade — ideal para tecidos sintéticos, canecas, copos, taças e azulejos. DTF (Direct to Film) é mais versátil e funciona em uma variedade maior de materiais, incluindo tecidos naturais como o algodão. Ambas entregam resultado de alta qualidade — a escolha depende do produto e do efeito desejado.</p>
</details>
<details>
<summary>
Posso pedir uma peça única ou precisa ser em quantidade mínima?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">Você pode pedir uma única peça. Não exigimos quantidade mínima para pedidos individuais. Atendemos desde um presente único até lotes para eventos e empresas.</p>
</details>
<details>
<summary>
Como entro em contato para fazer meu pedido?
<span class="faq-icon" aria-hidden="true">+</span>
</summary>
<p class="faq-answer">Pelo WhatsApp ou pelo direct do Instagram @papelafro. O atendimento é feito pela Cami — diretamente, com atenção e sem robô. A gente responde com cuidado e orienta você em cada etapa.</p>
</details>
</div>
</div>
</section>
<!-- ============================================================
CTA FINAL
============================================================ -->
<section class="cta-section" aria-labelledby="cta-title">
<div class="container">
<h2 class="display" id="cta-title">
Pronta pra criar algo que vai ser <em>lembrado?</em>
</h2>
<p>Conta pra gente sobre quem vai receber. A gente cuida do resto — da arte à entrega.</p>
<div class="btn-group" style="justify-content: center;">
<a href="https://wa.me/5521983842744?text=Oi%2C%20vim%20pelo%20site%20e%20quero%20fazer%20um%20personalizado%21"
class="btn-primary" target="_blank" rel="noopener noreferrer">
Falar no WhatsApp
</a>
<a href="https://www.instagram.com/papelafro"
class="btn-ghost" target="_blank" rel="noopener noreferrer">
@papelafro no Instagram
</a>
</div>
</div>
</section>
<!-- ============================================================
FOOTER
============================================================ -->
<footer aria-label="Rodapé">
<div class="container footer-inner">
<div class="footer-logo">Papel Afro</div>
<div class="footer-links">
<a href="https://www.papelafro.com.br" rel="noopener">papelafro.com.br</a>
<a href="https://www.instagram.com/papelafro" target="_blank" rel="noopener noreferrer">@papelafro</a>
<a href="https://wa.me/5521983842744" target="_blank" rel="noopener noreferrer">WhatsApp</a>
</div>
<p class="footer-copy">© 2026 Papel Afro · Personalizado com identidade.</p>
</div>
</footer>
</body>
</html>
