Metta Turismo | Orçamento Personalizado em Minutos /* ===== VARIÁVEIS CSS ===== */ :root { /* Cores Principais */ –primary-blue: #0052CC; –secondary-blue: #1E88E5; –light-blue: #E3F2FD; –accent-blue: #1976D2; –dark-blue: #003D99; /* WhatsApp */ –whatsapp-green: #25D366; –whatsapp-dark: #128C7E; /* Feedback Colors */ –success-green: #10B981; –warning-orange: #F59E0B; –danger-red: #EF4444; –urgency-red: #DC2626; /* Neutrals */ –white: #FFFFFF; –gray-50: #F9FAFB; –gray-100: #F3F4F6; –gray-200: #E5E7EB; –gray-300: #D1D5DB; –gray-600: #4B5563; –gray-700: #374151; –gray-900: #111827; /* Shadows */ –shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); –shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1); –shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); –shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1); –shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Spacing */ –spacing-xs: 8px; –spacing-sm: 12px; –spacing-md: 16px; –spacing-lg: 24px; –spacing-xl: 32px; –spacing-2xl: 48px; } /* ===== RESET ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 16px; scroll-behavior: smooth; } body { font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; background: linear-gradient(180deg, #F0F9FF 0%, #E0F2FE 50%, #BAE6FD 100%); background-attachment: fixed; line-height: 1.6; color: var(–gray-900); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ===== CONTAINER PRINCIPAL ===== */ .page-wrapper { max-width: 1200px; margin: 0 auto; padding: 20px; } .lp-container { background: var(–white); border-radius: 24px; box-shadow: var(–shadow-2xl); overflow: hidden; animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ===== BARRA DE URGÊNCIA FIXA ===== */ .urgency-bar { background: linear-gradient(135deg, var(–urgency-red) 0%, #B91C1C 100%); color: var(–white); padding: 12px 20px; text-align: center; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; position: relative; overflow: hidden; } .urgency-bar::before { content: ”; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { to { left: 100%; } } .urgency-text { display: flex; align-items: center; gap: 8px; } .countdown-timer { background: rgba(255, 255, 255, 0.25); padding: 6px 14px; border-radius: 8px; font-family: ‘Courier New’, monospace; font-size: 16px; font-weight: 900; letter-spacing: 1px; min-width: 70px; text-align: center; } .pulse-dot { width: 8px; height: 8px; background: var(–white); border-radius: 50%; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } } /* ===== HERO SECTION ===== */ .hero-section { background: linear-gradient(135deg, var(–primary-blue) 0%, var(–secondary-blue) 100%); padding: 48px 32px; text-align: center; position: relative; overflow: hidden; } /* Elementos decorativos */ .hero-section::before { content: ”; position: absolute; top: -50%; right: -20%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); border-radius: 50%; } .hero-section::after { content: ”; position: absolute; bottom: -40%; left: -15%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); border-radius: 50%; } .hero-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(10px); padding: 10px 20px; border-radius: 50px; font-size: 13px; font-weight: 700; color: var(–white); margin-bottom: 20px; animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } .hero-badge i { font-size: 10px; animation: blink 1.5s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .hero-title { font-family: ‘Poppins’, sans-serif; font-size: clamp(28px, 6vw, 48px); font-weight: 900; color: var(–white); line-height: 1.2; margin-bottom: 16px; text-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .hero-title .highlight { color: #FCD34D; position: relative; display: inline-block; } .hero-subtitle { font-size: clamp(16px, 4vw, 20px); color: rgba(255, 255, 255, 0.95); margin-bottom: 32px; font-weight: 500; line-height: 1.5; } /* Value Stack Visual */ .hero-value-stack { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px; } .value-item { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); padding: 20px; border-radius: 16px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .value-item:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } .value-icon { font-size: 32px; margin-bottom: 8px; } .value-title { font-size: 16px; font-weight: 700; color: var(–white); margin-bottom: 4px; } .value-description { font-size: 13px; color: rgba(255, 255, 255, 0.9); line-height: 1.4; } /* CTA Principal Hero */ .hero-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(135deg, var(–whatsapp-green) 0%, var(–whatsapp-dark) 100%); color: var(–white); padding: 20px 40px; border-radius: 16px; font-size: 18px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; border: none; } .hero-cta:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 32px rgba(37, 211, 102, 0.5); } .hero-cta i { font-size: 24px; animation: shake 1.5s infinite; } @keyframes shake { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-15deg); } 75% { transform: rotate(15deg); } } /* ===== SEÇÃO DE PROVA SOCIAL ===== */ .social-proof-bar { background: var(–gray-50); padding: 24px 32px; border-bottom: 1px solid var(–gray-200); } .social-proof-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; text-align: center; } .proof-item { display: flex; flex-direction: column; align-items: center; gap: 8px; } .proof-number { font-family: ‘Poppins’, sans-serif; font-size: clamp(28px, 5vw, 36px); font-weight: 900; color: var(–primary-blue); line-height: 1; } .proof-label { font-size: 13px; color: var(–gray-600); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .proof-sublabel { font-size: 12px; color: var(–gray-600); } /* ===== SEÇÕES ===== */ .section { padding: 48px 32px; } .section-header { text-align: center; margin-bottom: 40px; } .section-badge { display: inline-block; background: var(–light-blue); color: var(–primary-blue); padding: 6px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; } .section-title { font-family: ‘Poppins’, sans-serif; font-size: clamp(24px, 5vw, 36px); font-weight: 800; color: var(–gray-900); margin-bottom: 12px; line-height: 1.2; } .section-subtitle { font-size: 16px; color: var(–gray-600); max-width: 600px; margin: 0 auto; } /* ===== SEÇÃO: COMO FUNCIONA ===== */ .how-it-works { background: var(–gray-50); } .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; max-width: 1000px; margin: 0 auto; } .step-card { text-align: center; position: relative; } .step-number { width: 64px; height: 64px; background: linear-gradient(135deg, var(–primary-blue) 0%, var(–secondary-blue) 100%); color: var(–white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 900; margin: 0 auto 20px; box-shadow: var(–shadow-lg); font-family: ‘Poppins’, sans-serif; } .step-title { font-size: 20px; font-weight: 700; color: var(–gray-900); margin-bottom: 12px; } .step-description { font-size: 14px; color: var(–gray-600); line-height: 1.6; } /* Linha conectora entre steps (desktop) */ @media (min-width: 768px) { .step-card:not(:last-child)::after { content: ‘→’; position: absolute; top: 32px; right: -16px; font-size: 32px; color: var(–gray-300); font-weight: 900; } } /* ===== SEÇÃO: FORMULÁRIO ===== */ .form-section { background: linear-gradient(135deg, var(–primary-blue) 0%, var(–secondary-blue) 100%); color: var(–white); } .form-container { max-width: 600px; margin: 0 auto; } .form-header { text-align: center; margin-bottom: 32px; } .form-header h2 { font-family: ‘Poppins’, sans-serif; font-size: clamp(26px, 5vw, 36px); font-weight: 800; margin-bottom: 12px; } .form-header p { font-size: 16px; opacity: 0.95; } .lp-form { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 32px; border-radius: 20px; } .form-group { margin-bottom: 20px; } .form-label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: var(–white); } .form-label i { font-size: 16px; color: #FCD34D; } .form-input, .form-select { width: 100%; padding: 14px 16px; font-size: 15px; font-family: ‘Inter’, sans-serif; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 12px; background: rgba(255, 255, 255, 0.95); color: var(–gray-900); transition: all 0.3s ease; } .form-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’14’ height=’14’ viewBox=’0 0 14 14’%3E%3Cpath fill=’%230052CC’ d=’M7 10L2 5h10z’/%3E%3C/svg%3E”); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; cursor: pointer; } .form-input:focus, .form-select:focus { outline: none; border-color: var(–white); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2); transform: translateY(-1px); } .form-input::placeholder { color: var(–gray-600); } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .submit-button { width: 100%; padding: 18px 24px; background: linear-gradient(135deg, var(–whatsapp-green) 0%, var(–whatsapp-dark) 100%); color: var(–white); border: none; border-radius: 14px; font-size: 17px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; } .submit-button:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3); } .submit-button i { font-size: 24px; } .form-trust { text-align: center; font-size: 13px; margin-top: 16px; opacity: 0.9; display: flex; align-items: center; justify-content: center; gap: 6px; } /* ===== SEÇÃO: GARANTIAS ===== */ .guarantees-section { background: var(–white); } .guarantees-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; } .guarantee-card { background: var(–gray-50); border: 2px solid var(–gray-200); padding: 24px; border-radius: 16px; text-align: center; transition: all 0.3s ease; } .guarantee-card:hover { border-color: var(–success-green); box-shadow: var(–shadow-lg); transform: translateY(-4px); } .guarantee-icon { font-size: 48px; margin-bottom: 16px; } .guarantee-title { font-size: 18px; font-weight: 700; color: var(–gray-900); margin-bottom: 8px; } .guarantee-description { font-size: 14px; color: var(–gray-600); line-height: 1.5; } /* ===== SEÇÃO: TESTEMUNHOS ===== */ .testimonials-section { background: var(–gray-50); } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } .testimonial-card { background: var(–white); border: 2px solid var(–gray-200); padding: 28px; border-radius: 16px; box-shadow: var(–shadow-md); transition: all 0.3s ease; } .testimonial-card:hover { border-color: var(–primary-blue); box-shadow: var(–shadow-xl); transform: translateY(-4px); } .testimonial-header { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; } .testimonial-avatar { width: 56px; height: 56px; background: linear-gradient(135deg, var(–primary-blue) 0%, var(–secondary-blue) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(–white); font-weight: 700; flex-shrink: 0; } .testimonial-info { flex: 1; } .testimonial-name { font-size: 16px; font-weight: 700; color: var(–gray-900); margin-bottom: 4px; } .testimonial-location { font-size: 13px; color: var(–gray-600); } .testimonial-rating { display: flex; gap: 4px; margin-bottom: 16px; } .star { color: #FBBF24; font-size: 18px; } .testimonial-text { font-size: 14px; color: var(–gray-700); line-height: 1.6; margin-bottom: 16px; } .testimonial-result { background: var(–light-blue); border-left: 4px solid var(–primary-blue); padding: 12px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(–primary-blue); } /* ===== SEÇÃO: FAQ ===== */ .faq-section { background: var(–white); } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: var(–gray-50); border: 2px solid var(–gray-200); border-radius: 12px; margin-bottom: 16px; overflow: hidden; transition: all 0.3s ease; } .faq-item:hover { border-color: var(–primary-blue); } .faq-question { width: 100%; padding: 20px 24px; background: transparent; border: none; text-align: left; font-size: 16px; font-weight: 700; color: var(–gray-900); cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; transition: all 0.3s ease; } .faq-question:hover { background: var(–gray-100); } .faq-icon { font-size: 20px; color: var(–primary-blue); transition: transform 0.3s ease; flex-shrink: 0; } .faq-item.active .faq-icon { transform: rotate(180deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 24px; } .faq-item.active .faq-answer { max-height: 500px; padding: 0 24px 20px 24px; } .faq-answer p { font-size: 14px; color: var(–gray-600); line-height: 1.6; } /* ===== SEÇÃO: CTA FINAL ===== */ .final-cta-section { background: linear-gradient(135deg, var(–primary-blue) 0%, var(–secondary-blue) 100%); color: var(–white); text-align: center; } .final-cta-content { max-width: 700px; margin: 0 auto; } .final-cta-title { font-family: ‘Poppins’, sans-serif; font-size: clamp(28px, 5vw, 42px); font-weight: 900; margin-bottom: 16px; line-height: 1.2; } .final-cta-subtitle { font-size: 18px; margin-bottom: 32px; opacity: 0.95; } .final-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(135deg, var(–whatsapp-green) 0%, var(–whatsapp-dark) 100%); color: var(–white); padding: 22px 48px; border-radius: 16px; font-size: 20px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; border: none; } .final-cta-button:hover { transform: translateY(-4px) scale(1.05); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4); } /* ===== FOOTER ===== */ .footer { background: var(–gray-900); color: var(–gray-300); padding: 32px; text-align: center; } .footer-content { max-width: 600px; margin: 0 auto; } .footer-logo { font-family: ‘Poppins’, sans-serif; font-size: 24px; font-weight: 900; color: var(–white); margin-bottom: 12px; } .footer-text { font-size: 14px; line-height: 1.6; margin-bottom: 16px; } .footer-trust { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; font-size: 13px; } .trust-badge { display: flex; align-items: center; gap: 6px; } .trust-badge i { color: var(–success-green); } .footer-legal { font-size: 12px; color: var(–gray-600); padding-top: 16px; border-top: 1px solid var(–gray-700); } /* ===== RESPONSIVIDADE ===== */ /* Mobile pequeno (< 480px) */ @media (max-width: 480px) { .page-wrapper { padding: 12px; } .lp-container { border-radius: 16px; } .hero-section { padding: 32px 20px; } .section { padding: 32px 20px; } .form-row { grid-template-columns: 1fr; } .hero-value-stack { grid-template-columns: 1fr; } .steps-grid { grid-template-columns: 1fr; } .social-proof-grid { grid-template-columns: 1fr; gap: 16px; } .urgency-bar { font-size: 12px; padding: 10px 16px; } .countdown-timer { font-size: 14px; } } /* Mobile padrão (481px – 767px) */ @media (min-width: 481px) and (max-width: 767px) { .form-row { grid-template-columns: 1fr; } } /* Tablet (768px – 1024px) */ @media (min-width: 768px) and (max-width: 1024px) { .steps-grid { grid-template-columns: repeat(3, 1fr); } } /* Landscape mobile */ @media (max-height: 700px) and (orientation: landscape) { .hero-section { padding: 32px 24px; } .section { padding: 32px 24px; } .hero-value-stack { grid-template-columns: repeat(2, 1fr); } }
47 pessoas estão vendo esta oferta agora
Expira em:
14:59
🔥 ATENDIMENTO VIP DISPONÍVEL

🌍 SUA PRÓXIMA VIAGEM ESTÁ A UM CLIQUE

✔ Atendimento VIP ✔ Parcelamento facilitado ✔ Pacotes sob medida ✔ Melhor preço garantidoo

Quero Meu Orçamento Agora
🎯 Processo Simples

Como Funciona em 3 Passos

Do primeiro contato até embarcar, tudo facilitado para você

1

Preencha o Formulário

Nos conte para onde quer ir, quando e quantas pessoas. Leva menos de 1 minuto.

2

Receba Orçamento VIP

Em até 2 minutos, nosso especialista envia as melhores opções personalizadas para você.

3

Aprove e Embarque

Escolha a opção ideal, parcele em até 12x sem juros e pronto! Malas prontas.

💬 Fale com um Especialista Agora

Preencha abaixo e receba seu orçamento personalizado em até 2 minutos

Selecione 1 pessoa 2 pessoas 3 pessoas 4 pessoas 5 pessoas 6+ pessoas
Seus dados estão 100% seguros • Sem compromisso • Atendimento gratuito
🛡️ Garantias

Risco Zero para Você

Comprometimento total com sua satisfação e tranquilidade

💰

Melhor Preço Garantido

Encontrou mais barato? Igualamos o preço ou devolvemos a diferença + 10% de bônus.

🔒

Pagamento 100% Seguro

Seus dados protegidos com certificação SSL e criptografia de nível bancário.

📞

Suporte 24/7

Assistência via WhatsApp antes, durante e depois da viagem. Nunca estará sozinho.

Satisfação Garantida

98% dos nossos clientes avaliam como excelente. Se não ficar satisfeito, resolvemos.

⭐ Depoimentos

O Que Nossos Clientes Dizem

Histórias reais de quem já viajou com a Metta Turismo

MC
Maria Clara Silva
Porto Velho, RO

“Experiência incrível do início ao fim! O atendimento foi super rápido e o pessoal da Metta conseguiu um upgrade grátis para um quarto melhor. Voltaria a comprar com certeza!”

🏖️ Viagem perfeita de 7 dias no Caribe
RS
Roberto Santos
Ji-Paraná, RO

“Levei minha família em uma viagem internacional e foi INCRÍVEL! A Metta organizou tudo: hotel, passeios, transfer… Parcelei em 12x sem juros e cabia no orçamento. Viagem dos sonhos realizada!”

✈️ Família de 4 pessoas – 10 dias
AL
Ana Luiza Costa
Ariquemes, RO

“Minha lua de mel foi perfeita! O especialista da Metta me ajudou a escolher o resort ideal dentro do meu orçamento. Atendimento impecável do início ao fim!”

🏝️ Lua de mel 9 dias – Experiência inesquecível
❓ Perguntas Frequentes

Dúvidas? A Gente Responde

As perguntas mais comuns dos nossos clientes

Você pode parcelar seu pacote em até 12x sem juros no cartão de crédito. Sem pegadinhas, sem taxas escondidas. O valor final é o mesmo do pagamento à vista, só dividido em parcelas confortáveis para caber no seu orçamento.

Sim! Trabalhamos com parcerias diretas com companhias aéreas, hotéis e operadoras, o que nos permite oferecer preços competitivos. Temos a política de Melhor Preço Garantido: se encontrar mais barato em outro lugar, igualamos + 10% de bônus.

Nosso atendimento é super rápido! Em até 2 minutos após preencher o formulário, você receberá uma mensagem no WhatsApp com todas as opções disponíveis, preços e formas de pagamento. Estamos online de segunda a sábado das 8h às 20h.

Totalmente seguro! Utilizamos certificação SSL e criptografia de nível bancário para proteger seus dados. Além disso, somos uma agência regularizada pela EMBRATUR e Cadastur. Você recebe todos os vouchers e confirmações oficiais por e-mail.

Sim! Oferecemos flexibilidade para cancelamentos e remarcações de acordo com as políticas de cada fornecedor (companhia aérea e hotel). Na hora da compra, explicamos todas as condições de cancelamento de forma clara e transparente. Também oferecemos seguro viagem opcional para maior proteção.

Cada pacote é personalizado! Geralmente incluem: passagens aéreas ida e volta, hospedagem, traslados aeroporto-hotel, taxas de embarque e alguns também café da manhã ou all inclusive. No orçamento você verá EXATAMENTE o que está incluso em cada opção.

Sim! Trabalhamos com suas datas preferidas. Nosso especialista busca as melhores opções dentro do período que você indicar. Se tiver flexibilidade de datas, conseguimos encontrar opções ainda mais vantajosas. É só informar no formulário!

Não Perca Esta Oportunidade Única!

Milhares de pessoas já realizaram suas viagens dos sonhos com a Metta. Agora é a sua vez!

// ===== COUNTDOWN TIMER ===== let timeLeft = 15 * 60; // 15 minutos function updateTimer() { const mins = Math.floor(timeLeft / 60); const secs = timeLeft % 60; const timerElement = document.getElementById(‘countdown’); if (timerElement) { timerElement.textContent = `${String(mins).padStart(2, ‘0’)}:${String(secs).padStart(2, ‘0’)}`; } if (timeLeft > 0) { timeLeft–; } else { timeLeft = 15 * 60; // Reinicia } } setInterval(updateTimer, 1000); updateTimer(); // ===== MÁSCARA DE TELEFONE ===== const whatsappInput = document.getElementById(‘whatsapp’); if (whatsappInput) { whatsappInput.addEventListener(‘input’, function(e) { let val = e.target.value.replace(/\D/g, ”); if (val.length { button.addEventListener(‘click’, () => { const faqItem = button.parentElement; const isActive = faqItem.classList.contains(‘active’); // Fecha todos os outros document.querySelectorAll(‘.faq-item’).forEach(item => { item.classList.remove(‘active’); }); // Toggle o atual if (!isActive) { faqItem.classList.add(‘active’); } }); }); // ===== SCROLL SUAVE PARA FORMULÁRIO ===== function scrollToForm() { const formSection = document.getElementById(‘form’); if (formSection) { formSection.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); } } // ===== ENVIO PARA WHATSAPP ===== const form = document.getElementById(‘lpForm’); if (form) { form.addEventListener(‘submit’, function(e) { e.preventDefault(); const nome = document.getElementById(‘nome’).value.trim(); const whatsapp = document.getElementById(‘whatsapp’).value.trim(); const destino = document.getElementById(‘destino’).value.trim() || ‘Ainda não defini’; const data = document.getElementById(‘data’).value.trim(); const pessoas = document.getElementById(‘pessoas’).value; // Validação if (!nome || !whatsapp || !data || !pessoas) { alert(‘⚠️ Por favor, preencha todos os campos obrigatórios (*)’); return; } // Mensagem personalizada const mensagem = `🌴 *Dados do orçamento Metta Turismo*%0A%0A` + `━━━━━━━━━━━━━━━━━━━%0A` + `👤 *Nome:* ${nome}%0A` + `📱 *WhatsApp:* ${whatsapp}%0A` + `✈️ *Destino:* ${destino}%0A` + `📅 *Data:* ${data}%0A` + `👥 *Pessoas:* ${pessoas}%0A` + `━━━━━━━━━━━━━━━━━━━%0A%0A` + `💬 Quero receber meu orçamento personalizado!`; const numeroMetta = ‘556992691905’; const urlWhatsApp = `https://wa.me/${556992691905}?text=${mensagem}`; window.location.href = urlWhatsApp; }); } // ===== ANIMAÇÃO AO SCROLL (Opcional – Intersection Observer) ===== const observerOptions = { threshold: 0.1, rootMargin: ‘0px 0px -50px 0px’ }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = ‘1’; entry.target.style.transform = ‘translateY(0)’; } }); }, observerOptions); // Aplica animação aos cards document.querySelectorAll(‘.step-card, .guarantee-card, .testimonial-card’).forEach(el => { el.style.opacity = ‘0’; el.style.transform = ‘translateY(30px)’; el.style.transition = ‘opacity 0.6s ease, transform 0.6s ease’; observer.observe(el); });