import React, { useRef, useState, useEffect } from 'react'; import { ShieldCheck, Users, FileText, BarChart3, CheckCircle2, ArrowRight, Landmark, Umbrella, Award, Globe, Download, Edit3, Save, RotateCcw } from 'lucide-react'; // --- Theme Colors --- const colors = { primary: "bg-teal-800", primaryText: "text-teal-900", secondary: "bg-teal-600", accent: "bg-lime-400", accentText: "text-lime-700", light: "bg-slate-50", white: "bg-white", textMain: "text-slate-800", textLight: "text-slate-500", }; // --- Initial Content Data --- const initialSlides = [ // PAGE 1: COVER { type: 'cover', title: 'Planejamento Futuro', subtitle: 'Construindo o amanhã, hoje.', image: 'https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&q=80&w=800', logo: 'https://irp.cdn-website.com/b7afefda/dms3rep/multi/LOGO-PRECAVER-+PNG-01.png' // Logo atualizada }, // PAGE 2: QUEM É A QUANTA { type: 'about', title: 'Quem é a Quanta', subtitle: 'Entidade de Previdência Privada sem fins lucrativos.', content: [ 'A Quanta nasceu no cooperativismo, com o lançamento do Plano Precaver em 2004, dentro do Sistema Unicred.', 'Em 2016, foi criado o Plano Prevcoop, destinado aos cooperados do Sistema Ailos.', 'Já em 2018, surgiu o Plano Cooprev, com o objetivo de permitir que empresas ofereçam benefícios exclusivos a seus funcionários e, ao mesmo tempo, possibilitar que qualquer pessoa tenha acesso a um plano de previdência, independentemente de vínculo com cooperativas.', '21 anos de expertise.' ], stats: [ { label: 'Participantes', value: '220 mil' }, { label: 'Beneficiários', value: '+350 mil' }, { label: 'Administrados', value: 'R$ 8 bi' }, { label: 'Agências', value: '750' }, ] }, // PAGE 3: INTRO PRECAVER { type: 'intro', title: 'Planejamento do futuro com o PRECAVER', image: 'https://images.unsplash.com/photo-1516733968668-dbdce39c4651?auto=format&fit=crop&q=80&w=800', highlight: true, }, // PAGE 4: TAX VS FUTURE { type: 'comparison_simple', title: 'Pagar menos imposto ou investir no seu futuro?', content: 'Com o Plano Precaver, você pode fazer os dois.', cta: 'É só aderir ao Plano Precaver da Unicred.', image: 'https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&q=80&w=800', }, // PAGE 5: INCENTIVOS FISCAIS { type: 'text_heavy', title: 'O que são Incentivos Fiscais', intro: 'Incentivos fiscais podem reduzir ou até mesmo eliminar um ônus tributário. O Governo pode fazer isso descontando do cálculo econômico federal que precisa estimular o consumo. Exemplos são a redução de IPI para carros novos e eletrodomésticos.', why: 'E por que o Governo quer impulsionar a previdência privada? Porque as pessoas terão um planejamento de longo prazo que seja complementar à aposentadoria pública, uma vez que as atuais contribuições do INSS não são suficientes para prover uma renda adequada para todos.', deduction_title: 'Dedução', deduction_text: 'Dedução é sinônimo de reduzir, diminuir, abater. Com esse incentivo, o participante de um plano de previdência poderá informar na sua declaração anual do imposto de renda as contribuições realizadas ao longo do ano, diminuindo a base de cálculo do imposto. O Governo permite que o participante deduza até 12% da sua renda bruta anual com o valor das contribuições realizadas ao plano (seu ou dos dependentes).', note: '*Para tanto é necessário que esteja em dia com as contribuições do INSS e ser maior de 16 anos.' }, // PAGE 6: EXEMPLO LEONARDO { type: 'case_study', title: 'O Caso de Leonardo', subtitle: 'Para ficar bem claro, vamos acompanhar o exemplo:', details: [ 'Leonardo é Gerente de um Pet Shop localizado na cidade de Joinville.', 'Recebe um salário bruto anual de R$ 72.000,00 (R$ 6.000,00/mês).', 'Ele faz um plano de previdência e aporta R$ 6.000,00 ao ano (R$ 500,00/mês).' ], table: { income: 'R$ 72.000,00', no_contrib_tax: 'R$ 5.830,00', deduction_value: 'R$ 8.640,00', taxable_income: 'R$ 63.360,00', tax_due: 'R$ 18.625,00', saved: 'R$ 1.556,00' }, extra_contribution: { title: 'Aporte Extra', text: 'Caso Leonardo esteja aplicando seus recursos mensalmente, poderá realizar um aporte (depósito extra) no seu plano para completar os 12% permitidos pelo IR.', limit: 'R$ 8.640,00', suggested: 'R$ 2.840,00', total_saved: 'R$ 2.380,00' }, long_term_val: 'R$ 130.358,08!', long_term_text: 'Veja o efeito dos aportes no longo prazo (20 anos a 6% a.a.)!', // Updated avatar per user request avatar_image: 'https://img.freepik.com/fotos-gratis/homem-falando-ao-telefone-e-navegando-no-tablet-digital_329181-16284.jpg?semt=ais_hybrid&w=740&q=80', // Hero image removed from usage hero_image: null }, // PAGE 7: SEGURANÇA { type: 'list_check', title: 'Segurança', items: [ 'Conta individual vinculada ao CPF.', 'O dinheiro é seu do início ao fim.', 'Situações adversas com a Instituição não impactam a conta individual (Lei Complementar nº 109/2001).', 'Gestão e controles de investimento rígidos.', 'Entidade fiscalizada pela Superintendência Nacional de Previdência Complementar (PREVIC).' ] }, // PAGE 8: MODELO SEGURO { type: 'comparison_card', title: 'O modelo mais seguro', left: { title: 'Previdência Fechada', desc: 'Conta individual sempre. 95% dos benefícios pagos são de previdência fechada.', stat: 'Segmento supera R$ 1 trilhão de ativos. (Fonte: SURPC, 2020)' }, right: { title: 'Previdência Aberta', desc: 'Fundo mutualista na fase de recebimento.' }, }, // PAGE 9: FAMÍLIA { type: 'family', title: 'Plano para toda a família', content: 'Com o PRECAVER, você e seus familiares podem aproveitar a segurança financeira, a tranquilidade e todos os benefícios que o plano oferece. Pais, irmãos, filhos, cônjuges, avós, netos, genros, noras, sobrinhos, concunhados e muitos outros também podem fazer adesão ao plano.', highlight: 'É uma excelente maneira de garantir um futuro financeiramente estável para toda a família!', image: 'https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&q=80&w=800' }, // PAGE 10: RISCOS { type: 'stats_warning', title: 'Plano Completo', subtitle: 'Evidência dos Riscos', content: 'O PRECAVER combina a contratação da Proteção Familiar com a Previdência, proporcionando os melhores benefícios para você e sua família, de forma fácil e simplificada. Diferente dos seguros convencionais, o Plano PRECAVER oferece uma proteção familiar mais acessível.', stat_box: 'O INSS distribuiu mais de 278 milhões em benefícios em apenas um mês. Mais de 47% desses benefícios foram para pensões por morte ou invalidez.', source: 'Na Quanta (2005-2023), aprox. 199 milhões em benefícios foram pagos, sendo mais de 41% para pensões por morte ou invalidez.' }, // PAGE 11: PERFIS DE INVESTIMENTO { type: 'profiles', title: '5 Perfis de Investimento', profiles: [ { name: 'Conservador Referenciado DI', desc: 'Para quem busca investimentos de baixíssima oscilação e risco de perda. Prioriza a preservação do saldo acumulado.', color: 'bg-green-100' }, { name: 'Conservador Renda Fixa', desc: '(CDI + 1%) Para quem valoriza a segurança do saldo acumulado com baixo risco.', color: 'bg-green-200' }, { name: 'Moderado Inflação', desc: '(IMA-B 5) Para quem busca investimentos que preservam o poder de compra, sendo indexados à inflação.', color: 'bg-teal-100' }, { name: 'Moderado Multiestratégia', desc: '(CDI + 2%) Para quem está disposto a assumir um grau moderado de risco em busca de maiores resultados.', color: 'bg-teal-200' }, { name: 'Arrojado', desc: '(60% CDI + 40% IBOV) + 2% a.a. Para quem está disposto a correr mais risco em busca de maior rentabilidade no longo prazo.', color: 'bg-teal-300' } ] }, // PAGE 12: FLEXIBILIDADE { type: 'list_check', title: 'Flexibilidade', subtitle: 'No PRECAVER você pode:', items: [ 'Realizar aportes (contribuições extras)', 'Alterar anualmente a forma de renda', 'Alterar os valores de contribuição', 'Transferir o saldo de outras instituições', 'Alterar beneficiários' ] }, // PAGE 13: RECEBIMENTO { type: 'list_cards', title: 'Em fase de recebimento', intro: 'Durante a Fase de Recebimento do benefício, você pode escolher:', items: [ 'Fazer contribuições extras', 'Renda mensal por prazo determinado', 'Renda mensal por porcentual de saldo', 'Renda mensal por expectativa de vida', 'Alterar a relação de beneficiários' ], note: 'Mesmo aposentado, é possível realizar contribuições extras na previdência. Além de aumentar o saldo, são dedutíveis da Declaração Anual de Imposto de Renda (completa).' }, // PAGE 14: CERTIFICAÇÕES { type: 'trust', title: 'Certificações', content: 'O seu dinheiro fica protegido por uma gestão e controles de investimento rígidos, certificações de processos e de profissionais, além das regulações e fiscalizações dos organismos governamentais da Previdência Complementar e do Sistema Financeiro Nacional.', icon: , link: 'https://www.quantaprevidencia.com.br' }, // PAGE 15: FINAL CONTACT { type: 'contact_merged', title: 'Não perca a oportunidade', subtitle: 'Garanta um Planejamento Completo protegendo a si e a sua família. Faça a escolha certa. Mude para o Precaver!', footer_title: 'Juntos construindo o seu futuro!', person: 'Rute Santos, CEA', role: 'Consultora de Previdência', brand: 'Quanta Previdência Cooperativa' } ]; // --- Helper for Editable Inputs --- const EditableInput = ({ value, onChange, isEditing, className, multiline = false }: { value: string, onChange: (val: string) => void, isEditing: boolean, className?: string, multiline?: boolean }) => { if (!isEditing) { return {value}; } const baseInputStyles = "w-full bg-yellow-50 border border-yellow-300 rounded px-1 focus:outline-none focus:ring-2 focus:ring-yellow-500 text-gray-800"; if (multiline) { return ( onChange(e.target.value)} /> ); } return ( <input className={`${baseInputStyles} ${className}`} value={value} onChange={(e) => onChange(e.target.value)} /> ); }; export default function MobilePDF() { const [slides, setSlides] = useState(initialSlides); const [isEditing, setIsEditing] = useState(false); // Load from LocalStorage useEffect(() => { const saved = localStorage.getItem('quanta_slides'); if (saved) { try { setSlides(JSON.parse(saved)); } catch (e) { console.error("Failed to load slides", e); } } }, []); const handleSave = () => { localStorage.setItem('quanta_slides', JSON.stringify(slides)); setIsEditing(false); // Optional: Add a toast notification here }; const handleReset = () => { if (confirm('Tem certeza que deseja restaurar o conteúdo original? Todas as alterações serão perdidas.')) { setSlides(initialSlides); localStorage.removeItem('quanta_slides'); setIsEditing(false); } }; const updateSlide = (index: number, newData: any) => { const newSlides = [...slides]; newSlides[index] = newData; setSlides(newSlides); }; const handlePrint = () => { // Ensure we aren't in edit mode before printing setIsEditing(false); setTimeout(() => window.print(), 100); }; const printStyles = ` @media print { @page { margin: 0; size: auto; } body { background: white !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .no-print { display: none !important; } .page-break { break-after: page; page-break-after: always; min-height: 100vh; border: none !important; box-shadow: none !important; } } `; return ( <div className="min-h-screen bg-slate-100 flex flex-col items-center py-12 font-sans relative"> <style>{printStyles}</style> {/* Floating Action Buttons */} <div className="fixed bottom-6 right-6 flex flex-col gap-3 z-[100] no-print"> {isEditing ? ( <button onClick={handleSave} className="bg-green-600 text-white p-4 rounded-full shadow-lg flex items-center gap-2 hover:bg-green-700 transition-all transform hover:scale-105" title="Salvar Alterações" > <Save size={24} /> </button> ) : ( <button onClick={() => setIsEditing(true)} className="bg-blue-600 text-white p-4 rounded-full shadow-lg flex items-center gap-2 hover:bg-blue-700 transition-all transform hover:scale-105" title="Editar Conteúdo" > <Edit3 size={24} /> </button> )} <button onClick={handlePrint} className="bg-teal-800 text-white p-4 rounded-full shadow-lg flex items-center gap-2 hover:bg-teal-700 transition-all transform hover:scale-105" title="Baixar PDF" > <Download size={24} /> </button> {isEditing && ( <button onClick={handleReset} className="bg-red-500 text-white p-4 rounded-full shadow-lg flex items-center gap-2 hover:bg-red-600 transition-all transform hover:scale-105" title="Restaurar Original" > <RotateCcw size={24} /> </button> )} </div> {/* Edit Mode Indicator */} {isEditing && ( <div className="fixed top-6 left-1/2 -translate-x-1/2 bg-yellow-400 text-yellow-900 px-6 py-2 rounded-full font-bold shadow-md z-50 animate-pulse no-print"> Modo de Edição Ativo </div> )} <div className="w-full flex flex-col items-center gap-8 print:gap-0 print:block"> {slides.map((slide, index) => ( <div key={index} className="page-break w-[400px] min-h-[850px] bg-white shadow-xl relative flex flex-col overflow-hidden print:w-full print:shadow-none print:min-h-screen" > <SlideContent slide={slide} isEditing={isEditing} onUpdate={(newData) => updateSlide(index, newData)} /> </div> ))} </div> </div> ); } function SlideContent({ slide, isEditing, onUpdate }: { slide: any, isEditing: boolean, onUpdate: (data: any) => void }) { const paddingClass = "p-8"; // Generic updater for simple fields const updateField = (field: string, value: any) => { onUpdate({ ...slide, [field]: value }); }; // Generic updater for array fields (strings) const updateArrayItem = (arrayField: string, index: number, value: string) => { const newArray = [...slide[arrayField]]; newArray[index] = value; onUpdate({ ...slide, [arrayField]: newArray }); }; // Specific updater for profiles array of objects const updateProfileItem = (index: number, field: string, value: string) => { const newProfiles = [...slide.profiles]; newProfiles[index] = { ...newProfiles[index], [field]: value }; onUpdate({ ...slide, profiles: newProfiles }); }; switch (slide.type) { case 'cover': return ( <div className="relative min-h-full flex flex-col justify-end h-full grow overflow-hidden bg-teal-900"> {/* Full Background Image */} <div className="absolute inset-0 z-0"> <img src={slide.image} alt="Cover" className="w-full h-full object-cover opacity-80" /> <div className="absolute inset-0 bg-gradient-to-t from-teal-900 via-teal-900/60 to-transparent"></div> <div className="absolute inset-0 bg-gradient-to-b from-teal-900/60 via-transparent to-transparent"></div> </div> {/* Logo - Centered inside a white box for readability */} {slide.logo && ( <div className="absolute top-24 left-0 right-0 z-20 flex justify-center px-8"> <div className="bg-white/95 backdrop-blur-sm p-6 rounded-3xl shadow-2xl border border-white/20"> <img src={slide.logo} alt="Logo" className="h-14 object-contain" /> </div> </div> )} {/* Text Content */} <div className="relative z-10 p-10 pb-24 text-center"> <div className="inline-block mb-4"> <span className="bg-lime-400 text-teal-950 px-4 py-1.5 text-xs font-extrabold uppercase tracking-[0.2em] rounded-full shadow-lg"> Apresentação </span> </div> <h1 className="text-5xl font-black text-white leading-tight mb-6 drop-shadow-md tracking-tight"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} className="text-white placeholder-teal-300/50" /> </h1> <div className="w-16 h-1.5 bg-lime-400 mx-auto mb-6 rounded-full"></div> <div className="text-teal-50 text-xl font-light leading-relaxed"> <EditableInput value={slide.subtitle} onChange={(v) => updateField('subtitle', v)} isEditing={isEditing} className="text-teal-50 placeholder-teal-300/50" multiline /> </div> </div> </div> ); case 'about': return ( <div className={`${paddingClass} flex flex-col justify-center min-h-full grow`}> <div className="w-16 h-1.5 bg-teal-500 mb-8 rounded-full"></div> <h2 className={`text-3xl font-bold ${colors.primaryText} mb-3 leading-tight`}> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <p className="text-xs font-bold text-gray-400 mb-8 uppercase tracking-widest"> <EditableInput value={slide.subtitle} onChange={(v) => updateField('subtitle', v)} isEditing={isEditing} /> </p> <div className="space-y-4 mb-10"> {slide.content.map((paragraph: string, idx: number) => ( <p key={idx} className="text-gray-600 leading-relaxed text-sm font-light text-justify"> <EditableInput value={paragraph} onChange={(v) => updateArrayItem('content', idx, v)} isEditing={isEditing} multiline /> </p> ))} </div> <div className="grid grid-cols-2 gap-4 mt-auto"> {slide.stats.map((stat: any, idx: number) => ( <div key={idx} className="bg-slate-50 p-5 rounded-2xl border border-gray-100 flex flex-col items-center text-center"> <span className="text-2xl font-bold text-teal-700 mb-1 tracking-tight"> {/* Making stats editable is complex due to object structure, simplify to display for now or add complex handlers if needed. For this prompt, editing main text is priority. */} {stat.value} </span> <span className="text-[10px] text-gray-400 uppercase font-bold tracking-wider">{stat.label}</span> </div> ))} </div> </div> ); case 'intro': return ( <div className="relative min-h-[600px] h-full grow"> <img src={slide.image} alt="Intro" className="absolute inset-0 w-full h-full object-cover" /> <div className="absolute inset-0 bg-black/30"></div> <div className="absolute inset-0 flex items-center justify-center p-8 text-center"> <div className="bg-white/95 backdrop-blur-xl p-10 rounded-3xl shadow-2xl border border-white/20 print:border-teal-900"> <Landmark size={56} className="text-teal-600 mx-auto mb-6" strokeWidth={1.5} /> <h2 className="text-3xl font-bold text-teal-900 leading-tight"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} multiline /> </h2> </div> </div> </div> ); case 'text_heavy': return ( <div className={`${paddingClass} flex flex-col min-h-full grow bg-teal-50 print:bg-white`}> <div className="bg-white w-16 h-16 rounded-2xl flex items-center justify-center shadow-sm mb-6 text-teal-600 shrink-0 border border-teal-100"> <FileText size={32} /> </div> <h2 className="text-3xl font-bold text-teal-900 mb-6 leading-tight"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="space-y-6 flex-1"> <div className="text-gray-700 leading-relaxed text-sm text-justify"> <EditableInput value={slide.intro} onChange={(v) => updateField('intro', v)} isEditing={isEditing} multiline /> </div> <div className="text-gray-700 leading-relaxed text-sm font-medium text-justify"> <EditableInput value={slide.why} onChange={(v) => updateField('why', v)} isEditing={isEditing} multiline /> </div> <div className="bg-white p-6 rounded-2xl shadow-sm border border-teal-100"> <h3 className="text-teal-800 font-bold mb-2"> <EditableInput value={slide.deduction_title} onChange={(v) => updateField('deduction_title', v)} isEditing={isEditing} /> </h3> <div className="text-gray-600 text-xs leading-relaxed text-justify"> <EditableInput value={slide.deduction_text} onChange={(v) => updateField('deduction_text', v)} isEditing={isEditing} multiline /> </div> </div> {slide.note && ( <div className="p-4 bg-teal-100/50 rounded-xl print:bg-teal-50 print:border print:border-teal-100"> <p className="text-[10px] text-teal-800 font-medium italic"> <EditableInput value={slide.note} onChange={(v) => updateField('note', v)} isEditing={isEditing} /> </p> </div> )} </div> </div> ); case 'case_study': return ( <div className={`p-6 bg-white min-h-full grow flex flex-col`}> <div className="flex items-center gap-4 mb-6"> <div className="p-1 rounded-full border-2 border-teal-500"> <img src={slide.avatar_image} alt="Profile" className="w-14 h-14 rounded-full object-cover" /> </div> <div> <h2 className="text-xl font-bold text-teal-900 leading-none mb-1"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <p className="text-[10px] text-gray-500 uppercase tracking-wider font-bold"> <EditableInput value={slide.subtitle} onChange={(v) => updateField('subtitle', v)} isEditing={isEditing} /> </p> </div> </div> {/* Space for hero image removed */} <div className="space-y-2 mb-6 text-sm text-gray-600 px-2"> {slide.details.map((d: string, i: number) => ( <div key={i} className="flex gap-1"> <span>•</span> <EditableInput value={d} onChange={(v) => updateArrayItem('details', i, v)} isEditing={isEditing} /> </div> ))} </div> <div className="bg-slate-50 rounded-2xl p-5 mb-6 border border-slate-100 shadow-sm print:bg-white print:border-gray-300"> <h3 className="text-xs font-bold text-gray-400 uppercase mb-4 tracking-widest flex items-center gap-2"> <Award size={14} /> Demonstrativo Anual </h3> <div className="space-y-3 text-sm"> <div className="flex justify-between"><span className="text-gray-500">Renda Bruta</span><span className="font-bold">{slide.table.income}</span></div> <div className="flex justify-between text-green-700"><span className="font-bold">Dedução (12%)</span><span className="font-bold">-{slide.table.deduction_value}</span></div> <div className="flex justify-between pt-2 border-t"><span className="text-teal-900 font-bold">Economia IR</span><span className="text-xl font-bold text-teal-600">{slide.table.saved}</span></div> </div> </div> <div className="bg-lime-50 rounded-2xl p-5 mb-6 border border-lime-100 print:bg-white print:border-lime-200"> <h3 className="text-teal-800 font-bold text-sm mb-2"> {slide.extra_contribution.title} </h3> <div className="text-xs text-gray-600 mb-3"> <EditableInput value={slide.extra_contribution.text} onChange={(v) => { const newExtra = {...slide.extra_contribution, text: v}; onUpdate({...slide, extra_contribution: newExtra}); }} isEditing={isEditing} multiline /> </div> <div className="flex justify-between text-sm font-bold text-teal-900"> <span>Aporte Sugerido:</span> <span>{slide.extra_contribution.suggested}</span> </div> <div className="flex justify-between text-sm font-bold text-lime-700 mt-1"> <span>Economia Total:</span> <span>{slide.extra_contribution.total_saved}</span> </div> </div> <div className="bg-gradient-to-br from-teal-900 to-teal-800 text-white p-6 rounded-2xl shadow-xl relative overflow-hidden mt-auto mb-4 print:bg-teal-900 print:text-white print:shadow-none"> <p className="relative z-10 text-xs opacity-80 mb-1 uppercase tracking-wider font-bold">Patrimônio em 20 anos</p> <p className="relative z-10 text-3xl font-bold text-lime-400 tracking-tight"> <EditableInput value={slide.long_term_val} onChange={(v) => updateField('long_term_val', v)} isEditing={isEditing} className="bg-white/10 text-lime-400" /> </p> <p className="relative z-10 text-[10px] opacity-60 mt-1"> <EditableInput value={slide.long_term_text} onChange={(v) => updateField('long_term_text', v)} isEditing={isEditing} className="bg-white/10" /> </p> </div> </div> ); case 'list_check': return ( <div className={`${paddingClass} min-h-full grow flex flex-col justify-center bg-gradient-to-br from-slate-50 to-white print:bg-white`}> <div className="mb-10"> <h2 className="text-3xl font-bold text-teal-900 mb-3"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> {slide.subtitle && <p className="text-teal-600 font-medium"> <EditableInput value={slide.subtitle} onChange={(v) => updateField('subtitle', v)} isEditing={isEditing} /> </p>} </div> <div className="space-y-4"> {slide.items.map((item: string, i: number) => ( <div key={i} className="flex items-start gap-4 bg-white p-5 rounded-2xl shadow-sm border border-gray-100 group print:border-gray-300"> <div className="w-8 h-8 rounded-full bg-lime-100 flex items-center justify-center shrink-0 mt-1 print:bg-gray-200"> <CheckCircle2 className="text-lime-700 print:text-black" size={16} /> </div> <span className="text-gray-600 font-medium text-sm leading-snug w-full"> <EditableInput value={item} onChange={(v) => updateArrayItem('items', i, v)} isEditing={isEditing} /> </span> </div> ))} </div> </div> ); case 'comparison_card': return ( <div className={`${paddingClass} min-h-full grow flex flex-col justify-center`}> <h2 className="text-2xl font-bold text-center text-teal-900 mb-8 mt-4"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="grid grid-cols-1 gap-6 mb-8"> {/* Left Card - Previdência Fechada */} <div className="bg-teal-800 text-white p-8 rounded-3xl shadow-xl transform scale-105 border-4 border-white ring-4 ring-teal-50 z-10 flex flex-col print:bg-teal-900 print:text-white print:shadow-none print:scale-100 print:ring-0"> <div className="flex justify-between items-start mb-4"> <h3 className="font-bold text-xl">{slide.left.title}</h3> <ShieldCheck className="text-lime-400" size={28} /> </div> <div className="text-teal-100 text-sm leading-relaxed mb-4"> <EditableInput value={slide.left.desc} onChange={(v) => { const newLeft = {...slide.left, desc: v}; onUpdate({...slide, left: newLeft}); }} isEditing={isEditing} multiline className="bg-white/10" /> </div> <div className="mt-4 pt-4 border-t border-teal-700"> <div className="text-lime-400 text-xs font-bold leading-relaxed"> <EditableInput value={slide.left.stat} onChange={(v) => { const newLeft = {...slide.left, stat: v}; onUpdate({...slide, left: newLeft}); }} isEditing={isEditing} className="bg-white/10" /> </div> </div> </div> {/* Right Card - Previdência Aberta */} <div className="bg-white border-2 border-gray-200 border-dashed p-6 rounded-3xl text-gray-500 opacity-90 -mt-4 pt-8 print:mt-4 print:opacity-100 print:border-gray-400 print:text-black"> <h3 className="font-bold text-lg mb-2">{slide.right.title}</h3> <div className="text-sm"> <EditableInput value={slide.right.desc} onChange={(v) => { const newRight = {...slide.right, desc: v}; onUpdate({...slide, right: newRight}); }} isEditing={isEditing} /> </div> </div> </div> </div> ); case 'family': return ( <div className="relative min-h-full grow flex flex-col bg-white"> <div className="h-[400px] shrink-0 relative overflow-hidden rounded-b-[50px] shadow-lg z-10 print:h-[50%] print:rounded-none"> <img src={slide.image} className="w-full h-full object-cover" alt="Family" /> <div className="absolute inset-0 bg-gradient-to-t from-teal-900/60 to-transparent"></div> </div> <div className="flex-1 p-8 text-center pt-12 relative flex flex-col justify-center print:pt-4"> <h2 className="text-3xl font-bold text-teal-900 mb-6"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="text-gray-500 mb-8 leading-relaxed text-sm text-justify"> <EditableInput value={slide.content} onChange={(v) => updateField('content', v)} isEditing={isEditing} multiline /> </div> <div className="inline-block bg-teal-50 text-teal-800 px-6 py-4 rounded-xl font-bold text-sm shadow-sm border border-teal-100 print:bg-gray-100"> <EditableInput value={slide.highlight} onChange={(v) => updateField('highlight', v)} isEditing={isEditing} multiline /> </div> </div> </div> ); case 'stats_warning': return ( <div className={`${paddingClass} flex flex-col justify-center min-h-full grow bg-teal-50 print:bg-white`}> <h2 className="text-3xl font-bold text-teal-900 mb-2"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <p className="text-teal-600 font-bold uppercase tracking-widest text-xs mb-6"> <EditableInput value={slide.subtitle} onChange={(v) => updateField('subtitle', v)} isEditing={isEditing} /> </p> <div className="text-gray-700 leading-relaxed text-sm mb-8 text-justify"> <EditableInput value={slide.content} onChange={(v) => updateField('content', v)} isEditing={isEditing} multiline /> </div> <div className="bg-white p-6 rounded-2xl border-l-4 border-lime-500 shadow-md mb-6 print:border-gray-400 print:shadow-none print:border"> <p className="text-gray-800 font-medium italic text-sm"> "<EditableInput value={slide.stat_box} onChange={(v) => updateField('stat_box', v)} isEditing={isEditing} multiline />" </p> </div> <div className="bg-teal-800 p-6 rounded-2xl text-white shadow-md print:bg-teal-900"> <p className="text-xs leading-relaxed opacity-90"> <EditableInput value={slide.source} onChange={(v) => updateField('source', v)} isEditing={isEditing} className="bg-white/10" /> </p> </div> </div> ); case 'profiles': return ( <div className={`p-6 bg-gray-50 h-full min-h-full grow overflow-y-auto print:bg-white`}> <h2 className="text-3xl font-bold text-teal-900 mb-8 px-2"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="space-y-4 pb-12"> {slide.profiles.map((profile: any, i: number) => ( <div key={i} className={`p-6 rounded-2xl shadow-sm hover:shadow-md transition-shadow ${profile.color} print:bg-white print:border print:border-gray-200`}> <div className="flex items-center justify-between mb-2"> <h3 className="font-bold text-teal-950 text-lg leading-tight w-3/4"> <EditableInput value={profile.name} onChange={(v) => updateProfileItem(i, 'name', v)} isEditing={isEditing} /> </h3> <div className="bg-white/50 p-2 rounded-full shrink-0 print:hidden"> <BarChart3 size={18} className="text-teal-800" /> </div> </div> <div className="text-xs font-medium text-teal-900/80 leading-relaxed tracking-wide"> <EditableInput value={profile.desc} onChange={(v) => updateProfileItem(i, 'desc', v)} isEditing={isEditing} multiline /> </div> </div> ))} </div> </div> ); case 'list_cards': return ( <div className={`${paddingClass} min-h-full grow flex flex-col justify-center bg-white`}> <h2 className="text-3xl font-bold text-teal-900 mb-4"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <p className="text-gray-600 mb-8 text-sm"> <EditableInput value={slide.intro} onChange={(v) => updateField('intro', v)} isEditing={isEditing} /> </p> <div className="grid gap-3 mb-8"> {slide.items.map((item: string, i: number) => ( <div key={i} className="bg-slate-50 p-4 rounded-xl border border-slate-100 text-teal-800 font-medium text-sm flex items-center gap-3 print:bg-white print:border-gray-300"> <div className="w-2 h-2 bg-teal-500 rounded-full shrink-0"></div> <EditableInput value={item} onChange={(v) => updateArrayItem('items', i, v)} isEditing={isEditing} /> </div> ))} </div> <div className="bg-lime-50 p-4 rounded-xl border border-lime-200 print:bg-white print:border-gray-300"> <p className="text-xs text-lime-800 font-bold"> <EditableInput value={slide.note} onChange={(v) => updateField('note', v)} isEditing={isEditing} multiline /> </p> </div> </div> ); case 'trust': return ( <div className={`${paddingClass} min-h-full grow flex flex-col justify-center items-center text-center bg-teal-50 print:bg-white`}> <div className="bg-white p-8 rounded-full shadow-lg mb-8 print:shadow-none print:border"> {slide.icon} </div> <h2 className="text-3xl font-bold text-teal-900 mb-6"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="text-gray-600 leading-relaxed text-lg font-light mb-8"> <EditableInput value={slide.content} onChange={(v) => updateField('content', v)} isEditing={isEditing} multiline /> </div> <a href={slide.link} target="_blank" rel="noreferrer" className="flex items-center gap-2 text-teal-600 font-bold hover:text-teal-800 transition-colors bg-white px-6 py-3 rounded-full shadow-sm" > <Globe size={18} /> Acesse nossas certificações </a> </div> ); case 'contact_merged': return ( <div className={`h-full min-h-full grow flex flex-col items-center justify-center p-8 bg-white text-center`}> {/* CTA Content */} <div className="mb-12"> <div className="w-20 h-20 bg-lime-100 rounded-full flex items-center justify-center mx-auto mb-6"> <Umbrella size={40} className="text-teal-700" /> </div> <h2 className="text-3xl font-bold text-teal-900 mb-4"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="text-gray-600 mb-2 leading-relaxed"> <EditableInput value={slide.subtitle} onChange={(v) => updateField('subtitle', v)} isEditing={isEditing} multiline /> </div> </div> <div className="w-full h-px bg-slate-200 mb-12"></div> {/* Contact Info */} <h3 className="text-xl font-bold text-teal-900 mb-8"> <EditableInput value={slide.footer_title} onChange={(v) => updateField('footer_title', v)} isEditing={isEditing} /> </h3> {/* Removed RS Circle */} <p className="text-xl font-bold text-gray-800 mb-1"> <EditableInput value={slide.person} onChange={(v) => updateField('person', v)} isEditing={isEditing} /> </p> <p className="text-gray-400 mb-12 text-sm uppercase tracking-wider"> <EditableInput value={slide.role} onChange={(v) => updateField('role', v)} isEditing={isEditing} /> </p> <div className="mt-auto bg-slate-50 w-full py-6 rounded-2xl border border-slate-100 mb-8 print:bg-white print:border-gray-300"> <p className="text-[10px] font-bold text-teal-800 uppercase tracking-[0.2em]"> <EditableInput value={slide.brand} onChange={(v) => updateField('brand', v)} isEditing={isEditing} /> </p> </div> </div> ); default: // simple fallback return ( <div className={`${paddingClass} flex flex-col justify-center min-h-full grow`}> <h2 className="text-2xl font-bold text-teal-900 mb-4"> <EditableInput value={slide.title} onChange={(v) => updateField('title', v)} isEditing={isEditing} /> </h2> <div className="text-gray-600 leading-relaxed"> <EditableInput value={slide.content} onChange={(v) => updateField('content', v)} isEditing={isEditing} multiline /> </div> {slide.cta && ( <div className="mt-8 bg-teal-600 text-white p-4 rounded-xl text-center font-bold shadow-md"> <EditableInput value={slide.cta} onChange={(v) => updateField('cta', v)} isEditing={isEditing} className="bg-white/10" /> </div> )} {slide.image && ( <img src={slide.image} className="mt-8 w-full rounded-2xl shadow-md h-56 object-cover" alt="Content" /> )} </div> ); } } </div> </div> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> const params = new URLSearchParams(window.location.search); const utms = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term']; utms.forEach(key => { const value = params.get(key); if (value) { const field = document.querySelector(`input[name="${key}"]`); if (field) { field.value = value; } } }); </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script src="https://previdencia.cooprev.com.br/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.5" id="hello-theme-frontend-js"></script> <script src="https://previdencia.cooprev.com.br/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.33.4" id="elementor-webpack-runtime-js"></script> <script src="https://previdencia.cooprev.com.br/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.33.4" id="elementor-frontend-modules-js"></script> <script src="https://previdencia.cooprev.com.br/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}, "hasCustomBreakpoints":false},"version":"3.33.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true,"mega-menu":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/previdencia.cooprev.com.br\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/previdencia.cooprev.com.br\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/previdencia.cooprev.com.br\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"db3c503971"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":8450,"title":"Elementor%20%238450%20%E2%80%93%20Cooprev%20%E2%80%93%20Previd%C3%AAncia%20Privada","excerpt":"","featuredImage":false}}; //# sourceURL=elementor-frontend-js-before </script> <script src="https://previdencia.cooprev.com.br/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.33.4" id="elementor-frontend-js"></script> <script src="https://previdencia.cooprev.com.br/wp-content/plugins/pro-elements/assets/js/webpack-pro.runtime.min.js?ver=3.33.2" id="elementor-pro-webpack-runtime-js"></script> <script src="https://previdencia.cooprev.com.br/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script src="https://previdencia.cooprev.com.br/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/previdencia.cooprev.com.br\/wp-admin\/admin-ajax.php","nonce":"211a7107b3","urls":{"assets":"https:\/\/previdencia.cooprev.com.br\/wp-content\/plugins\/pro-elements\/assets\/","rest":"https:\/\/previdencia.cooprev.com.br\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}}, "facebook_sdk":{"lang":"pt_BR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/previdencia.cooprev.com.br\/wp-content\/plugins\/pro-elements\/modules\/lottie\/assets\/animations\/default.json"}}; //# sourceURL=elementor-pro-frontend-js-before </script> <script src="https://previdencia.cooprev.com.br/wp-content/plugins/pro-elements/assets/js/frontend.min.js?ver=3.33.2" id="elementor-pro-frontend-js"></script> <script src="https://previdencia.cooprev.com.br/wp-content/plugins/pro-elements/assets/js/elements-handlers.min.js?ver=3.33.2" id="pro-elements-handlers-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://previdencia.cooprev.com.br/wp-includes/js/wp-emoji-release.min.js?ver=6.9"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://previdencia.cooprev.com.br/wp-includes/js/wp-emoji-loader.min.js </script> <script> (function (a) { window.BulldeskFQ=window.BulldeskFQ||[];window.BulldeskFQ.push(a);var script=document.createElement("script");script.src="//static.salesflowcrm.com.br/forms.js",document.addEventListener?document.addEventListener("DOMContentLoaded",function(){document.body.appendChild(script)}):window.attachEvent("onload",function(){document.body.appendChild(script)});}(function(){ new BulldeskFormIntegration({ token: '45ded449e1a1f8f43e14790b644762d2', disable: true, validate: true, fb_pixel_id: '1291082848564701', identifier: ‘Lead’ }); })); </script> </body> </html>