Clique aqui


Oferta!
Adesivo Dinossauro Infantil
R$10.00 R$8.00
Add to cart

Oferta!
Adesivo Monstrinho Engraçado
R$10.00 R$8.00
Add to cart

Oferta!
Adesivo Infantil Decorativo Gatinho
R$10.00 R$8.00
Add to cart

/* ===== BENEFITS ===== */
.benefits-section {
padding: 60px 20px;
background: #fdfaf6;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
}
.benefits-section .container {
max-width: 480px;
margin: 0 auto;
}
.section-center {
text-align: center;
margin-bottom: 35px;
}
.section-tag {
display: inline-block;
background: #fce4e4;
color: #c97a6a;
padding: 6px 18px;
border-radius: 30px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 12px;
letter-spacing: 0.3px;
}
.section-title {
font-size: 1.8rem;
font-weight: 650;
color: #3e3530;
margin: 0 0 8px;
line-height: 1.2;
}
.section-sub {
color: #7b6e65;
font-size: 0.95rem;
margin: 0;
line-height: 1.5;
}
.benefits-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
.benefit-card {
background: white;
border-radius: 22px;
padding: 20px 14px;
flex: 1 1 140px;
min-width: 130px;
max-width: 160px;
text-align: center;
box-shadow: 0 8px 24px rgba(0,0,0,0.03);
transition: transform 0.25s ease, box-shadow 0.25s ease;
border: 1px solid #f5ede4;
}
.benefit-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 30px rgba(0,0,0,0.06);
}
.benefit-icon {
font-size: 2.2rem;
margin-bottom: 10px;
}
.benefit-title {
font-weight: 650;
color: #3e3530;
font-size: 0.9rem;
margin-bottom: 6px;
}
.benefit-desc {
color: #7b6e65;
font-size: 0.78rem;
line-height: 1.4;
}
/* ===== REVIEWS ===== */
.reviews-section {
padding: 50px 20px 60px;
background: #ffffff;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
}
.reviews-section .container {
max-width: 480px;
margin: 0 auto;
}
.reviews-summary {
display: flex;
align-items: center;
gap: 20px;
background: #fdf7f0;
border-radius: 24px;
padding: 20px;
margin-bottom: 24px;
flex-wrap: wrap;
justify-content: center;
}
.reviews-score {
text-align: center;
min-width: 100px;
}
.score-num {
font-size: 2.8rem;
font-weight: 700;
color: #3e3530;
line-height: 1;
}
.score-stars {
font-size: 1.3rem;
color: #f4b28b;
letter-spacing: 2px;
}
.score-count {
font-size: 0.8rem;
color: #7b6e65;
}
.reviews-bars {
flex: 1;
min-width: 180px;
}
.bar-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
font-size: 0.8rem;
}
.bar-label {
color: #7b6e65;
min-width: 32px;
}
.bar-track {
flex: 1;
height: 8px;
background: #f0e6d8;
border-radius: 10px;
overflow: hidden;
}
.bar-fill {
height: 100%;
background: #d49b8b;
border-radius: 10px;
transition: width 0.6s ease;
}
.reviews-grid {
display: flex;
flex-direction: column;
gap: 14px;
}
.review-card {
background: #fdfaf6;
border-radius: 22px;
padding: 18px;
border: 1px solid #f5ede4;
transition: transform 0.25s ease;
}
.review-card:hover {
transform: translateY(-2px);
}
.review-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.review-avatar {
width: 44px;
height: 44px;
border-radius: 16px;
background: #f0e0d6;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
flex-shrink: 0;
}
.review-meta h4 {
margin: 0;
font-size: 0.95rem;
color: #3e3530;
font-weight: 600;
}
.review-meta p {
margin: 2px 0 0;
font-size: 0.75rem;
color: #9b8e84;
}
.review-stars {
color: #f4b28b;
font-size: 0.95rem;
margin-bottom: 6px;
}
.review-text {
color: #4a3f3a;
font-size: 0.88rem;
line-height: 1.5;
margin-bottom: 10px;
}
.review-images {
display: flex;
gap: 8px;
margin-bottom: 8px;
}
.review-thumb {
width: 36px;
height: 36px;
background: #f5ede4;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
}
.review-verified {
font-size: 0.72rem;
color: #5a9e6f;
font-weight: 600;
}
/* ===== VIDEO ===== */
.video-section {
padding: 50px 20px 60px;
background: #fdfaf6;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
}
.video-section .container {
max-width: 480px;
margin: 0 auto;
}
.video-inner {
display: flex;
flex-direction: column;
gap: 28px;
}
.video-content .section-tag {
display: inline-block;
background: #e3f2fd;
color: #5a7d9a;
padding: 6px 18px;
border-radius: 30px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 12px;
}
.video-content .section-title {
font-size: 1.7rem;
font-weight: 650;
color: #3e3530;
margin: 0 0 8px;
}
.video-content .section-sub {
color: #7b6e65;
font-size: 0.9rem;
margin-bottom: 20px;
}
.video-steps {
list-style: none;
padding: 0;
margin: 0;
}
.video-step {
display: flex;
gap: 14px;
align-items: flex-start;
margin-bottom: 16px;
}
.step-num {
width: 32px;
height: 32px;
background: #fce4e4;
color: #c97a6a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.9rem;
flex-shrink: 0;
}
.step-text {
color: #4a3f3a;
font-size: 0.9rem;
line-height: 1.5;
}
.btn-primary {
display: inline-block;
background: #f5e1d3;
color: #3e3530;
padding: 16px 32px;
border-radius: 50px;
font-weight: 650;
font-size: 1rem;
text-decoration: none;
box-shadow: 0 10px 24px rgba(214,168,140,0.3);
transition: all 0.25s ease;
border: none;
cursor: pointer;
}
.btn-primary:hover {
background: #f0cfbc;
transform: translateY(-2px);
}
.video-frame {
background: #f5ede4;
border-radius: 28px;
overflow: hidden;
cursor: pointer;
transition: transform 0.25s ease;
}
.video-frame:hover {
transform: scale(1.02);
}
.video-placeholder {
height: 240px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #f8d5c4, #e8c4b8);
position: relative;
}
.video-corner-badge {
position: absolute;
top: 14px;
right: 14px;
background: rgba(255,255,255,0.9);
border-radius: 14px;
padding: 6px 14px;
text-align: center;
}
.vcb-num {
font-weight: 700;
color: #3e3530;
font-size: 0.95rem;
}
.vcb-label {
font-size: 0.65rem;
color: #7b6e65;
}
.video-emoji {
font-size: 4rem;
margin-bottom: 10px;
}
.video-play-btn {
width: 56px;
height: 56px;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
color: #3e3530;
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}
.video-play-text {
color: rgba(255,255,255,0.9);
font-size: 0.8rem;
margin-top: 10px;
font-weight: 500;
}
/* ===== OFFER ===== */
.offer-section {
padding: 40px 20px 60px;
background: #ffffff;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
}
.offer-section .container {
max-width: 480px;
margin: 0 auto;
}
.offer-card {
background: linear-gradient(135deg, #fef9f4, #fdf3ea);
border-radius: 32px;
overflow: hidden;
border: 1px dashed #d7b9a5;
box-shadow: 0 12px 32px rgba(0,0,0,0.04);
}
.offer-img-side {
background: #fce4e4;
padding: 30px 20px;
text-align: center;
}
.offer-emoji-cluster {
font-size: 3rem;
letter-spacing: 8px;
margin-bottom: 8px;
}
.offer-img-label {
font-weight: 700;
color: #3e3530;
font-size: 1.1rem;
}
.offer-sub-label {
color: #7b6e65;
font-size: 0.8rem;
}
.offer-content-side {
padding: 24px 20px 28px;
text-align: center;
}
.offer-tag {
display: inline-block;
background: #ffe0d0;
color: #b85c4b;
padding: 5px 16px;
border-radius: 20px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 14px;
}
.offer-title {
font-size: 1.6rem;
font-weight: 650;
color: #3e3530;
margin: 0 0 10px;
line-height: 1.2;
}
.offer-desc {
color: #7b6e65;
font-size: 0.9rem;
margin-bottom: 18px;
}
.offer-pricing {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
margin-bottom: 6px;
}
.offer-old {
text-decoration: line-through;
color: #b0a49a;
font-size: 1.1rem;
}
.offer-new {
font-size: 2rem;
font-weight: 700;
color: #3e3530;
}
.offer-savings {
display: block;
color: #5a9e6f;
font-weight: 600;
font-size: 0.85rem;
margin-bottom: 20px;
}
.offer-urgency {
background: white;
border-radius: 18px;
padding: 16px;
margin-bottom: 18px;
text-align: center;
}
.urgency-label {
font-weight: 600;
color: #b85c4b;
font-size: 0.85rem;
margin-bottom: 10px;
}
.stock-bar-track {
width: 100%;
height: 8px;
background: #f0e6d8;
border-radius: 10px;
overflow: hidden;
margin-bottom: 8px;
}
.stock-bar-fill {
width: 18%;
height: 100%;
background: #d49b8b;
border-radius: 10px;
animation: stockPulse 2s infinite;
}
@keyframes stockPulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.urgency-text {
font-size: 0.85rem;
color: #4a3f3a;
}
.urgency-text strong {
color: #b85c4b;
font-size: 1.1rem;
}
.offer-trust {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-bottom: 20px;
}
.trust-pill {
background: white;
padding: 6px 14px;
border-radius: 20px;
font-size: 0.75rem;
color: #4a3f3a;
font-weight: 500;
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
/* ===== FAQ ===== */
.faq-section {
padding: 50px 20px 60px;
background: #fdfaf6;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
}
.faq-section .container {
max-width: 480px;
margin: 0 auto;
}
.faq-header {
margin-bottom: 28px;
}
.faq-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.faq-item {
background: white;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0,0,0,0.02);
border: 1px solid #f5ede4;
transition: all 0.3s ease;
}
.faq-item.open {
border-color: #f0cfbc;
}
.faq-question {
padding: 16px 18px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-weight: 600;
color: #3e3530;
font-size: 0.9rem;
user-select: none;
}
.faq-q-text {
flex: 1;
padding-right: 10px;
}
.faq-icon {
width: 28px;
height: 28px;
background: #f5ede4;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: 600;
color: #7b6e65;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.faq-item.open .faq-icon {
transform: rotate(45deg);
background: #f0cfbc;
color: #3e3530;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease, padding 0.35s ease;
padding: 0 18px;
color: #7b6e65;
font-size: 0.85rem;
line-height: 1.6;
}
.faq-item.open .faq-answer {
max-height: 200px;
padding: 0 18px 16px;
}
/* ===== FOOTER ===== */
.footer {
background: #faf7f2;
padding: 40px 20px 100px;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
color: #4a3f3a;
}
.footer-top {
max-width: 480px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: space-between;
}
.footer-brand {
flex: 1 1 100%;
text-align: center;
margin-bottom: 10px;
}
.logo {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 10px;
}
.logo-icon {
font-size: 1.6rem;
}
.logo-text {
font-size: 1.4rem;
font-weight: 700;
color: #3e3530;
}
.footer-tagline {
color: #7b6e65;
font-size: 0.85rem;
margin-bottom: 12px;
}
.footer-trust-icons {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
}
.footer-trust-icon {
background: white;
padding: 5px 12px;
border-radius: 14px;
font-size: 0.7rem;
color: #7b6e65;
font-weight: 500;
}
.footer-col {
flex: 1 1 100px;
min-width: 100px;
}
.footer-col h4 {
font-size: 0.85rem;
font-weight: 650;
color: #3e3530;
margin-bottom: 10px;
}
.footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-col ul li {
margin-bottom: 6px;
}
.footer-col ul li a {
color: #7b6e65;
text-decoration: none;
font-size: 0.8rem;
transition: color 0.2s;
}
.footer-col ul li a:hover {
color: #d49b8b;
}
.footer-bottom {
max-width: 480px;
margin: 24px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-top: 1px solid #ede4d8;
padding-top: 16px;
font-size: 0.75rem;
color: #9b8e84;
}
.footer-payment {
display: flex;
gap: 8px;
}
.payment-icon {
background: white;
padding: 3px 10px;
border-radius: 8px;
font-size: 0.7rem;
font-weight: 600;
color: #4a3f3a;
}
/* ===== FLOATING BUTTONS ===== */
.float-buy-btn {
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
background: #edd7c6;
color: #3e3530;
padding: 16px;
border-radius: 60px;
text-align: center;
font-weight: 700;
font-size: 1rem;
text-decoration: none;
box-shadow: 0 14px 30px rgba(180,130,100,0.35);
z-index: 998;
max-width: 440px;
margin: 0 auto;
display: block;
transition: all 0.3s ease;
}
.float-buy-btn:hover {
background: #f0cfbc;
transform: translateY(-2px);
}
.float-whatsapp {
position: fixed;
bottom: 100px;
right: 25px;
background: #25D366;
color: white;
width: 55px;
height: 55px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
text-decoration: none;
box-shadow: 0 10px 24px rgba(37,211,102,0.35);
z-index: 999;
transition: transform 0.25s ease;
}
.float-whatsapp:hover {
transform: scale(1.08);
}
/* ===== FADE IN ANIMATION ===== */
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
/* ===== RESPONSIVE ===== */
@media (max-width: 380px) {
.section-title { font-size: 1.5rem; }
.offer-title { font-size: 1.3rem; }
.benefit-card { flex: 1 1 120px; min-width: 110px; }
}

🛍️ Comprar Agora
💬