.elementor-1995 .elementor-element.elementor-element-66dd3c2{--display:flex;}/* Start custom CSS for html, class: .elementor-element-c93e318 */ Página de Vendas Profissional

Transforme Sua Vida Com Nosso Produto

Descubra como nossa solução pode revolucionar sua experiência

Comprar Agora

Benefícios Principais

Qualidade Superior

Produto desenvolvido com os melhores materiais

Economia de Tempo

Otimize seus processos e ganhe produtividade

Satisfação Garantida

30 dias de garantia ou seu dinheiro de volta

Escolha Seu Plano

Básico

R$ 97
  • Recurso 1
  • Recurso 2
  • Recurso 3
Escolher Plano

Premium

R$ 197
  • Todos os recursos do Básico
  • Recurso Premium 1
  • Recurso Premium 2
  • Suporte Prioritário
Escolher Plano

Entre em Contato

/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66dd3c2 */:root { --primary-color: #e50914; --secondary-color: #b81d24; --text-color: #ffffff; --background: #000000; --dark-gray: #141414; --light-gray: #464646; --card-background: #181818; --border-radius: 4px; --transition: all 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Netflix Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.6; color: var(--text-color); background-color: var(--background); } /* Header e Navegação */ .header { background-color: transparent; position: fixed; width: 100%; top: 0; z-index: 1000; transition: background-color 0.3s ease; padding: 1rem 0; } .header.scroll-down { background-color: var(--background); } .nav-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 2rem; font-weight: bold; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; } .nav-links { display: flex; gap: 2rem; list-style: none; } .nav-links a { text-decoration: none; color: var(--text-color); font-weight: 400; transition: var(--transition); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; } .nav-links a:hover { color: var(--primary-color); } /* Hero Section */ .hero { background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 60%, var(--background) 100%), url('https://assets.nflxext.com/ffe/siteui/vlv3/9737377e-a430-4d13-ad6c-874c54837c49/9662d0fd-0547-4665-b887-771617268815/BR-pt-20220111-popsignuptwoweeks-perspective_alpha_website_small.jpg'); background-size: cover; background-position: center; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 6rem 1rem; } .hero-content { max-width: 800px; } .hero h1 { font-size: 3.5rem; margin-bottom: 1.5rem; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.5rem; margin-bottom: 2rem; font-weight: 400; } /* Botões */ .cta-button, .buy-button, .submit-button { display: inline-block; padding: 1rem 2rem; background-color: var(--primary-color); color: var(--text-color); text-decoration: none; border-radius: var(--border-radius); font-weight: 600; transition: var(--transition); border: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } .cta-button:hover, .buy-button:hover, .submit-button:hover { background-color: var(--secondary-color); transform: translateY(-2px); } /* Seção de Benefícios */ .benefits { padding: 6rem 2rem; background-color: var(--dark-gray); } .benefits h2 { text-align: center; margin-bottom: 3rem; font-size: 2.5rem; color: var(--text-color); } .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; } .benefit-card { background: var(--card-background); padding: 2rem; border-radius: var(--border-radius); text-align: center; transition: var(--transition); } .benefit-card:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.3); } .benefit-card i { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 1rem; } /* Seção de Preços */ .pricing { padding: 6rem 2rem; background-color: var(--background); } .pricing h2 { text-align: center; margin-bottom: 3rem; font-size: 2.5rem; } .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; } .pricing-card { background: var(--card-background); padding: 2rem; border-radius: var(--border-radius); text-align: center; transition: var(--transition); } .pricing-card.featured { border: 2px solid var(--primary-color); transform: scale(1.05); } .pricing-card:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.3); } .price { font-size: 2.5rem; font-weight: bold; color: var(--primary-color); margin: 1rem 0; } .pricing-card ul { list-style: none; margin: 2rem 0; } .pricing-card li { margin: 0.5rem 0; color: var(--text-color); } /* Formulário de Contato */ .contact { padding: 6rem 2rem; background-color: var(--dark-gray); } .contact h2 { text-align: center; margin-bottom: 3rem; font-size: 2.5rem; } .contact-form { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: 1rem; } .contact-form input, .contact-form textarea { padding: 1rem; background-color: var(--card-background); border: 1px solid var(--light-gray); border-radius: var(--border-radius); font-size: 1rem; color: var(--text-color); } .contact-form textarea { min-height: 150px; resize: vertical; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--primary-color); } /* Footer */ .footer { background-color: var(--dark-gray); color: var(--text-color); padding: 4rem 2rem 2rem; } .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .footer-section h4 { margin-bottom: 1rem; color: var(--primary-color); } .social-links { display: flex; gap: 1rem; margin-top: 1rem; } .social-links a { color: var(--text-color); font-size: 1.5rem; transition: var(--transition); } .social-links a:hover { color: var(--primary-color); } .footer-bottom { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--light-gray); color: var(--light-gray); } /* Animações */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate { animation: fadeIn 0.6s ease forwards; } /* Responsividade */ @media (max-width: 768px) { .hero h1 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } .nav-links { display: none; } .pricing-card.featured { transform: none; } }/* End custom CSS */