/* BASE */ .mbl-root { font-family: Arial, sans-serif; color: #333; } .mbl-container { max-width: 1100px; margin: 0 auto; padding: 20px; } .mbl-text-center { text-align: center; } /* GRID */ .mbl-row { display: flex; flex-wrap: wrap; gap: 20px; } .mbl-col { flex: 1; } .mbl-col-lg-6 { flex: 0 0 48%; } /* HERO */ .mbl-hero-section { background: #f5f7fa; padding: 50px 0; } .mbl-hero-title { font-size: 2.2rem; margin-bottom: 15px; } .mbl-hero-subtitle { font-size: 1.1rem; margin-bottom: 25px; } /* BOTÕES */ .mbl-cta-group { display: flex; gap: 15px; flex-wrap: wrap; } .mbl-cta-button-primary { background: #667eea; color: #fff; padding: 14px 30px; border-radius: 30px; text-decoration: none; font-weight: bold; } .mbl-cta-button-secondary { background: #e5e7eb; color: #333; padding: 14px 30px; border-radius: 30px; text-decoration: none; } .mbl-full { display: block; text-align: center; } /* LISTAS */ .mbl-highlights { margin-top: 20px; list-style: none; padding: 0; } .mbl-highlights li { margin-bottom: 8px; } /* PRODUTO */ .mbl-product-image { max-width: 100%; border-radius: 12px; } .mbl-product-card { background: #fff; padding: 25px; border-radius: 12px; } .mbl-price { font-size: 2rem; color: #667eea; font-weight: bold; } .mbl-stock { color: #28a745; margin-bottom: 15px; } /* BENEFÍCIOS */ .mbl-benefits-section { background: #f9fafb; padding: 50px 0; } .mbl-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } .mbl-benefit-card { background: #fff; padding: 20px; border-radius: 12px; } /* CTA FINAL */ .mbl-final-cta { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; padding: 60px 0; } .mbl-footer-note { font-size: 0.85rem; margin-top: 25px; }

Formulário de contato

Nome

E-mail *

Mensagem *

Facebook

elfsight

CSS



© Frutas do mês. All Rights Reserved