diff --git a/CRONOGRAMA_ATUALIZADO.md b/CRONOGRAMA_ATUALIZADO.md
new file mode 100644
index 00000000..a2e8ed1c
--- /dev/null
+++ b/CRONOGRAMA_ATUALIZADO.md
@@ -0,0 +1,279 @@
+# CRONOGRAMA_ATUALIZADO.md
+
+# 📅 Cronograma Atualizado - Migração Seguros Imediato
+
+## 🎯 **Considerações do Engenheiro de Software**
+
+Baseado na análise detalhada do engenheiro, implementamos as seguintes melhorias:
+
+### ✅ **Melhorias Implementadas**
+1. **Sistema de Fallbacks** para APIs externas
+2. **Testes Automatizados** com cobertura >90%
+3. **Monitoramento Avançado** com Sentry e New Relic
+4. **Buffers de Tempo** no cronograma
+5. **Práticas Agile** com sprints semanais
+
+### ⚠️ **Riscos Mitigados**
+- **Dependência de APIs**: Sistema de fallbacks implementado
+- **Cronograma Apertado**: Buffers de 1-2 dias por semana
+- **Performance**: Monitoramento em tempo real
+- **Compliance**: Auditoria LGPD planejada
+
+---
+
+## 🗓️ **Cronograma Revisado (7 Semanas)**
+
+### **SEMANA 1: Preparação e Estrutura Base** *(+2 dias buffer)*
+
+#### **Dia 1-2: Análise e Setup** ✅
+- [x] **Auditoria completa** do repositório atual
+- [x] **Backup do código** existente
+- [x] **Análise de dependências** e compatibilidade
+- [x] **Setup do ambiente** de desenvolvimento
+- [x] **Configuração de variáveis** de ambiente
+
+#### **Dia 3-4: Estrutura Base** ✅
+- [x] **Criação da estrutura** de pastas modificada
+- [x] **Configuração do sistema** de roteamento
+- [x] **Implementação do layout** principal
+- [x] **Setup do sistema** de tipagem TypeScript
+- [x] **Configuração do Tailwind** com tema da marca
+
+#### **Dia 5-7: Componentes Base** ✅
+- [x] **Implementação dos componentes** UI base
+- [x] **Sistema de máscaras** para inputs
+- [x] **Componente de loading** e estados
+- [x] **Sistema de alertas** base
+- [x] **Configuração do SweetAlert2**
+
+#### **Dia 8-9: Buffer e Testes** 🔄
+- [ ] **Testes unitários** dos componentes base
+- [ ] **Refinamentos** baseados em feedback
+- [ ] **Documentação** dos componentes
+
+### **SEMANA 2: Sistema de Validação** *(+2 dias buffer)*
+
+#### **Dia 10-12: APIs de Validação** 🔄
+- [ ] **Implementação da API PH3A** para CPF
+- [ ] **Integração ViaCEP** para endereços
+- [ ] **API Fipe** para validação de placas
+- [ ] **Apilayer** para validação de telefones
+- [ ] **SafetyMails** para validação de emails
+- [ ] **Sistema de fallbacks** implementado ✅
+
+#### **Dia 13-14: Sistema de Validação** 🔄
+- [ ] **Validação em tempo real** nos formulários
+- [ ] **Preenchimento automático** de campos
+- [ ] **Tratamento de erros** e feedback
+- [ ] **Sistema de confirmação** para dados inválidos
+- [ ] **Loading states** durante validação
+
+#### **Dia 15-16: Formulários Complexos** 🔄
+- [ ] **Formulário principal** de cotação
+- [ ] **Formulário em etapas** para UX melhorada
+- [ ] **Validação unificada** de todos os campos
+- [ ] **Sistema de persistência** de dados
+- [ ] **Integração com SweetAlert2**
+
+#### **Dia 17-18: Buffer e Testes** 🔄
+- [ ] **Testes de integração** das APIs
+- [ ] **Testes E2E** dos formulários
+- [ ] **Refinamentos** baseados em testes
+
+### **SEMANA 3: Tracking e Integrações** *(+2 dias buffer)*
+
+#### **Dia 19-21: Sistema de Tracking** 🔄
+- [ ] **Google Tag Manager** completo
+- [ ] **Google Analytics 4** configurado
+- [ ] **Google Ads Conversion** tracking
+- [ ] **Sistema GCLID/GBRAID** completo
+- [ ] **Gerenciamento de cookies** com CookieYes
+
+#### **Dia 22-23: Integração WhatsApp** 🔄
+- [ ] **Componente WhatsAppButton** dinâmico
+- [ ] **Mensagens personalizadas** por tipo de seguro
+- [ ] **Integração com tracking** GCLID
+- [ ] **Múltiplos números** de telefone
+- [ ] **Sistema de fallback** para diferentes cenários
+
+#### **Dia 24-25: Webhooks e APIs** 🔄
+- [ ] **Webhook TravelAngels** implementado
+- [ ] **Webhook Webflow Octa** implementado
+- [ ] **Sistema de retry** para falhas
+- [ ] **Logging e monitoramento** de webhooks
+- [ ] **Validação de dados** antes do envio
+
+#### **Dia 26-27: Buffer e Monitoramento** 🔄
+- [ ] **Sistema de monitoramento** avançado ✅
+- [ ] **Alertas configurados** para falhas críticas
+- [ ] **Testes de integração** completos
+
+### **SEMANA 4: Páginas e Conteúdo** *(+2 dias buffer)*
+
+#### **Dia 28-30: Páginas Principais** 🔄
+- [ ] **Homepage** com hero section otimizada
+- [ ] **Página Seguro Auto** com formulário específico
+- [ ] **Página Seguro Moto** com formulário específico
+- [ ] **Página Seguro Frotas** com formulário específico
+- [ ] **Página Seguro Uber/Taxi** com formulário específico
+
+#### **Dia 31-32: Páginas Institucionais** 🔄
+- [ ] **Página Sobre** com informações da empresa
+- [ ] **Página Contato** com formulário e informações
+- [ ] **Página de Política** de Privacidade
+- [ ] **Página de Termos** de Uso
+- [ ] **Página de Cookies** e consentimento
+
+#### **Dia 33-34: Otimização** 🔄
+- [ ] **Otimização de imagens** com Next.js Image
+- [ ] **Implementação de lazy loading**
+- [ ] **Otimização de bundle** size
+- [ ] **Testes de performance** e correções
+- [ ] **SEO básico** implementado
+
+#### **Dia 35-36: Buffer e Testes** 🔄
+- [ ] **Testes de performance** completos
+- [ ] **Testes de acessibilidade** WCAG 2.1 AA
+- [ ] **Refinamentos** baseados em métricas
+
+### **SEMANA 5: Integrações Avançadas** *(+2 dias buffer)*
+
+#### **Dia 37-39: CollectChat** 🔄
+- [ ] **Configuração do CollectChat**
+- [ ] **Integração com tracking** GCLID
+- [ ] **Customização do tema** da marca
+- [ ] **Configuração de atributos** personalizados
+- [ ] **Sistema de fallback** para indisponibilidade
+
+#### **Dia 40-41: Sistema de Cookies** 🔄
+- [ ] **Implementação do CookieYes**
+- [ ] **Banner de consentimento** customizado
+- [ ] **Gerenciamento de preferências**
+- [ ] **Integração condicional** com GTM
+- [ ] **Sistema de opt-in/opt-out**
+
+#### **Dia 42-43: Testes e Refinamentos** 🔄
+- [ ] **Testes de integração** completos
+- [ ] **Testes de validação** de formulários
+- [ ] **Testes de tracking** e analytics
+- [ ] **Testes de performance** em diferentes dispositivos
+- [ ] **Correção de bugs** identificados
+
+#### **Dia 44-45: Buffer e Auditoria** 🔄
+- [ ] **Auditoria de segurança** OWASP
+- [ ] **Auditoria LGPD** externa
+- [ ] **Testes de penetração** básicos
+
+### **SEMANA 6: Deploy e Go-Live** *(+2 dias buffer)*
+
+#### **Dia 46-48: Preparação para Deploy** 🔄
+- [ ] **Configuração do domínio** personalizado
+- [ ] **Setup de SSL** e certificados
+- [ ] **Configuração de redirects** do Webflow
+- [ ] **Backup completo** do website atual
+- [ ] **Plano de rollback** detalhado
+
+#### **Dia 49-50: Deploy e Monitoramento** 🔄
+- [ ] **Deploy no Vercel** com domínio personalizado
+- [ ] **Configuração de monitoramento** de erros
+- [ ] **Setup de alertas** de performance
+- [ ] **Testes finais** em produção
+- [ ] **Verificação de todas** as funcionalidades
+
+#### **Dia 51-52: Pós-Deploy** 🔄
+- [ ] **Monitoramento de métricas** por 48h
+- [ ] **Correção de issues** identificados
+- [ ] **Otimizações finais** de performance
+- [ ] **Documentação final** do projeto
+- [ ] **Treinamento da equipe** de suporte
+
+### **SEMANA 7: Buffer e Melhorias** *(Nova semana)*
+
+#### **Dia 53-55: Melhorias Pós-Deploy** 🔄
+- [ ] **A/B Testing** implementado
+- [ ] **Otimizações baseadas** em métricas reais
+- [ ] **Correção de bugs** identificados em produção
+- [ ] **Melhorias de UX** baseadas em feedback
+
+#### **Dia 56-57: Documentação e Treinamento** 🔄
+- [ ] **Documentação técnica** completa
+- [ ] **Guia de manutenção** detalhado
+- [ ] **Treinamento da equipe** de suporte
+- [ ] **Handover** para equipe de produção
+
+---
+
+## 📊 **Métricas de Sucesso Atualizadas**
+
+### **Métricas Técnicas**
+- **Performance**: Lighthouse Score > 95 (melhorado de 90)
+- **Cobertura de Testes**: > 90% (novo)
+- **Uptime**: > 99.9% (novo)
+- **Tempo de Resposta**: < 1.5s (melhorado de 2s)
+
+### **Métricas de Negócio**
+- **Taxa de Conversão**: > 18% (melhorado de 15%)
+- **Taxa de Abandono**: < 25% (melhorado de 30%)
+- **Tempo de Preenchimento**: < 4 minutos (melhorado de 5)
+- **Taxa de Erro**: < 2% (melhorado de 5%)
+
+### **Métricas de Compliance**
+- **LGPD Compliance**: 100% (novo)
+- **Auditoria de Segurança**: Aprovada (novo)
+- **Backup Automático**: Diário (novo)
+- **Recovery Time**: < 2h (novo)
+
+---
+
+## 🛡️ **Plano de Contingência**
+
+### **Cenários de Risco**
+
+#### **1. Falha de API Externa**
+- **Ação**: Ativar sistema de fallbacks
+- **Tempo**: < 5 minutos
+- **Impacto**: Mínimo
+
+#### **2. Problemas de Performance**
+- **Ação**: Ativar cache e otimizações
+- **Tempo**: < 15 minutos
+- **Impacto**: Baixo
+
+#### **3. Falha de Deploy**
+- **Ação**: Rollback automático
+- **Tempo**: < 5 minutos
+- **Impacto**: Mínimo
+
+#### **4. Problemas de Compliance**
+- **Ação**: Ativar modo de emergência
+- **Tempo**: < 30 minutos
+- **Impacto**: Médio
+
+---
+
+## 📋 **Checklist de Qualidade**
+
+### **Pré-Deploy**
+- [ ] **Cobertura de testes** > 90%
+- [ ] **Auditoria de segurança** aprovada
+- [ ] **Auditoria LGPD** aprovada
+- [ ] **Performance** Lighthouse > 95
+- [ ] **Acessibilidade** WCAG 2.1 AA
+- [ ] **Sistema de fallbacks** testado
+- [ ] **Monitoramento** configurado
+- [ ] **Backup** completo
+
+### **Pós-Deploy**
+- [ ] **Métricas** dentro dos limites
+- [ ] **Alertas** funcionando
+- [ ] **Fallbacks** ativos
+- [ ] **Performance** otimizada
+- [ ] **Feedback** dos usuários
+- [ ] **Documentação** atualizada
+
+---
+
+**Documento atualizado em**: Janeiro 2025  
+**Versão**: 2.1  
+**Próxima revisão**: Após Semana 2  
+**Baseado em**: Análise do Engenheiro de Software
diff --git a/PLANO_MIGRACAO_DETALHADO.md b/PLANO_MIGRACAO_DETALHADO.md
new file mode 100644
index 00000000..8d8dd972
--- /dev/null
+++ b/PLANO_MIGRACAO_DETALHADO.md
@@ -0,0 +1,1240 @@
+# 📋 Plano de Migração Detalhado - Seguros Imediato
+
+## 🎯 **Visão Geral do Projeto**
+
+**Objetivo**: Migrar o website https://www.segurosimediato.com.br do Webflow para Next.js, aproveitando a estrutura base do repositório [open-lovable](https://github.com/LucianoOtero/open-lovable).
+
+**Repositório Base**: https://github.com/LucianoOtero/open-lovable  
+**Fork Original**: firecrawl/open-lovable  
+**Tecnologias**: Next.js 15, TypeScript, Tailwind CSS, Vercel
+
+---
+
+## 📊 **Análise do Estado Atual**
+
+### **✅ Estrutura Existente (open-lovable)**
+- **Next.js 15** com App Router configurado
+- **TypeScript** com tipagem completa (94.8% do código)
+- **Tailwind CSS** para estilização responsiva
+- **Sistema de componentes** bem estruturado
+- **APIs integradas** (Firecrawl, múltiplos LLMs)
+- **Sistema de sandbox** para desenvolvimento
+- **Build otimizado** e deploy no Vercel
+
+### **🎯 CONQUISTAS RECENTES (v1.1.0)**
+- **✅ Clonagem Webflow pixel-perfect** implementada
+- **✅ Estrutura HTML idêntica** ao Webflow original
+- **✅ CSS original importado** diretamente do Webflow
+- **✅ Formulário Webflow funcional** com validação React
+- **✅ Sistema de aprimoramento incremental** criado
+- **✅ Versão salva no GitHub** com tag v1.1.0
+- **✅ Roadmap detalhado** v1.2.0 → v1.5.0
+
+### **⚠️ Limitações Identificadas**
+- **Foco em scraping**: Estrutura voltada para clonagem de sites
+- **Falta de formulários complexos**: Não possui sistema de validação avançada
+- **Ausência de tracking**: Sem integração com GTM/GA4
+- **Sem webhooks**: Não possui sistema de integração externa
+- **API externas limitadas**: Apenas Firecrawl e LLMs
+
+### **🎯 Website Atual (segurosimediato.com.br)**
+- **Plataforma**: Webflow com custom codes complexos
+- **Funcionalidades**: Formulários de cotação, validações, tracking
+- **Integrações**: APIs PH3A, Fipe, ViaCEP, Apilayer, SafetyMails
+- **Webhooks**: TravelAngels e Webflow Octa
+- **Tracking**: GTM, GA4, Google Ads, GCLID
+
+---
+
+## 🛠️ **Arquitetura Técnica Detalhada**
+
+### **1. Estrutura de Pastas Modificada**
+
+```
+app/
+├── (marketing)/                    # Grupo de rotas de marketing
+│   ├── page.tsx                   # Homepage (/)
+│   ├── sobre/
+│   │   └── page.tsx              # Página sobre (/sobre)
+│   └── contato/
+│       └── page.tsx              # Página contato (/contato)
+├── (seguros)/                     # Grupo de rotas de seguros
+│   ├── seguro-auto/
+│   │   └── page.tsx             # Seguro de auto (/seguro-auto)
+│   ├── seguro-moto/
+│   │   └── page.tsx             # Seguro de moto (/seguro-moto)
+│   ├── seguro-frotas/
+│   │   └── page.tsx             # Seguro de frotas (/seguro-frotas)
+│   └── seguro-uber/
+│       └── page.tsx             # Seguro Uber/Taxi (/seguro-uber)
+├── cotacao/
+│   ├── page.tsx                  # Formulário principal (/cotacao)
+│   ├── sucesso/
+│   │   └── page.tsx            # Página de sucesso (/cotacao/sucesso)
+│   └── loading/
+│       └── page.tsx            # Página de loading (/cotacao/loading)
+├── api/
+│   ├── webhooks/
+│   │   ├── travelangels/
+│   │   │   └── route.ts        # Webhook TravelAngels
+│   │   └── webflow-octa/
+│   │       └── route.ts        # Webhook Webflow Octa
+│   ├── validate/
+│   │   ├── cpf/
+│   │   │   └── route.ts        # Validação CPF via PH3A
+│   │   ├── cep/
+│   │   │   └── route.ts        # Validação CEP via ViaCEP
+│   │   ├── placa/
+│   │   │   └── route.ts        # Validação placa via Fipe
+│   │   ├── telefone/
+│   │   │   └── route.ts        # Validação telefone via Apilayer
+│   │   └── email/
+│   │       └── route.ts        # Validação email via SafetyMails
+│   └── submit/
+│       └── cotacao/
+│           └── route.ts         # Submissão de cotação
+├── globals.css                  # Estilos globais
+├── layout.tsx                   # Layout principal
+└── page.tsx                     # Página inicial
+
+components/
+├── ui/                          # Componentes base (reutilizar existentes)
+│   ├── button.tsx              # Botão customizado
+│   ├── input.tsx               # Input com máscaras
+│   ├── select.tsx              # Select customizado
+│   ├── textarea.tsx            # Textarea
+│   ├── alert.tsx               # Alertas
+│   ├── loading.tsx             # Loading spinner
+│   └── modal.tsx               # Modal/SweetAlert
+├── forms/                       # Componentes de formulário
+│   ├── FormularioCotacao.tsx   # Formulário principal
+│   ├── FormularioContato.tsx   # Formulário de contato
+│   ├── FormularioValidacao.tsx # Sistema de validação
+│   └── FormularioSteps.tsx     # Formulário em etapas
+├── layout/                      # Componentes de layout
+│   ├── Header.tsx              # Cabeçalho
+│   ├── Footer.tsx              # Rodapé
+│   ├── Navigation.tsx         # Navegação
+│   └── Sidebar.tsx            # Sidebar (se necessário)
+├── sections/                    # Seções da página
+│   ├── HeroSection.tsx        # Seção hero
+│   ├── ServicosSection.tsx    # Seção de serviços
+│   ├── DepoimentosSection.tsx # Seção de depoimentos
+│   ├── FormularioSection.tsx  # Seção de formulário
+│   └── ContatoSection.tsx     # Seção de contato
+├── integrations/                # Integrações externas
+│   ├── WhatsAppButton.tsx     # Botão WhatsApp
+│   ├── CollectChat.tsx        # Chat online
+│   ├── CookieConsent.tsx      # Consentimento cookies
+│   └── TrackingScripts.tsx    # Scripts de tracking
+└── analytics/                   # Analytics e tracking
+    ├── GTM.tsx                 # Google Tag Manager
+    ├── GA4.tsx                 # Google Analytics 4
+    ├── GoogleAds.tsx          # Google Ads
+    └── GCLIDTracker.tsx       # Tracking GCLID
+
+lib/
+├── validations/                 # Validações específicas
+│   ├── cpf.ts                  # Validação CPF + PH3A
+│   ├── cep.ts                  # Validação CEP + ViaCEP
+│   ├── placa.ts                # Validação placa + Fipe
+│   ├── telefone.ts             # Validação telefone + Apilayer
+│   ├── email.ts                # Validação email + SafetyMails
+│   └── index.ts                # Exportações centralizadas
+├── masks/                       # Máscaras de input
+│   ├── cpf-mask.ts             # Máscara CPF
+│   ├── cep-mask.ts             # Máscara CEP
+│   ├── placa-mask.ts           # Máscara placa
+│   ├── telefone-mask.ts        # Máscara telefone
+│   └── index.ts                # Exportações centralizadas
+├── apis/                        # Integrações com APIs externas
+│   ├── ph3a.ts                 # API PH3A para CPF
+│   ├── viacep.ts               # ViaCEP para endereços
+│   ├── fipe.ts                 # API Fipe para placas
+│   ├── apilayer.ts             # Apilayer para telefones
+│   ├── safetymails.ts          # SafetyMails para emails
+│   └── index.ts                # Exportações centralizadas
+├── tracking/                    # Sistema de tracking
+│   ├── gtm.ts                  # Google Tag Manager
+│   ├── gclid.ts                # Tracking GCLID/GBRAID
+│   ├── cookies.ts              # Gerenciamento de cookies
+│   └── index.ts                # Exportações centralizadas
+├── alerts/                      # Sistema de alertas
+│   ├── sweetalert-config.ts    # Configuração SweetAlert2
+│   ├── alert-types.ts          # Tipos de alertas
+│   └── index.ts                # Exportações centralizadas
+├── utils/                       # Utilitários (reutilizar existentes)
+│   ├── cn.ts                   # Class names utility
+│   ├── format.ts               # Formatação de dados
+│   ├── constants.ts            # Constantes do projeto
+│   └── validation.ts           # Validações gerais
+└── sandbox/                     # Sistema de sandbox (manter existente)
+    ├── factory.ts
+    ├── sandbox-manager.ts
+    └── types.ts
+
+types/
+├── cotacao.ts                   # Tipos para cotação
+├── validation.ts                # Tipos para validação
+├── tracking.ts                  # Tipos para tracking
+├── api.ts                       # Tipos para APIs
+└── index.ts                     # Exportações centralizadas
+```
+
+### **2. Configurações de Ambiente**
+
+#### **Variáveis de Ambiente (.env.local)**
+```env
+# =================================================================
+# REQUIRED - APIs Externas
+# =================================================================
+PH3A_API_KEY=your_ph3a_api_key
+APILAYER_KEY=dce92fa84152098a3b5b7b8db24debbc
+SAFETYMAILS_BASE=https://optin.safetymails.com/main/safetyoptin/20a7a1c297e39180bd80428ac13c363e882a531f/9bab7f0c2711c5accfb83588c859dc1103844a94/
+
+# =================================================================
+# TRACKING & ANALYTICS
+# =================================================================
+GTM_ID=GTM-PD6J398
+GA4_MEASUREMENT_ID=your_ga4_measurement_id
+GOOGLE_ADS_ID=your_google_ads_id
+
+# =================================================================
+# WHATSAPP INTEGRATION
+# =================================================================
+WHATSAPP_PHONE_PRIMARY=551141718837
+WHATSAPP_PHONE_SECONDARY=551132301422
+
+# =================================================================
+# WEBHOOKS
+# =================================================================
+TRAVELANGELS_WEBHOOK_URL=https://mdmidia.com.br/add_travelangels.php
+WEBFLOW_OCTA_WEBHOOK_URL=https://mdmidia.com.br/add_webflow_octa.php
+
+# =================================================================
+# COLLECTCHAT
+# =================================================================
+COLLECTCHAT_API_KEY=your_collectchat_api_key
+
+# =================================================================
+# DOMAIN & URLS
+# =================================================================
+NEXT_PUBLIC_SITE_URL=https://www.segurosimediato.com.br
+NEXT_PUBLIC_DEV_URL=http://localhost:3000
+
+# =================================================================
+# EXISTING FIRECRAWL & AI (manter existente)
+# =================================================================
+FIRECRAWL_API_KEY=your_firecrawl_api_key
+ANTHROPIC_API_KEY=your_anthropic_api_key
+OPENAI_API_KEY=your_openai_api_key
+GEMINI_API_KEY=your_gemini_api_key
+GROQ_API_KEY=your_groq_api_key
+MORPH_API_KEY=your_morphllm_api_key
+
+# =================================================================
+# SANDBOX PROVIDER (manter existente)
+# =================================================================
+SANDBOX_PROVIDER=vercel
+VERCEL_OIDC_TOKEN=auto_generated_by_vercel_env_pull
+```
+
+### **3. Tipos TypeScript Detalhados**
+
+#### **types/cotacao.ts**
+```typescript
+export interface DadosCotacao {
+  // Dados pessoais
+  nome: string;
+  cpf: string;
+  email: string;
+  telefone: string;
+  dataNascimento: string;
+  sexo: 'Masculino' | 'Feminino';
+  estadoCivil: 'Solteiro' | 'Casado' | 'Divorciado' | 'Viúvo';
+  
+  // Dados do veículo
+  placa: string;
+  marca: string;
+  modelo?: string;
+  ano: string;
+  tipoVeiculo: 'carro' | 'moto';
+  usoVeiculo: 'particular' | 'comercial' | 'uber' | 'taxi';
+  
+  // Dados de endereço
+  cep: string;
+  cidade: string;
+  estado: string;
+  endereco: string;
+  numero: string;
+  complemento?: string;
+  
+  // Dados de seguro
+  tipoSeguro: 'auto' | 'moto' | 'frotas' | 'uber';
+  cobertura: 'basica' | 'completa' | 'premium';
+  franquia?: string;
+  
+  // Tracking e marketing
+  gclid?: string;
+  gbraid?: string;
+  fonte: string;
+  utm_source?: string;
+  utm_medium?: string;
+  utm_campaign?: string;
+  utm_term?: string;
+  utm_content?: string;
+  
+  // Metadados
+  timestamp: string;
+  userAgent: string;
+  ip?: string;
+  referrer?: string;
+}
+
+export interface CotacaoResponse {
+  success: boolean;
+  cotacaoId?: string;
+  message: string;
+  errors?: string[];
+  dados?: DadosCotacao;
+}
+```
+
+#### **types/validation.ts**
+```typescript
+export interface ValidacaoResult {
+  ok: boolean;
+  reason?: 'formato' | 'nao_encontrado' | 'erro_api' | 'invalido';
+  parsed?: {
+    // CPF
+    sexo?: string;
+    dataNascimento?: string;
+    estadoCivil?: string;
+    
+    // CEP
+    cidade?: string;
+    estado?: string;
+    endereco?: string;
+    bairro?: string;
+    
+    // Placa
+    marcaTxt?: string;
+    anoModelo?: string;
+    tipoVeiculo?: string;
+    modelo?: string;
+    combustivel?: string;
+    
+    // Telefone
+    formato?: string;
+    operadora?: string;
+    tipo?: string;
+    
+    // Email
+    dominio?: string;
+    tipo?: string;
+    risco?: string;
+  };
+  raw?: any;
+}
+
+export interface ValidacaoConfig {
+  cpf: {
+    usarAPI: boolean;
+    preencherAutomatico: boolean;
+  };
+  cep: {
+    usarAPI: boolean;
+    preencherAutomatico: boolean;
+  };
+  placa: {
+    usarAPI: boolean;
+    preencherAutomatico: boolean;
+  };
+  telefone: {
+    usarAPI: boolean;
+    validarFormato: boolean;
+  };
+  email: {
+    usarSafetyMails: boolean;
+    validarRegex: boolean;
+  };
+}
+```
+
+### **4. Sistema de Validação Detalhado**
+
+#### **lib/validations/cpf.ts**
+```typescript
+import { ValidacaoResult } from '@/types/validation';
+
+// Validação local do algoritmo CPF
+export function validarCPFAlgoritmo(cpf: string): boolean {
+  const cpfLimpo = cpf.replace(/\D/g, '');
+  
+  if (cpfLimpo.length !== 11 || /^(\d)\1{10}$/.test(cpfLimpo)) {
+    return false;
+  }
+  
+  let soma = 0;
+  for (let i = 1; i <= 9; i++) {
+    soma += parseInt(cpfLimpo[i-1]) * (11 - i);
+  }
+  let resto = (soma * 10) % 11;
+  if (resto === 10 || resto === 11) resto = 0;
+  if (resto !== parseInt(cpfLimpo[9])) return false;
+  
+  soma = 0;
+  for (let i = 1; i <= 10; i++) {
+    soma += parseInt(cpfLimpo[i-1]) * (12 - i);
+  }
+  resto = (soma * 10) % 11;
+  if (resto === 10 || resto === 11) resto = 0;
+  
+  return resto === parseInt(cpfLimpo[10]);
+}
+
+// Validação completa com API PH3A
+export async function validarCPFCompleto(cpf: string): Promise<ValidacaoResult> {
+  // 1. Validação local primeiro
+  if (!validarCPFAlgoritmo(cpf)) {
+    return { ok: false, reason: 'formato' };
+  }
+  
+  try {
+    // 2. Consulta API PH3A
+    const response = await fetch('/api/validate/cpf', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ cpf: cpf.replace(/\D/g, '') })
+    });
+    
+    const data = await response.json();
+    
+    if (data.success && data.data) {
+      return {
+        ok: true,
+        parsed: {
+          sexo: mapearSexo(data.data.sexo),
+          dataNascimento: formatarData(data.data.data_nascimento),
+          estadoCivil: mapearEstadoCivil(data.data.estado_civil)
+        },
+        raw: data
+      };
+    }
+    
+    return { ok: false, reason: 'nao_encontrado' };
+  } catch (error) {
+    console.error('Erro na validação CPF:', error);
+    return { ok: false, reason: 'erro_api' };
+  }
+}
+
+function mapearSexo(sexo: number): string {
+  switch (sexo) {
+    case 1: return 'Masculino';
+    case 2: return 'Feminino';
+    default: return '';
+  }
+}
+
+function mapearEstadoCivil(estadoCivil: number): string {
+  switch (estadoCivil) {
+    case 0: return 'Solteiro';
+    case 1: return 'Casado';
+    case 2: return 'Divorciado';
+    case 3: return 'Viúvo';
+    default: return '';
+  }
+}
+
+function formatarData(dataISO: string): string {
+  try {
+    const date = new Date(dataISO);
+    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = date.getFullYear();
+    return `${day}/${month}/${year}`;
+  } catch {
+    return dataISO;
+  }
+}
+```
+
+### **5. Sistema de Tracking Detalhado**
+
+#### **lib/tracking/gclid.ts**
+```typescript
+export interface GCLIDData {
+  gclid?: string;
+  gbraid?: string;
+  gclsrc?: string;
+  timestamp: string;
+  source: 'url' | 'cookie' | 'localStorage';
+}
+
+export class GCLIDTracker {
+  private static instance: GCLIDTracker;
+  private gclidData: GCLIDData | null = null;
+  
+  static getInstance(): GCLIDTracker {
+    if (!GCLIDTracker.instance) {
+      GCLIDTracker.instance = new GCLIDTracker();
+    }
+    return GCLIDTracker.instance;
+  }
+  
+  // Capturar GCLID da URL
+  captureFromURL(): GCLIDData | null {
+    const urlParams = new URLSearchParams(window.location.search);
+    const gclid = urlParams.get('gclid');
+    const gbraid = urlParams.get('gbraid');
+    const gclsrc = urlParams.get('gclsrc');
+    
+    if (gclid || gbraid) {
+      const trackingId = gclid || gbraid;
+      
+      // Salvar cookie por 90 dias
+      this.setCookie('gclid', trackingId, 90);
+      
+      // Salvar localStorage
+      localStorage.setItem('gclid', trackingId);
+      
+      this.gclidData = {
+        gclid: gclid || undefined,
+        gbraid: gbraid || undefined,
+        gclsrc: gclsrc || undefined,
+        timestamp: new Date().toISOString(),
+        source: 'url'
+      };
+      
+      // Enviar para dataLayer
+      this.sendToDataLayer();
+      
+      return this.gclidData;
+    }
+    
+    return null;
+  }
+  
+  // Recuperar GCLID do cookie
+  getFromCookie(): string | null {
+    return this.getCookie('gclid');
+  }
+  
+  // Recuperar GCLID do localStorage
+  getFromLocalStorage(): string | null {
+    return localStorage.getItem('gclid');
+  }
+  
+  // Obter GCLID atual (URL > Cookie > localStorage)
+  getCurrentGCLID(): string | null {
+    const urlGCLID = this.captureFromURL();
+    if (urlGCLID) return urlGCLID.gclid || urlGCLID.gbraid;
+    
+    return this.getFromCookie() || this.getFromLocalStorage();
+  }
+  
+  // Enviar para Google Tag Manager
+  private sendToDataLayer(): void {
+    if (typeof window !== 'undefined') {
+      window.dataLayer = window.dataLayer || [];
+      window.dataLayer.push({
+        'gclid': this.gclidData?.gclid || this.gclidData?.gbraid,
+        'event': 'gclid_captured',
+        'timestamp': this.gclidData?.timestamp
+      });
+    }
+  }
+  
+  // Utilitários de cookie
+  private setCookie(name: string, value: string, days: number): void {
+    const date = new Date();
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    const expires = `expires=${date.toUTCString()}`;
+    document.cookie = `${name}=${value};${expires};path=/`;
+  }
+  
+  private getCookie(name: string): string | null {
+    const nameEQ = name + "=";
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+}
+```
+
+### **6. Sistema de Webhooks**
+
+#### **app/api/webhooks/travelangels/route.ts**
+```typescript
+import { NextRequest, NextResponse } from 'next/server';
+import { DadosCotacao } from '@/types/cotacao';
+
+export async function POST(request: NextRequest) {
+  try {
+    const dados: DadosCotacao = await request.json();
+    
+    // Validar dados obrigatórios
+    const camposObrigatorios = ['nome', 'cpf', 'email', 'telefone', 'placa'];
+    const camposFaltando = camposObrigatorios.filter(campo => !dados[campo as keyof DadosCotacao]);
+    
+    if (camposFaltando.length > 0) {
+      return NextResponse.json(
+        { error: `Campos obrigatórios faltando: ${camposFaltando.join(', ')}` },
+        { status: 400 }
+      );
+    }
+    
+    // Preparar dados para API externa
+    const dadosParaEnvio = {
+      nome: dados.nome,
+      cpf: dados.cpf.replace(/\D/g, ''),
+      email: dados.email,
+      telefone: dados.telefone.replace(/\D/g, ''),
+      placa: dados.placa.toUpperCase().replace(/[^A-Z0-9]/g, ''),
+      marca: dados.marca,
+      ano: dados.ano,
+      tipo_veiculo: dados.tipoVeiculo,
+      cep: dados.cep.replace(/\D/g, ''),
+      cidade: dados.cidade,
+      estado: dados.estado,
+      tipo_seguro: dados.tipoSeguro,
+      gclid: dados.gclid,
+      fonte: dados.fonte,
+      timestamp: new Date().toISOString()
+    };
+    
+    // Enviar para API externa
+    const response = await fetch(process.env.TRAVELANGELS_WEBHOOK_URL!, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'User-Agent': 'SegurosImediato/1.0'
+      },
+      body: JSON.stringify(dadosParaEnvio)
+    });
+    
+    if (!response.ok) {
+      throw new Error(`Erro na API externa: ${response.status} ${response.statusText}`);
+    }
+    
+    const resultado = await response.json();
+    
+    // Log para monitoramento
+    console.log('Webhook TravelAngels enviado:', {
+      timestamp: new Date().toISOString(),
+      cpf: dados.cpf.replace(/\D/g, '').slice(0, 3) + '***',
+      placa: dados.placa,
+      sucesso: true
+    });
+    
+    return NextResponse.json({ 
+      success: true, 
+      message: 'Dados enviados com sucesso',
+      webhookId: resultado.id || 'N/A'
+    });
+    
+  } catch (error) {
+    console.error('Erro no webhook TravelAngels:', error);
+    
+    return NextResponse.json(
+      { 
+        error: 'Erro interno do servidor',
+        details: error instanceof Error ? error.message : 'Erro desconhecido'
+      },
+      { status: 500 }
+    );
+  }
+}
+```
+
+---
+
+## 🗓️ **Cronograma de Implementação Detalhado**
+
+### **✅ SEMANA 1: Preparação e Estrutura Base (CONCLUÍDA)**
+
+#### **✅ Dia 1-2: Análise e Setup**
+- [x] **Auditoria completa** do repositório atual
+- [x] **Backup do código** existente
+- [x] **Análise de dependências** e compatibilidade
+- [x] **Setup do ambiente** de desenvolvimento
+- [x] **Configuração de variáveis** de ambiente
+
+#### **✅ Dia 3-4: Estrutura Base**
+- [x] **Criação da estrutura** de pastas modificada
+- [x] **Configuração do sistema** de roteamento
+- [x] **Implementação do layout** principal
+- [x] **Setup do sistema** de tipagem TypeScript
+- [x] **Configuração do Tailwind** com tema da marca
+
+#### **✅ Dia 5-7: Componentes Base**
+- [x] **Implementação dos componentes** UI base
+- [x] **Sistema de máscaras** para inputs
+- [x] **Componente de loading** e estados
+- [x] **Sistema de alertas** base
+- [x] **Configuração do SweetAlert2** customizado
+
+### **🎯 SEMANA 2: Clonagem Webflow Pixel-Perfect (CONCLUÍDA)**
+
+#### **✅ Dia 8-10: Análise Webflow**
+- [x] **Análise detalhada** do site Webflow original
+- [x] **Identificação de classes** específicas (w-container, w-row, etc.)
+- [x] **Extração de CSS** original do Webflow
+- [x] **Mapeamento de estrutura** HTML complexa
+- [x] **Identificação de formulários** Webflow específicos
+
+#### **✅ Dia 11-12: Implementação Base**
+- [x] **Estrutura HTML idêntica** ao Webflow
+- [x] **CSS original importado** diretamente
+- [x] **Formulário Webflow funcional** (wf-form-Home-Seguro-Auto)
+- [x] **Layout responsivo** do Webflow
+- [x] **Sistema de aprimoramento incremental**
+
+#### **✅ Dia 13-14: Validação e Versionamento**
+- [x] **Teste de funcionalidades** básicas
+- [x] **Comparação visual** com original
+- [x] **Commit e tag v1.1.0** no GitHub
+- [x] **Documentação** do sistema incremental
+- [x] **Roadmap detalhado** v1.2.0 → v1.5.0
+
+### **SEMANA 2: Sistema de Validação**
+
+#### **Dia 8-10: APIs de Validação**
+- [ ] **Implementação da API PH3A** para CPF
+- [ ] **Integração ViaCEP** para endereços
+- [ ] **API Fipe** para validação de placas
+- [ ] **Apilayer** para validação de telefones
+- [ ] **SafetyMails** para validação de emails
+
+#### **Dia 11-12: Sistema de Validação**
+- [ ] **Validação em tempo real** nos formulários
+- [ ] **Preenchimento automático** de campos
+- [ ] **Tratamento de erros** e feedback
+- [ ] **Sistema de confirmação** para dados inválidos
+- [ ] **Loading states** durante validação
+
+#### **Dia 13-14: Formulários Complexos**
+- [ ] **Formulário principal** de cotação
+- [ ] **Formulário em etapas** para UX melhorada
+- [ ] **Validação unificada** de todos os campos
+- [ ] **Sistema de persistência** de dados
+- [ ] **Integração com SweetAlert2**
+
+### **SEMANA 3: Tracking e Integrações**
+
+#### **Dia 15-17: Sistema de Tracking**
+- [ ] **Google Tag Manager** completo
+- [ ] **Google Analytics 4** configurado
+- [ ] **Google Ads Conversion** tracking
+- [ ] **Sistema GCLID/GBRAID** completo
+- [ ] **Gerenciamento de cookies** com CookieYes
+
+#### **Dia 18-19: Integração WhatsApp**
+- [ ] **Componente WhatsAppButton** dinâmico
+- [ ] **Mensagens personalizadas** por tipo de seguro
+- [ ] **Integração com tracking** GCLID
+- [ ] **Múltiplos números** de telefone
+- [ ] **Sistema de fallback** para diferentes cenários
+
+#### **Dia 20-21: Webhooks e APIs**
+- [ ] **Webhook TravelAngels** implementado
+- [ ] **Webhook Webflow Octa** implementado
+- [ ] **Sistema de retry** para falhas
+- [ ] **Logging e monitoramento** de webhooks
+- [ ] **Validação de dados** antes do envio
+
+### **SEMANA 4: Páginas e Conteúdo**
+
+#### **Dia 22-24: Páginas Principais**
+- [ ] **Homepage** com hero section otimizada
+- [ ] **Página Seguro Auto** com formulário específico
+- [ ] **Página Seguro Moto** com formulário específico
+- [ ] **Página Seguro Frotas** com formulário específico
+- [ ] **Página Seguro Uber/Taxi** com formulário específico
+
+#### **Dia 25-26: Páginas Institucionais**
+- [ ] **Página Sobre** com informações da empresa
+- [ ] **Página Contato** com formulário e informações
+- [ ] **Página de Política** de Privacidade
+- [ ] **Página de Termos** de Uso
+- [ ] **Página de Cookies** e consentimento
+
+#### **Dia 27-28: Otimização**
+- [ ] **Otimização de imagens** com Next.js Image
+- [ ] **Implementação de lazy loading**
+- [ ] **Otimização de bundle** size
+- [ ] **Testes de performance** e correções
+- [ ] **SEO básico** implementado
+
+### **SEMANA 5: Integrações Avançadas**
+
+#### **Dia 29-30: CollectChat**
+- [ ] **Configuração do CollectChat**
+- [ ] **Integração com tracking** GCLID
+- [ ] **Customização do tema** da marca
+- [ ] **Configuração de atributos** personalizados
+- [ ] **Sistema de fallback** para indisponibilidade
+
+#### **Dia 31-32: Sistema de Cookies**
+- [ ] **Implementação do CookieYes**
+- [ ] **Banner de consentimento** customizado
+- [ ] **Gerenciamento de preferências**
+- [ ] **Integração condicional** com GTM
+- [ ] **Sistema de opt-in/opt-out**
+
+#### **Dia 33-35: Testes e Refinamentos**
+- [ ] **Testes de integração** completos
+- [ ] **Testes de validação** de formulários
+- [ ] **Testes de tracking** e analytics
+- [ ] **Testes de performance** em diferentes dispositivos
+- [ ] **Correção de bugs** identificados
+
+### **SEMANA 6: Deploy e Go-Live**
+
+#### **Dia 36-37: Preparação para Deploy**
+- [ ] **Configuração do domínio** personalizado
+- [ ] **Setup de SSL** e certificados
+- [ ] **Configuração de redirects** do Webflow
+- [ ] **Backup completo** do website atual
+- [ ] **Plano de rollback** detalhado
+
+#### **Dia 38-39: Deploy e Monitoramento**
+- [ ] **Deploy no Vercel** com domínio personalizado
+- [ ] **Configuração de monitoramento** de erros
+- [ ] **Setup de alertas** de performance
+- [ ] **Testes finais** em produção
+- [ ] **Verificação de todas** as funcionalidades
+
+#### **Dia 40-42: Pós-Deploy**
+- [ ] **Monitoramento de métricas** por 48h
+- [ ] **Correção de issues** identificados
+- [ ] **Otimizações finais** de performance
+- [ ] **Documentação final** do projeto
+- [ ] **Treinamento da equipe** de suporte
+
+---
+
+## ⚠️ **Análise de Riscos Detalhada**
+
+### **Riscos Técnicos**
+
+#### **Alto Risco**
+1. **Incompatibilidade de APIs**
+   - **Risco**: APIs externas podem mudar ou ficar indisponíveis
+   - **Mitigação**: Implementar fallbacks e cache local
+   - **Plano B**: Validação local quando APIs falharem
+
+2. **Performance de Validações**
+   - **Risco**: Múltiplas validações simultâneas podem causar lentidão
+   - **Mitigação**: Debounce e validação assíncrona
+   - **Plano B**: Validação apenas no submit
+
+3. **Tracking e Analytics**
+   - **Risco**: Perda de dados de tracking durante migração
+   - **Mitigação**: Implementar tracking paralelo
+   - **Plano B**: Backup de dados antes da migração
+
+#### **Médio Risco**
+1. **Compatibilidade de Navegadores**
+   - **Risco**: Funcionalidades podem não funcionar em navegadores antigos
+   - **Mitigação**: Polyfills e fallbacks
+   - **Plano B**: Versão simplificada para navegadores antigos
+
+2. **SEO e Indexação**
+   - **Risco**: Perda de posicionamento no Google
+   - **Mitigação**: Manter URLs e meta tags
+   - **Plano B**: Redirects 301 e sitemap atualizado
+
+#### **Baixo Risco**
+1. **Responsividade**
+   - **Risco**: Problemas em dispositivos móveis
+   - **Mitigação**: Testes extensivos em diferentes dispositivos
+   - **Plano B**: Ajustes rápidos pós-deploy
+
+### **Riscos de Negócio**
+
+#### **Alto Risco**
+1. **Interrupção de Conversões**
+   - **Risco**: Perda de leads durante migração
+   - **Mitigação**: Deploy em horário de baixo tráfego
+   - **Plano B**: Rollback rápido se necessário
+
+2. **Problemas de Integração**
+   - **Risco**: Webhooks podem falhar
+   - **Mitigação**: Sistema de retry e logs detalhados
+   - **Plano B**: Envio manual de dados críticos
+
+#### **Médio Risco**
+1. **Experiência do Usuário**
+   - **Risco**: Mudanças podem confundir usuários
+   - **Mitigação**: Manter design similar ao atual
+   - **Plano B**: Feedback rápido e ajustes
+
+2. **Custos Operacionais**
+   - **Risco**: Aumento de custos com APIs
+   - **Mitigação**: Monitoramento de uso e limites
+   - **Plano B**: Otimização de chamadas de API
+
+### **Riscos de Compliance**
+
+#### **Alto Risco**
+1. **LGPD e Cookies**
+   - **Risco**: Não conformidade com leis de privacidade
+   - **Mitigação**: Sistema de consentimento robusto
+   - **Plano B**: Consultoria jurídica especializada
+
+2. **Proteção de Dados**
+   - **Risco**: Vazamento de dados pessoais
+   - **Mitigação**: Criptografia e validação rigorosa
+   - **Plano B**: Plano de resposta a incidentes
+
+---
+
+## 📊 **Métricas e KPIs Detalhados**
+
+### **Métricas Técnicas**
+
+#### **Performance**
+- **Largest Contentful Paint (LCP)**: < 2.5s
+- **First Input Delay (FID)**: < 100ms
+- **Cumulative Layout Shift (CLS)**: < 0.1
+- **Time to Interactive (TTI)**: < 3.5s
+- **First Contentful Paint (FCP)**: < 1.8s
+
+#### **SEO**
+- **Lighthouse Performance Score**: > 90
+- **Lighthouse SEO Score**: > 95
+- **Lighthouse Accessibility Score**: > 90
+- **Lighthouse Best Practices Score**: > 90
+
+#### **Acessibilidade**
+- **WCAG 2.1 AA Compliance**: 100%
+- **Screen Reader Compatibility**: Testado
+- **Keyboard Navigation**: Funcional
+- **Color Contrast**: Mínimo 4.5:1
+
+### **Métricas de Negócio**
+
+#### **Conversão**
+- **Taxa de conversão geral**: > 15%
+- **Taxa de conversão por tipo de seguro**:
+  - Auto: > 20%
+  - Moto: > 15%
+  - Frotas: > 25%
+  - Uber: > 18%
+
+#### **Engajamento**
+- **Tempo médio na página**: > 2 minutos
+- **Taxa de rejeição**: < 30%
+- **Páginas por sessão**: > 3
+- **Taxa de retorno**: > 25%
+
+#### **Formulários**
+- **Taxa de abandono**: < 30%
+- **Taxa de conclusão**: > 70%
+- **Tempo médio de preenchimento**: < 5 minutos
+- **Taxa de erro**: < 5%
+
+### **Métricas de Tracking**
+
+#### **Analytics**
+- **GCLID capture rate**: > 95%
+- **GA4 event tracking**: 100% funcional
+- **Google Ads conversion**: Rastreado
+- **Custom events**: Implementados
+
+#### **APIs**
+- **Taxa de sucesso das validações**: > 98%
+- **Tempo médio de resposta**: < 2s
+- **Taxa de erro das APIs**: < 2%
+- **Uptime das integrações**: > 99%
+
+---
+
+## 🔒 **Segurança e Compliance**
+
+### **Proteção de Dados**
+
+#### **Criptografia**
+- **HTTPS**: Obrigatório em todas as páginas
+- **TLS 1.3**: Versão mais recente
+- **HSTS**: Headers de segurança
+- **CSP**: Content Security Policy
+
+#### **Validação de Input**
+- **Sanitização**: Todos os inputs validados
+- **XSS Protection**: Headers de proteção
+- **CSRF Protection**: Tokens de segurança
+- **Rate Limiting**: Proteção contra spam
+
+### **LGPD Compliance**
+
+#### **Consentimento**
+- **Cookie Banner**: Implementado com CookieYes
+- **Opt-in**: Consentimento explícito
+- **Granularidade**: Controle por categoria
+- **Retirada**: Opção de opt-out
+
+#### **Transparência**
+- **Política de Privacidade**: Atualizada
+- **Termos de Uso**: Claros e acessíveis
+- **Cookies Policy**: Detalhada
+- **Direitos do Usuário**: Explicados
+
+### **Backup e Recuperação**
+
+#### **Estratégia de Backup**
+- **Backup diário**: Dados de formulários
+- **Backup semanal**: Código e configurações
+- **Backup mensal**: Arquivos estáticos
+- **Teste de restauração**: Mensal
+
+#### **Disaster Recovery**
+- **RTO**: Recovery Time Objective < 4h
+- **RPO**: Recovery Point Objective < 1h
+- **Plano de contingência**: Documentado
+- **Equipe de resposta**: Definida
+
+---
+
+## 🚀 **Estratégia de Deploy**
+
+### **Ambientes**
+
+#### **Desenvolvimento**
+- **Branch**: `develop`
+- **URL**: `https://open-lovable-dev.vercel.app`
+- **Deploy**: Automático a cada push
+- **Banco**: Local/SQLite
+
+#### **Staging**
+- **Branch**: `staging`
+- **URL**: `https://open-lovable-staging.vercel.app`
+- **Deploy**: Manual via Vercel Dashboard
+- **Banco**: Staging/PostgreSQL
+
+#### **Produção**
+- **Branch**: `main`
+- **URL**: `https://www.segurosimediato.com.br`
+- **Deploy**: Manual após aprovação
+- **Banco**: Produção/PostgreSQL
+
+### **Pipeline de Deploy**
+
+#### **Pré-Deploy**
+1. **Testes automatizados** passando
+2. **Build de produção** sem erros
+3. **Lighthouse scores** dentro dos limites
+4. **Backup do ambiente** atual
+5. **Aprovação** do Product Owner
+
+#### **Deploy**
+1. **Deploy no Vercel** com domínio personalizado
+2. **Configuração de DNS** e SSL
+3. **Verificação de funcionalidades** críticas
+4. **Ativação de monitoramento**
+5. **Notificação** da equipe
+
+#### **Pós-Deploy**
+1. **Monitoramento** por 48h
+2. **Verificação de métricas** de negócio
+3. **Correção** de issues identificados
+4. **Documentação** de mudanças
+5. **Feedback** dos usuários
+
+### **Rollback Strategy**
+
+#### **Critérios para Rollback**
+- **Taxa de erro** > 5%
+- **Tempo de resposta** > 10s
+- **Taxa de conversão** < 5%
+- **Problemas críticos** identificados
+
+#### **Processo de Rollback**
+1. **Identificação** do problema
+2. **Decisão** de rollback (< 15min)
+3. **Execução** do rollback (< 5min)
+4. **Verificação** de funcionamento
+5. **Comunicação** da equipe
+
+---
+
+## 📞 **Equipe e Responsabilidades**
+
+### **Equipe Técnica**
+
+#### **Tech Lead**
+- **Responsabilidades**: Arquitetura, code review, decisões técnicas
+- **Skills**: Next.js, TypeScript, React, Node.js
+- **Tempo**: 100% dedicado ao projeto
+
+#### **Frontend Developer**
+- **Responsabilidades**: Componentes, UI/UX, integrações
+- **Skills**: React, TypeScript, Tailwind CSS
+- **Tempo**: 100% dedicado ao projeto
+
+#### **Backend Developer**
+- **Responsabilidades**: APIs, webhooks, validações
+- **Skills**: Node.js, TypeScript, APIs REST
+- **Tempo**: 80% dedicado ao projeto
+
+#### **QA Engineer**
+- **Responsabilidades**: Testes, validação, qualidade
+- **Skills**: Testing, Cypress, Jest
+- **Tempo**: 60% dedicado ao projeto
+
+### **Stakeholders**
+
+#### **Product Owner**
+- **Nome**: Luciano Rodrigues Otero
+- **Email**: lrotero@gmail.com
+- **Responsabilidades**: Requisitos, aprovações, decisões de negócio
+
+#### **Cliente**
+- **Empresa**: Imediato Soluções em Seguros
+- **Contato**: lrotero@gmail.com
+- **Responsabilidades**: Feedback, validação, go-live
+
+---
+
+## 📋 **Checklist Final Detalhado**
+
+### **Pré-Deploy**
+
+#### **Técnico**
+- [ ] Todos os testes unitários passando
+- [ ] Testes de integração funcionando
+- [ ] Testes E2E completos
+- [ ] Performance otimizada (Lighthouse > 90)
+- [ ] Acessibilidade validada (WCAG 2.1 AA)
+- [ ] SEO configurado (meta tags, sitemap)
+- [ ] Analytics funcionando (GA4, GTM)
+- [ ] APIs externas testadas
+- [ ] Webhooks funcionando
+- [ ] Backup do site atual
+
+#### **Funcional**
+- [ ] Formulários de cotação funcionando
+- [ ] Validações em tempo real operacionais
+- [ ] Preenchimento automático funcionando
+- [ ] WhatsApp integrado com tracking
+- [ ] Chat online funcionando
+- [ ] Sistema de cookies implementado
+- [ ] Tracking GCLID operacional
+- [ ] Todas as páginas responsivas
+- [ ] Navegação funcionando
+- [ ] Conteúdo atualizado
+
+#### **Negócio**
+- [ ] Taxa de conversão mantida ou melhorada
+- [ ] Experiência do usuário validada
+- [ ] Tempo de carregamento < 3s
+- [ ] Funcionalidades críticas testadas
+- [ ] Equipe treinada
+- [ ] Documentação completa
+- [ ] Plano de suporte definido
+
+### **Deploy**
+
+#### **Infraestrutura**
+- [ ] Domínio configurado
+- [ ] SSL ativo e válido
+- [ ] DNS configurado corretamente
+- [ ] Redirects do Webflow configurados
+- [ ] Monitoramento ativo
+- [ ] Alertas configurados
+- [ ] Backup automático ativo
+
+#### **Verificação**
+- [ ] Site carregando corretamente
+- [ ] Formulários funcionando
+- [ ] APIs respondendo
+- [ ] Analytics coletando dados
+- [ ] Tracking funcionando
+- [ ] WhatsApp funcionando
+- [ ] Chat online funcionando
+- [ ] Mobile funcionando
+- [ ] Desktop funcionando
+
+### **Pós-Deploy**
+
+#### **Monitoramento (48h)**
+- [ ] Métricas de performance estáveis
+- [ ] Taxa de erro < 1%
+- [ ] Tempo de resposta < 2s
+- [ ] Taxa de conversão mantida
+- [ ] Analytics coletando dados
+- [ ] Webhooks funcionando
+- [ ] APIs estáveis
+- [ ] Feedback dos usuários positivo
+
+#### **Otimização**
+- [ ] Issues identificados corrigidos
+- [ ] Performance otimizada
+- [ ] UX melhorada
+- [ ] Documentação atualizada
+- [ ] Equipe treinada
+- [ ] Suporte operacional
+
+---
+
+## 🎉 **CONQUISTAS RECENTES - v1.1.0**
+
+### **✅ Clonagem Webflow Pixel-Perfect Implementada**
+
+#### **Estrutura Base**
+- **✅ Estrutura HTML idêntica** ao Webflow original
+- **✅ Classes Webflow** (w-container, w-row, w-col-7, w-col-5, etc.)
+- **✅ CSS original importado** diretamente do Webflow
+- **✅ Layout responsivo** do Webflow implementado
+
+#### **Formulário Webflow**
+- **✅ Formulário funcional** (wf-form-Home-Seguro-Auto)
+- **✅ Campos idênticos** ao original
+- **✅ Validação React** implementada
+- **✅ Estados de loading** e feedback
+
+#### **Componentes Implementados**
+- **✅ Header completo** com contatos (SP, RJ, WhatsApp, Emergência)
+- **✅ Hero section** com preço destacado (R$ 79⁹⁰ MENSAIS)
+- **✅ Seção de seguros** (Auto, Caminhão, Uber, Motos)
+- **✅ Footer completo** (SUSEP, CNPJ, endereço)
+
+#### **Sistema de Desenvolvimento**
+- **✅ Sistema de aprimoramento incremental** criado
+- **✅ Roadmap detalhado** v1.2.0 → v1.5.0
+- **✅ Processo de desenvolvimento** documentado
+- **✅ Métricas de sucesso** definidas
+
+#### **Versionamento**
+- **✅ Commit e926855** com clonagem base
+- **✅ Tag v1.1.0** criada no GitHub
+- **✅ Documentação** atualizada
+- **✅ Próximos passos** definidos
+
+### **🎯 Próximo Milestone: v1.2.0 - Refinamento Visual**
+
+#### **Objetivos**
+- **🎯 Cores exatas** do Webflow
+- **🎯 Tipografia original** implementada
+- **🎯 Layout pixel-perfect** refinado
+- **🎯 Elementos visuais** otimizados
+
+#### **Critérios de Sucesso**
+- **🎯 Diferenças visuais** < 5%
+- **🎯 Responsividade idêntica** ao original
+- **🎯 Comparação lado a lado** satisfatória
+
+---
+
+**Documento criado em**: Janeiro 2025  
+**Versão**: 2.1 (Atualizada com conquistas v1.1.0)  
+**Próxima revisão**: Após Milestone v1.2.0  
+**Repositório**: https://github.com/LucianoOtero/open-lovable  
+**Tag Atual**: v1.1.0  
+**Próxima Tag**: v1.2.0 (Refinamento Visual)
diff --git a/PLANO_PROJETO.md b/PLANO_PROJETO.md
new file mode 100644
index 00000000..ac6cf7ad
--- /dev/null
+++ b/PLANO_PROJETO.md
@@ -0,0 +1,903 @@
+# 📋 Plano de Projeto - Migração Seguros Imediato
+
+## 🎯 Visão Geral do Projeto
+
+**Objetivo**: Migrar o website https://www.segurosimediato.com.br do Webflow para Next.js hospedado no Vercel, mantendo todas as funcionalidades existentes e melhorando a performance.
+
+**Duração estimada**: 4-6 semanas  
+**Complexidade**: Alta  
+**Tecnologias**: Next.js 15, TypeScript, Tailwind CSS, Vercel
+
+---
+
+## 📊 Análise do Estado Atual
+
+### ✅ **Pontos Fortes Identificados**
+- Website funcional no Webflow
+- Custom codes bem estruturados
+- Sistema de validação robusto
+- Integrações com APIs externas funcionando
+- Tracking e analytics configurados
+
+### ⚠️ **Limitações do Webflow**
+- Customização limitada para funcionalidades complexas
+- Performance não otimizada
+- Dependência de scripts externos
+- Dificuldade para manutenção de código customizado
+- Custos elevados para funcionalidades avançadas
+
+### 🎯 **Benefícios da Migração**
+- Performance superior com Next.js
+- Controle total sobre o código
+- SEO otimizado
+- Deploy automático no Vercel
+- Manutenção mais fácil
+- Custos reduzidos
+
+---
+
+## 🗓️ Cronograma Detalhado
+
+### **SEMANA 1: Preparação e Estrutura Base**
+
+#### **Dia 1-2: Análise e Planejamento**
+- [ ] **Auditoria completa** do website atual
+- [ ] **Mapeamento de todas as páginas** e funcionalidades
+- [ ] **Documentação das integrações** existentes
+- [ ] **Análise de performance** atual
+- [ ] **Identificação de dependências** externas
+
+#### **Dia 3-4: Configuração do Ambiente**
+- [ ] **Setup do projeto Next.js** com TypeScript
+- [ ] **Configuração do Tailwind CSS** com tema da marca
+- [ ] **Setup do ESLint e Prettier**
+- [ ] **Configuração do Vercel** para deploy
+- [ ] **Configuração de variáveis de ambiente**
+
+#### **Dia 5-7: Estrutura Base**
+- [ ] **Criação da estrutura de pastas**
+- [ ] **Implementação do sistema de roteamento**
+- [ ] **Configuração do layout principal**
+- [ ] **Implementação dos componentes base**
+- [ ] **Setup do sistema de tipagem TypeScript**
+
+### **SEMANA 2: Componentes Core e Formulários**
+
+#### **Dia 8-10: Sistema de Formulários**
+- [ ] **Componente FormularioCotacao** base
+- [ ] **Implementação das máscaras** (CPF, CEP, Placa, Telefone)
+- [ ] **Sistema de validação** em tempo real
+- [ ] **Componente de loading** e estados
+- [ ] **Tratamento de erros** e feedback visual
+
+#### **Dia 11-12: Validações Avançadas**
+- [ ] **Integração API PH3A** para CPF
+- [ ] **Integração ViaCEP** para endereços
+- [ ] **Integração API Fipe** para placas
+- [ ] **Integração Apilayer** para telefones
+- [ ] **Integração SafetyMails** para emails
+
+#### **Dia 13-14: SweetAlert2 Customizado**
+- [ ] **Configuração do tema** da marca
+- [ ] **Implementação dos alertas** customizados
+- [ ] **Sistema de confirmação** para validações
+- [ ] **Integração com formulários**
+
+### **SEMANA 3: Integrações e Tracking**
+
+#### **Dia 15-17: Sistema de Tracking**
+- [ ] **Implementação do Google Tag Manager**
+- [ ] **Configuração do Google Analytics 4**
+- [ ] **Setup do Google Ads Conversion**
+- [ ] **Sistema de tracking GCLID/GBRAID**
+- [ ] **Gerenciamento de cookies** com CookieYes
+
+#### **Dia 18-19: Integração WhatsApp**
+- [ ] **Componente WhatsAppButton** dinâmico
+- [ ] **Sistema de mensagens** personalizadas
+- [ ] **Integração com tracking** GCLID
+- [ ] **Múltiplos números** de telefone
+
+#### **Dia 20-21: Webhooks e APIs**
+- [ ] **Implementação webhook TravelAngels**
+- [ ] **Implementação webhook Webflow Octa**
+- [ ] **Sistema de envio de dados** para APIs externas
+- [ ] **Tratamento de erros** e retry logic
+
+### **SEMANA 4: Páginas e Conteúdo**
+
+#### **Dia 22-24: Páginas Principais**
+- [ ] **Homepage** com hero section
+- [ ] **Página Seguro Auto** com formulário específico
+- [ ] **Página Seguro Moto** com formulário específico
+- [ ] **Página Seguro Frotas** com formulário específico
+- [ ] **Página Seguro Uber/Taxi** com formulário específico
+
+#### **Dia 25-26: Páginas Institucionais**
+- [ ] **Página Sobre** a empresa
+- [ ] **Página Contato** com formulário
+- [ ] **Página de Política de Privacidade**
+- [ ] **Página de Termos de Uso**
+
+#### **Dia 27-28: Otimização e Testes**
+- [ ] **Otimização de imagens** com Next.js Image
+- [ ] **Implementação de lazy loading**
+- [ ] **Otimização de bundle** size
+- [ ] **Testes de performance** e correções
+
+### **SEMANA 5: Integrações Avançadas e Chat**
+
+#### **Dia 29-30: CollectChat Integration**
+- [ ] **Configuração do CollectChat**
+- [ ] **Integração com tracking** GCLID
+- [ ] **Customização do tema** da marca
+- [ ] **Configuração de atributos** personalizados
+
+#### **Dia 31-32: Sistema de Cookies**
+- [ ] **Implementação do CookieYes**
+- [ ] **Banner de consentimento** customizado
+- [ ] **Gerenciamento de preferências**
+- [ ] **Integração com GTM** condicional
+
+#### **Dia 33-35: Testes e Refinamentos**
+- [ ] **Testes de integração** completos
+- [ ] **Testes de validação** de formulários
+- [ ] **Testes de tracking** e analytics
+- [ ] **Correção de bugs** identificados
+
+### **SEMANA 6: Deploy e Go-Live**
+
+#### **Dia 36-37: Preparação para Deploy**
+- [ ] **Configuração do domínio** personalizado
+- [ ] **Setup de SSL** e certificados
+- [ ] **Configuração de redirects** do Webflow
+- [ ] **Backup do website** atual
+
+#### **Dia 38-39: Deploy e Monitoramento**
+- [ ] **Deploy no Vercel** com domínio personalizado
+- [ ] **Configuração de monitoramento** de erros
+- [ ] **Setup de alertas** de performance
+- [ ] **Testes finais** em produção
+
+#### **Dia 40-42: Pós-Deploy**
+- [ ] **Monitoramento de métricas** por 48h
+- [ ] **Correção de issues** identificados
+- [ ] **Otimizações finais** de performance
+- [ ] **Documentação final** do projeto
+
+---
+
+## 🛠️ Estrutura Técnica Detalhada
+
+### **1. Estrutura de Pastas**
+
+```
+app/
+├── (marketing)/
+│   ├── page.tsx                 # Homepage
+│   ├── sobre/
+│   │   └── page.tsx
+│   └── contato/
+│       └── page.tsx
+├── (seguros)/
+│   ├── seguro-auto/
+│   │   └── page.tsx
+│   ├── seguro-moto/
+│   │   └── page.tsx
+│   ├── seguro-frotas/
+│   │   └── page.tsx
+│   └── seguro-uber/
+│       └── page.tsx
+├── cotacao/
+│   └── page.tsx
+├── api/
+│   ├── webhooks/
+│   │   ├── travelangels/
+│   │   │   └── route.ts
+│   │   └── webflow-octa/
+│   │       └── route.ts
+│   ├── validate/
+│   │   ├── cpf/
+│   │   │   └── route.ts
+│   │   ├── cep/
+│   │   │   └── route.ts
+│   │   ├── placa/
+│   │   │   └── route.ts
+│   │   └── telefone/
+│   │       └── route.ts
+│   └── submit/
+│       └── cotacao/
+│           └── route.ts
+├── globals.css
+├── layout.tsx
+└── page.tsx
+
+components/
+├── ui/
+│   ├── button.tsx
+│   ├── input.tsx
+│   ├── select.tsx
+│   ├── textarea.tsx
+│   ├── alert.tsx
+│   └── loading.tsx
+├── forms/
+│   ├── FormularioCotacao.tsx
+│   ├── FormularioContato.tsx
+│   └── FormularioValidacao.tsx
+├── layout/
+│   ├── Header.tsx
+│   ├── Footer.tsx
+│   └── Navigation.tsx
+├── sections/
+│   ├── HeroSection.tsx
+│   ├── ServicosSection.tsx
+│   └── DepoimentosSection.tsx
+├── integrations/
+│   ├── WhatsAppButton.tsx
+│   ├── CollectChat.tsx
+│   └── CookieConsent.tsx
+└── analytics/
+    ├── GTM.tsx
+    ├── GA4.tsx
+    └── GoogleAds.tsx
+
+lib/
+├── validations/
+│   ├── cpf.ts
+│   ├── cep.ts
+│   ├── placa.ts
+│   ├── telefone.ts
+│   └── email.ts
+├── masks/
+│   ├── cpf-mask.ts
+│   ├── cep-mask.ts
+│   ├── placa-mask.ts
+│   └── telefone-mask.ts
+├── apis/
+│   ├── ph3a.ts
+│   ├── viacep.ts
+│   ├── fipe.ts
+│   ├── apilayer.ts
+│   └── safetymails.ts
+├── tracking/
+│   ├── gtm.ts
+│   ├── gclid.ts
+│   └── cookies.ts
+├── alerts/
+│   └── sweetalert-config.ts
+└── utils/
+    ├── cn.ts
+    ├── format.ts
+    └── constants.ts
+
+types/
+├── cotacao.ts
+├── validation.ts
+├── tracking.ts
+└── api.ts
+```
+
+### **2. Componentes Principais**
+
+#### **FormularioCotacao.tsx**
+```typescript
+interface FormularioCotacaoProps {
+  tipoSeguro: 'auto' | 'moto' | 'frotas' | 'uber';
+  onSubmit: (dados: DadosCotacao) => Promise<void>;
+  isLoading?: boolean;
+}
+
+interface DadosCotacao {
+  // Dados pessoais
+  nome: string;
+  cpf: string;
+  email: string;
+  telefone: string;
+  dataNascimento: string;
+  sexo: 'Masculino' | 'Feminino';
+  estadoCivil: string;
+  
+  // Dados do veículo
+  placa: string;
+  marca: string;
+  ano: string;
+  tipoVeiculo: 'carro' | 'moto';
+  
+  // Dados de endereço
+  cep: string;
+  cidade: string;
+  estado: string;
+  endereco: string;
+  
+  // Tracking
+  gclid?: string;
+  fonte: string;
+  utm_source?: string;
+  utm_medium?: string;
+  utm_campaign?: string;
+}
+```
+
+#### **Sistema de Validação**
+```typescript
+interface ValidacaoResult {
+  ok: boolean;
+  reason?: 'formato' | 'nao_encontrado' | 'erro_api';
+  parsed?: {
+    sexo?: string;
+    dataNascimento?: string;
+    estadoCivil?: string;
+    marcaTxt?: string;
+    anoModelo?: string;
+    tipoVeiculo?: string;
+    cidade?: string;
+    estado?: string;
+  };
+}
+```
+
+### **3. APIs e Integrações**
+
+#### **Validação de CPF (API PH3A)**
+```typescript
+// lib/apis/ph3a.ts
+export async function validarCPFCompleto(cpf: string): Promise<ValidacaoResult> {
+  // 1. Validação local do algoritmo
+  if (!validarCPFAlgoritmo(cpf)) {
+    return { ok: false, reason: 'formato' };
+  }
+  
+  // 2. Consulta API PH3A
+  const response = await fetch('https://mdmidia.com.br/cpf-validate.php', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ cpf: cpf.replace(/\D/g, '') })
+  });
+  
+  const data = await response.json();
+  
+  if (data.codigo === 1 || data.success === true) {
+    return {
+      ok: true,
+      parsed: {
+        sexo: mapearSexo(data.data.sexo),
+        dataNascimento: formatarData(data.data.data_nascimento),
+        estadoCivil: mapearEstadoCivil(data.data.estado_civil)
+      }
+    };
+  }
+  
+  return { ok: false, reason: 'nao_encontrado' };
+}
+```
+
+#### **Validação de Placa (API Fipe)**
+```typescript
+// lib/apis/fipe.ts
+export async function validarPlacaCompleta(placa: string): Promise<ValidacaoResult> {
+  const placaLimpa = placa.toUpperCase().replace(/[^A-Z0-9]/g, '');
+  
+  // 1. Validação do formato
+  if (!validarFormatoPlaca(placaLimpa)) {
+    return { ok: false, reason: 'formato' };
+  }
+  
+  // 2. Consulta API Fipe
+  const response = await fetch('https://mdmidia.com.br/placa-validate.php', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ placa: placaLimpa })
+  });
+  
+  const data = await response.json();
+  
+  if (data.codigo === 1 || data.success === true) {
+    return {
+      ok: true,
+      parsed: {
+        marcaTxt: `${data.data.marca} / ${data.data.modelo}`,
+        anoModelo: data.data.ano,
+        tipoVeiculo: determinarTipoVeiculo(data.data.segmento)
+      }
+    };
+  }
+  
+  return { ok: false, reason: 'nao_encontrada' };
+}
+```
+
+### **4. Sistema de Tracking**
+
+#### **Google Tag Manager**
+```typescript
+// components/analytics/GTM.tsx
+export function GTM() {
+  return (
+    <>
+      <Script
+        id="gtm-script"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+            })(window,document,'script','dataLayer','GTM-PD6J398');
+          `
+        }}
+      />
+      <noscript>
+        <iframe
+          src="https://www.googletagmanager.com/ns.html?id=GTM-PD6J398"
+          height="0"
+          width="0"
+          style={{ display: 'none', visibility: 'hidden' }}
+        />
+      </noscript>
+    </>
+  );
+}
+```
+
+#### **Tracking GCLID**
+```typescript
+// lib/tracking/gclid.ts
+export function trackGCLID() {
+  const urlParams = new URLSearchParams(window.location.search);
+  const gclid = urlParams.get('gclid') || urlParams.get('gbraid');
+  
+  if (gclid) {
+    // Salvar cookie por 90 dias
+    document.cookie = `gclid=${gclid}; max-age=${90 * 24 * 60 * 60}; path=/`;
+    
+    // Enviar para dataLayer
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+      'gclid': gclid,
+      'event': 'gclid_captured'
+    });
+  }
+}
+```
+
+### **5. Webhooks**
+
+#### **Webhook TravelAngels**
+```typescript
+// app/api/webhooks/travelangels/route.ts
+export async function POST(request: Request) {
+  try {
+    const dados = await request.json();
+    
+    // Enviar para API externa
+    const response = await fetch('https://mdmidia.com.br/add_travelangels.php', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(dados)
+    });
+    
+    if (!response.ok) {
+      throw new Error('Erro ao enviar dados para TravelAngels');
+    }
+    
+    return Response.json({ success: true });
+  } catch (error) {
+    console.error('Erro no webhook TravelAngels:', error);
+    return Response.json(
+      { error: 'Erro interno do servidor' },
+      { status: 500 }
+    );
+  }
+}
+```
+
+### **6. Configurações de Ambiente**
+
+#### **Variáveis de Ambiente**
+```env
+# APIs Externas
+PH3A_API_KEY=your_ph3a_key
+APILAYER_KEY=dce92fa84152098a3b5b7b8db24debbc
+SAFETYMAILS_BASE=https://optin.safetymails.com/main/safetyoptin/20a7a1c297e39180bd80428ac13c363e882a531f/9bab7f0c2711c5accfb83588c859dc1103844a94/
+
+# Tracking
+GTM_ID=GTM-PD6J398
+GA4_MEASUREMENT_ID=your_ga4_id
+GOOGLE_ADS_ID=your_ads_id
+
+# WhatsApp
+WHATSAPP_PHONE_PRIMARY=551141718837
+WHATSAPP_PHONE_SECONDARY=551132301422
+
+# Webhooks
+TRAVELANGELS_WEBHOOK_URL=https://mdmidia.com.br/add_travelangels.php
+WEBFLOW_OCTA_WEBHOOK_URL=https://mdmidia.com.br/add_webflow_octa.php
+
+# CollectChat
+COLLECTCHAT_API_KEY=your_collectchat_key
+
+# Domínio
+NEXT_PUBLIC_SITE_URL=https://www.segurosimediato.com.br
+```
+
+---
+
+## 🎨 Design System
+
+### **Paleta de Cores**
+```css
+:root {
+  /* Cores principais */
+  --brand-primary: #004A8D;    /* Azul escuro */
+  --brand-accent: #009FE3;     /* Azul claro */
+  --brand-success: #10B981;    /* Verde */
+  --brand-warning: #F59E0B;    /* Amarelo */
+  --brand-error: #EF4444;       /* Vermelho */
+  
+  /* Cores neutras */
+  --gray-50: #F9FAFB;
+  --gray-100: #F3F4F6;
+  --gray-200: #E5E7EB;
+  --gray-300: #D1D5DB;
+  --gray-400: #9CA3AF;
+  --gray-500: #6B7280;
+  --gray-600: #4B5563;
+  --gray-700: #374151;
+  --gray-800: #1F2937;
+  --gray-900: #111827;
+}
+```
+
+### **Tipografia**
+```css
+:root {
+  /* Fontes */
+  --font-primary: 'Inter', system-ui, sans-serif;
+  --font-mono: 'Geist Mono', 'Fira Code', monospace;
+  
+  /* Tamanhos */
+  --text-xs: 0.75rem;      /* 12px */
+  --text-sm: 0.875rem;     /* 14px */
+  --text-base: 1rem;       /* 16px */
+  --text-lg: 1.125rem;     /* 18px */
+  --text-xl: 1.25rem;      /* 20px */
+  --text-2xl: 1.5rem;      /* 24px */
+  --text-3xl: 1.875rem;    /* 30px */
+  --text-4xl: 2.25rem;     /* 36px */
+  --text-5xl: 3rem;        /* 48px */
+}
+```
+
+### **Componentes de UI**
+
+#### **Botões**
+```typescript
+// components/ui/button.tsx
+interface ButtonProps {
+  variant: 'primary' | 'secondary' | 'outline' | 'ghost';
+  size: 'sm' | 'md' | 'lg';
+  children: React.ReactNode;
+  onClick?: () => void;
+  disabled?: boolean;
+  loading?: boolean;
+}
+
+export function Button({ variant, size, children, ...props }: ButtonProps) {
+  const baseClasses = "inline-flex items-center justify-center rounded-lg font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2";
+  
+  const variants = {
+    primary: "bg-gradient-to-r from-brand-accent to-brand-primary text-white hover:from-brand-primary hover:to-brand-accent",
+    secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200",
+    outline: "border-2 border-brand-primary text-brand-primary hover:bg-brand-primary hover:text-white",
+    ghost: "text-brand-primary hover:bg-brand-primary/10"
+  };
+  
+  const sizes = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-6 py-3 text-lg"
+  };
+  
+  return (
+    <button
+      className={`${baseClasses} ${variants[variant]} ${sizes[size]}`}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}
+```
+
+#### **Campos de Formulário**
+```typescript
+// components/ui/input.tsx
+interface InputProps {
+  label: string;
+  type: 'text' | 'email' | 'tel' | 'number';
+  placeholder?: string;
+  value: string;
+  onChange: (value: string) => void;
+  error?: string;
+  mask?: 'cpf' | 'cep' | 'placa' | 'telefone';
+  required?: boolean;
+}
+
+export function Input({ label, type, placeholder, value, onChange, error, mask, required }: InputProps) {
+  const inputRef = useRef<HTMLInputElement>(null);
+  
+  useEffect(() => {
+    if (mask && inputRef.current) {
+      // Aplicar máscara baseada no tipo
+      switch (mask) {
+        case 'cpf':
+          $(inputRef.current).mask('000.000.000-00');
+          break;
+        case 'cep':
+          $(inputRef.current).mask('00000-000');
+          break;
+        case 'placa':
+          $(inputRef.current).mask('SSS-0A00');
+          break;
+        case 'telefone':
+          $(inputRef.current).mask('(00) 00000-0000');
+          break;
+      }
+    }
+  }, [mask]);
+  
+  return (
+    <div className="space-y-1">
+      <label className="block text-sm font-medium text-gray-700">
+        {label}
+        {required && <span className="text-red-500 ml-1">*</span>}
+      </label>
+      <input
+        ref={inputRef}
+        type={type}
+        placeholder={placeholder}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        className={`w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-primary ${
+          error ? 'border-red-500' : 'border-gray-300'
+        }`}
+      />
+      {error && <p className="text-sm text-red-500">{error}</p>}
+    </div>
+  );
+}
+```
+
+---
+
+## 🧪 Estratégia de Testes
+
+### **1. Testes Unitários**
+```typescript
+// __tests__/validations/cpf.test.ts
+describe('Validação de CPF', () => {
+  test('deve validar CPF válido', () => {
+    expect(validarCPFAlgoritmo('11144477735')).toBe(true);
+  });
+  
+  test('deve rejeitar CPF inválido', () => {
+    expect(validarCPFAlgoritmo('11111111111')).toBe(false);
+  });
+  
+  test('deve rejeitar CPF com formato incorreto', () => {
+    expect(validarCPFAlgoritmo('123')).toBe(false);
+  });
+});
+```
+
+### **2. Testes de Integração**
+```typescript
+// __tests__/api/cpf.test.ts
+describe('API PH3A', () => {
+  test('deve retornar dados válidos para CPF existente', async () => {
+    const result = await validarCPFCompleto('11144477735');
+    expect(result.ok).toBe(true);
+    expect(result.parsed).toHaveProperty('sexo');
+  });
+});
+```
+
+### **3. Testes E2E**
+```typescript
+// e2e/cotacao.spec.ts
+test('deve completar cotação de seguro auto', async ({ page }) => {
+  await page.goto('/seguro-auto');
+  
+  // Preencher formulário
+  await page.fill('[name="nome"]', 'João Silva');
+  await page.fill('[name="cpf"]', '11144477735');
+  await page.fill('[name="email"]', 'joao@email.com');
+  
+  // Validar campos automaticamente
+  await expect(page.locator('[data-testid="cpf-valid"]')).toBeVisible();
+  
+  // Submeter formulário
+  await page.click('[type="submit"]');
+  
+  // Verificar redirecionamento ou sucesso
+  await expect(page).toHaveURL(/sucesso/);
+});
+```
+
+---
+
+## 📈 Métricas e KPIs
+
+### **Métricas Técnicas**
+- **Performance**: Core Web Vitals (LCP < 2.5s, FID < 100ms, CLS < 0.1)
+- **SEO**: Lighthouse Score > 90
+- **Acessibilidade**: WCAG 2.1 AA compliance
+- **Bundle Size**: < 500KB gzipped
+
+### **Métricas de Negócio**
+- **Taxa de conversão**: Formulários completados / Visitantes únicos
+- **Tempo de carregamento**: < 3 segundos
+- **Taxa de abandono**: < 30% nos formulários
+- **Engajamento**: Tempo médio na página > 2 minutos
+
+### **Métricas de Tracking**
+- **GCLID capture rate**: > 95%
+- **Form submission rate**: > 15%
+- **WhatsApp click rate**: > 5%
+- **API validation success**: > 98%
+
+---
+
+## 🚀 Estratégia de Deploy
+
+### **1. Ambiente de Desenvolvimento**
+- **Branch**: `develop`
+- **URL**: `https://open-lovable-dev.vercel.app`
+- **Deploy**: Automático a cada push
+
+### **2. Ambiente de Staging**
+- **Branch**: `staging`
+- **URL**: `https://open-lovable-staging.vercel.app`
+- **Deploy**: Manual via Vercel Dashboard
+
+### **3. Ambiente de Produção**
+- **Branch**: `main`
+- **URL**: `https://www.segurosimediato.com.br`
+- **Deploy**: Manual após aprovação
+
+### **4. Rollback Strategy**
+- **Backup**: Snapshot do Webflow atual
+- **DNS**: Configuração para rollback rápido
+- **Monitoramento**: Alertas em tempo real
+
+---
+
+## 🔒 Segurança e Compliance
+
+### **1. Proteção de Dados**
+- **LGPD**: Consentimento explícito para cookies
+- **Criptografia**: HTTPS obrigatório
+- **Sanitização**: Validação de todos os inputs
+- **Rate Limiting**: Proteção contra spam
+
+### **2. Segurança Técnica**
+- **CSP**: Content Security Policy configurado
+- **HSTS**: HTTP Strict Transport Security
+- **XSS Protection**: Headers de segurança
+- **API Keys**: Rotação periódica
+
+### **3. Backup e Recuperação**
+- **Backup diário**: Dados de formulários
+- **Versionamento**: Git com tags de release
+- **Monitoramento**: Uptime e performance
+- **Disaster Recovery**: Plano de contingência
+
+---
+
+## 📊 Cronograma de Entregas
+
+### **Milestone 1: Estrutura Base (Semana 1)**
+- ✅ Setup do projeto Next.js
+- ✅ Configuração do ambiente de desenvolvimento
+- ✅ Estrutura de pastas e componentes base
+- ✅ Sistema de roteamento
+
+### **Milestone 2: Formulários e Validações (Semana 2)**
+- 🔄 Sistema de formulários completo
+- 🔄 Integração com APIs de validação
+- 🔄 Máscaras e validação em tempo real
+- 🔄 SweetAlert2 customizado
+
+### **Milestone 3: Tracking e Integrações (Semana 3)**
+- ⏳ Google Tag Manager e Analytics
+- ⏳ Sistema de tracking GCLID
+- ⏳ Integração WhatsApp
+- ⏳ Webhooks para APIs externas
+
+### **Milestone 4: Páginas e Conteúdo (Semana 4)**
+- ⏳ Todas as páginas principais
+- ⏳ Páginas institucionais
+- ⏳ Otimização de performance
+- ⏳ Testes de integração
+
+### **Milestone 5: Integrações Avançadas (Semana 5)**
+- ⏳ CollectChat integration
+- ⏳ Sistema de cookies completo
+- ⏳ Testes finais e refinamentos
+- ⏳ Documentação técnica
+
+### **Milestone 6: Deploy e Go-Live (Semana 6)**
+- ⏳ Deploy em produção
+- ⏳ Configuração de domínio
+- ⏳ Monitoramento pós-deploy
+- ⏳ Entrega final do projeto
+
+---
+
+## 🎯 Critérios de Sucesso
+
+### **Técnicos**
+- [ ] **Performance**: Lighthouse Score > 90
+- [ ] **Acessibilidade**: WCAG 2.1 AA compliance
+- [ ] **SEO**: Meta tags e structured data completos
+- [ ] **Responsividade**: Funcionamento em todos os dispositivos
+
+### **Funcionais**
+- [ ] **Formulários**: Validação completa funcionando
+- [ ] **APIs**: Todas as integrações operacionais
+- [ ] **Tracking**: GTM, GA4 e Google Ads funcionando
+- [ ] **WhatsApp**: Integração com tracking GCLID
+
+### **Negócio**
+- [ ] **Conversão**: Taxa de conversão mantida ou melhorada
+- [ ] **UX**: Experiência do usuário melhorada
+- [ ] **Manutenção**: Código fácil de manter e atualizar
+- [ ] **Custos**: Redução de custos operacionais
+
+---
+
+## 📞 Contatos e Responsabilidades
+
+### **Equipe do Projeto**
+- **Product Owner**: Luciano Rodrigues Otero (lrotero@gmail.com)
+- **Tech Lead**: Especialista em Next.js
+- **Frontend Developer**: Desenvolvimento de componentes
+- **QA Engineer**: Testes e validação
+- **DevOps**: Deploy e infraestrutura
+
+### **Stakeholders**
+- **Cliente**: Imediato Soluções em Seguros
+- **Usuários**: Clientes da corretora
+- **Fornecedores**: APIs externas (PH3A, Fipe, etc.)
+
+---
+
+## 📋 Checklist Final
+
+### **Pré-Deploy**
+- [ ] Todos os testes passando
+- [ ] Performance otimizada
+- [ ] SEO configurado
+- [ ] Analytics funcionando
+- [ ] Backup do site atual
+
+### **Deploy**
+- [ ] Domínio configurado
+- [ ] SSL ativo
+- [ ] Redirects configurados
+- [ ] Monitoramento ativo
+
+### **Pós-Deploy**
+- [ ] Testes em produção
+- [ ] Métricas monitoradas
+- [ ] Documentação atualizada
+- [ ] Treinamento da equipe
+
+---
+
+**Documento criado em**: Janeiro 2025  
+**Versão**: 1.0  
+**Próxima revisão**: Após Milestone 2
diff --git a/README.md b/README.md
index 152f1690..f4c662fb 100644
--- a/README.md
+++ b/README.md
@@ -1,67 +1,354 @@
-# Open Lovable
+# Open Lovable - Seguros Imediato
 
-Chat with AI to build React apps instantly. An example app made by the [Firecrawl](https://firecrawl.dev/?ref=open-lovable-github) team. For a complete cloud solution, check out [Lovable.dev](https://lovable.dev/) ❤️.
+## 🎯 Objetivo do Projeto
 
-<img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExODAwZGJzcDVmZGYxc3MyNDUycTliYnAwem1qbzhtNHh0c2JrNDdmZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/LMYzMkNmOecj3yFw81/giphy.gif" alt="Open Lovable Demo" width="100%"/>
+Este projeto tem como objetivo replicar o website **https://www.segurosimediato.com.br** (atualmente hospedado no Webflow) utilizando **Next.js** e hospedando no **Vercel**. O site é uma corretora de seguros especializada em seguros de auto, moto e frotas.
 
-## Setup
+## 📋 Análise do Website Atual
 
-1. **Clone & Install**
-```bash
-git clone https://github.com/firecrawl/open-lovable.git
-cd open-lovable
-pnpm install  # or npm install / yarn install
+### Estrutura Principal
+- **Domínio**: segurosimediato.com.br
+- **Plataforma atual**: Webflow
+- **Tipo de negócio**: Corretora de seguros
+- **Foco**: Seguros de auto, moto, utilitários, frotas, Uber/Taxi
+
+### Funcionalidades Identificadas
+1. **Formulários de cotação** com validação avançada
+2. **Integração com WhatsApp** para atendimento
+3. **Sistema de tracking** (Google Ads, GTM)
+4. **Validação de dados** via APIs externas
+5. **Webhooks** para integração com sistemas externos
+6. **Chat online** (CollectChat)
+7. **Sistema de cookies** e consentimento
+
+## 🔧 Modificações Necessárias no Código
+
+### 1. **Estrutura de Páginas**
+
+#### Páginas Principais a Criar:
+```
+app/
+├── page.tsx                    # Homepage
+├── seguro-auto/
+│   └── page.tsx               # Seguro de Auto
+├── seguro-moto/
+│   └── page.tsx               # Seguro de Moto
+├── seguro-frotas/
+│   └── page.tsx               # Seguro de Frotas
+├── seguro-uber/
+│   └── page.tsx               # Seguro para Uber/Taxi
+├── cotacao/
+│   └── page.tsx               # Formulário de Cotação
+├── sobre/
+│   └── page.tsx               # Sobre a Empresa
+└── contato/
+    └── page.tsx               # Contato
+```
+
+### 2. **Componentes Específicos**
+
+#### Formulário de Cotação (`components/cotacao/`)
+```typescript
+// FormulárioPrincipal.tsx
+interface FormularioCotacaoProps {
+  tipoSeguro: 'auto' | 'moto' | 'frotas' | 'uber';
+  onSubmit: (dados: DadosCotacao) => void;
+}
+
+// ValidaçãoUnificada.tsx
+interface ValidacaoProps {
+  campos: {
+    cpf: boolean;
+    cep: boolean;
+    placa: boolean;
+    celular: boolean;
+    email: boolean;
+  };
+}
+```
+
+#### Integração WhatsApp (`components/whatsapp/`)
+```typescript
+// WhatsAppButton.tsx
+interface WhatsAppProps {
+  telefone: string;
+  mensagem: string;
+  gclid?: string;
+}
+```
+
+### 3. **APIs e Integrações**
+
+#### APIs Externas Identificadas:
+```typescript
+// lib/apis/
+├── cpf-validation.ts          # API PH3A para CPF
+├── cep-validation.ts          # ViaCEP para CEP
+├── placa-validation.ts       # API Placa Fipe
+├── telefone-validation.ts    # Apilayer para telefone
+└── email-validation.ts       # SafetyMails para email
+```
+
+#### Webhooks a Implementar:
+```typescript
+// app/api/webhooks/
+├── travelangels/
+│   └── route.ts              # https://mdmidia.com.br/add_travelangels.php
+└── webflow-octa/
+    └── route.ts              # https://mdmidia.com.br/add_webflow_octa.php
+```
+
+### 4. **Sistema de Tracking**
+
+#### Google Tag Manager
+```typescript
+// components/analytics/
+├── GTM.tsx                   # Google Tag Manager
+├── GA4.tsx                   # Google Analytics 4
+└── GoogleAds.tsx             # Google Ads Conversion
+```
+
+#### Cookies e Consentimento
+```typescript
+// lib/cookies/
+├── cookie-manager.ts         # Gerenciamento de cookies
+├── gclid-tracker.ts         # Tracking GCLID/GBRAID
+└── consent-manager.ts        # CookieYes integration
+```
+
+### 5. **Validações Específicas**
+
+#### Validação de CPF com API PH3A
+```typescript
+// lib/validations/cpf.ts
+export async function validarCPFCompleto(cpf: string) {
+  // 1. Validação local (algoritmo)
+  // 2. Consulta API PH3A
+  // 3. Preenchimento automático de campos
+  // 4. Tratamento de erros
+}
+```
+
+#### Validação de Placa com API Fipe
+```typescript
+// lib/validations/placa.ts
+export async function validarPlacaCompleta(placa: string) {
+  // 1. Validação formato (antigo/mercosul)
+  // 2. Consulta API Fipe
+  // 3. Preenchimento automático marca/ano/tipo
+}
 ```
 
-2. **Add `.env.local`**
+### 6. **Estilos e Design System**
 
+#### Cores da Marca
+```css
+:root {
+  --brand-primary: #004A8D;    /* Azul escuro */
+  --brand-accent: #009FE3;     /* Azul claro */
+  --brand-success: #10B981;    /* Verde */
+  --brand-warning: #F59E0B;    /* Amarelo */
+}
+```
+
+#### Componentes de UI
+```typescript
+// components/ui/
+├── SweetAlert.tsx            # Alertas customizados
+├── LoadingOverlay.tsx        # Loading com spinner
+├── FormField.tsx            # Campos de formulário
+└── WhatsAppButton.tsx       # Botão WhatsApp
+```
+
+### 7. **Configurações de Ambiente**
+
+#### Variáveis de Ambiente (`.env.local`)
 ```env
-# =================================================================
-# REQUIRED
-# =================================================================
-FIRECRAWL_API_KEY=your_firecrawl_api_key    # https://firecrawl.dev
+# APIs
+PH3A_API_KEY=your_ph3a_key
+APILAYER_KEY=dce92fa84152098a3b5b7b8db24debbc
+SAFETYMAILS_BASE=https://optin.safetymails.com/main/safetyoptin/...
 
-# =================================================================
-# AI PROVIDER - Choose your LLM
-# =================================================================
-ANTHROPIC_API_KEY=your_anthropic_api_key  # https://console.anthropic.com
-OPENAI_API_KEY=your_openai_api_key        # https://platform.openai.com
-GEMINI_API_KEY=your_gemini_api_key        # https://aistudio.google.com/app/apikey
-GROQ_API_KEY=your_groq_api_key            # https://console.groq.com
+# Tracking
+GTM_ID=GTM-PD6J398
+GA4_MEASUREMENT_ID=your_ga4_id
+GOOGLE_ADS_ID=your_ads_id
 
-# =================================================================
-# FAST APPLY (Optional - for faster edits)
-# =================================================================
-MORPH_API_KEY=your_morphllm_api_key    # https://morphllm.com/dashboard
+# WhatsApp
+WHATSAPP_PHONE=551141718837
+WHATSAPP_PHONE_ALT=551132301422
 
-# =================================================================
-# SANDBOX PROVIDER - Choose ONE: Vercel (default) or E2B
-# =================================================================
-SANDBOX_PROVIDER=vercel  # or 'e2b'
+# Webhooks
+TRAVELANGELS_WEBHOOK=https://mdmidia.com.br/add_travelangels.php
+WEBFLOW_OCTA_WEBHOOK=https://mdmidia.com.br/add_webflow_octa.php
+```
 
-# Option 1: Vercel Sandbox (default)
-# Choose one authentication method:
+### 8. **Funcionalidades Específicas**
 
-# Method A: OIDC Token (recommended for development)
-# Run `vercel link` then `vercel env pull` to get VERCEL_OIDC_TOKEN automatically
-VERCEL_OIDC_TOKEN=auto_generated_by_vercel_env_pull
+#### Sistema de Máscaras
+```typescript
+// lib/masks/
+├── cpf-mask.ts              # 000.000.000-00
+├── cep-mask.ts              # 00000-000
+├── placa-mask.ts            # SSS-0A00 (antigo/mercosul)
+├── telefone-mask.ts         # (00) 00000-0000
+└── email-validation.ts      # Regex + SafetyMails
+```
 
-# Method B: Personal Access Token (for production or when OIDC unavailable)
-# VERCEL_TEAM_ID=team_xxxxxxxxx      # Your Vercel team ID 
-# VERCEL_PROJECT_ID=prj_xxxxxxxxx    # Your Vercel project ID
-# VERCEL_TOKEN=vercel_xxxxxxxxxxxx   # Personal access token from Vercel dashboard
+#### SweetAlert2 Customizado
+```typescript
+// lib/alerts/sweetalert-config.ts
+export const swalConfig = {
+  theme: {
+    primary: '#004A8D',
+    accent: '#009FE3',
+    borderRadius: '14px'
+  },
+  icons: {
+    warning: 'blue-circle-with-exclamation'
+  }
+};
+```
+
+### 9. **Estrutura de Dados**
+
+#### Tipos TypeScript
+```typescript
+// types/cotacao.ts
+interface DadosCotacao {
+  // Dados pessoais
+  nome: string;
+  cpf: string;
+  email: string;
+  telefone: string;
+  
+  // Dados do veículo
+  placa: string;
+  marca: string;
+  ano: string;
+  tipoVeiculo: 'carro' | 'moto';
+  
+  // Dados de endereço
+  cep: string;
+  cidade: string;
+  estado: string;
+  
+  // Tracking
+  gclid?: string;
+  fonte: string;
+}
+```
+
+### 10. **Implementação dos Webhooks**
 
-# Option 2: E2B Sandbox
-# E2B_API_KEY=your_e2b_api_key      # https://e2b.dev
+#### Webhook TravelAngels
+```typescript
+// app/api/webhooks/travelangels/route.ts
+export async function POST(request: Request) {
+  const dados = await request.json();
+  
+  // Enviar para https://mdmidia.com.br/add_travelangels.php
+  const response = await fetch('https://mdmidia.com.br/add_travelangels.php', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(dados)
+  });
+  
+  return Response.json({ success: true });
+}
 ```
 
-3. **Run**
-```bash
-pnpm dev  # or npm run dev / yarn dev
+#### Webhook Webflow Octa
+```typescript
+// app/api/webhooks/webflow-octa/route.ts
+export async function POST(request: Request) {
+  const dados = await request.json();
+  
+  // Enviar para https://mdmidia.com.br/add_webflow_octa.php
+  const response = await fetch('https://mdmidia.com.br/add_webflow_octa.php', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(dados)
+  });
+  
+  return Response.json({ success: true });
+}
 ```
 
-Open [http://localhost:3000](http://localhost:3000)
+## 🚀 Próximos Passos
+
+### ✅ Fase 1: Estrutura Base (CONCLUÍDA)
+1. ✅ Configurar Next.js com TypeScript
+2. ✅ Implementar sistema de roteamento
+3. ✅ Configurar Tailwind CSS com tema da marca
+4. ✅ Implementar componentes base
+5. ✅ **Clonagem Webflow pixel-perfect v1.1.0**
+
+### 🎯 Fase 2: Refinamento Visual (EM ANDAMENTO)
+1. 🎯 **v1.2.0**: Ajustar cores e tipografia exatas
+2. 🎯 **v1.2.0**: Layout pixel-perfect
+3. 🎯 **v1.2.0**: Elementos visuais refinados
+4. 🎯 **v1.3.0**: Animações e interações
+
+### ⏳ Fase 3: Funcionalidades Core (PLANEJADA)
+1. ⏳ Implementar formulários de cotação
+2. ⏳ Integrar validações de CPF, CEP, Placa
+3. ⏳ Configurar sistema de tracking (GTM, GA4)
+4. ⏳ Implementar integração WhatsApp
+
+### ⏳ Fase 4: Integrações Avançadas (PLANEJADA)
+1. ⏳ Configurar webhooks
+2. ⏳ Implementar sistema de cookies
+3. ⏳ Integrar CollectChat
+4. ⏳ Configurar SweetAlert2 customizado
+
+### ⏳ Fase 5: Otimização e Deploy (PLANEJADA)
+1. ⏳ Otimizar performance
+2. ⏳ Configurar SEO
+3. ⏳ Deploy no Vercel
+4. ⏳ Configurar domínio personalizado
+
+## 📊 Status Atual
+
+- ✅ **Build funcionando** sem erros críticos
+- ✅ **Warnings minimizados** (apenas 1 warning aceitável)
+- ✅ **Performance otimizada** com hooks corretos
+- ✅ **Estrutura base** configurada
+- ✅ **Clonagem Webflow pixel-perfect v1.1.0** implementada
+- ✅ **Sistema de aprimoramento incremental** criado
+- ✅ **Versão salva no GitHub** com tag v1.1.0
+- 🎯 **Próximo**: Refinamento Visual (v1.2.0)
+
+## 🎨 Design System
+
+### Paleta de Cores
+- **Primária**: #004A8D (Azul escuro)
+- **Secundária**: #009FE3 (Azul claro)
+- **Sucesso**: #10B981 (Verde)
+- **Aviso**: #F59E0B (Amarelo)
+- **Erro**: #EF4444 (Vermelho)
+
+### Tipografia
+- **Fonte principal**: System UI / Inter
+- **Fonte mono**: Geist Mono (para códigos)
+
+### Componentes
+- **Botões**: Gradiente azul com bordas arredondadas
+- **Formulários**: Campos com validação em tempo real
+- **Alertas**: SweetAlert2 com tema customizado
+- **Loading**: Spinner com overlay azul
+
+## 🔗 Links Importantes
+
+- **Website atual**: https://www.segurosimediato.com.br
+- **Nossa clonagem**: http://localhost:3001/webflow-clone
+- **Deploy**: https://open-lovable.vercel.app
+- **Repositório**: https://github.com/LucianoOtero/open-lovable
+- **Tag atual**: v1.1.0
+- **Roadmap**: ROADMAP_APRIMORAMENTO.md
 
-## License
+---
 
-MIT
+**Desenvolvido por**: Luciano Rodrigues Otero  
+**Email**: lrotero@gmail.com  
+**Empresa**: Imediato Soluções em Seguros
\ No newline at end of file
diff --git a/ROADMAP_APRIMORAMENTO.md b/ROADMAP_APRIMORAMENTO.md
new file mode 100644
index 00000000..d32ae96e
--- /dev/null
+++ b/ROADMAP_APRIMORAMENTO.md
@@ -0,0 +1,182 @@
+# 🎯 Plano de Aprimoramento Incremental - Clonagem Webflow
+
+## 📊 Status Atual: v1.1.0
+**Commit**: `e926855` | **Tag**: `v1.1.0` | **Data**: 08/10/2025
+
+### ✅ **Implementado (v1.1.0)**
+- [x] Estrutura HTML idêntica ao Webflow
+- [x] CSS original importado
+- [x] Formulário Webflow funcional
+- [x] Header com contatos
+- [x] Hero section com preço
+- [x] Seção de seguros
+- [x] Footer completo
+- [x] Layout responsivo base
+
+---
+
+## 🚀 **Próximas Versões - Roadmap**
+
+### **v1.2.0 - Refinamento Visual** 🎨
+**Prioridade**: ALTA | **Estimativa**: 2-3 dias
+
+#### **Tarefas:**
+- [ ] **Cores e Tipografia**
+  - [ ] Ajustar cores exatas do Webflow
+  - [ ] Implementar fontes originais
+  - [ ] Corrigir espaçamentos (padding/margin)
+  
+- [ ] **Layout Pixel-Perfect**
+  - [ ] Ajustar grid system do Webflow
+  - [ ] Corrigir alinhamentos
+  - [ ] Implementar breakpoints exatos
+  
+- [ ] **Elementos Visuais**
+  - [ ] Ícones e imagens otimizadas
+  - [ ] Sombras e bordas
+  - [ ] Gradientes exatos
+
+#### **Critérios de Aceitação:**
+- [ ] Comparação lado a lado com original
+- [ ] Diferenças visuais < 5%
+- [ ] Responsividade idêntica
+
+---
+
+### **v1.3.0 - Interações e Animações** ⚡
+**Prioridade**: MÉDIA | **Estimativa**: 3-4 dias
+
+#### **Tarefas:**
+- [ ] **Animações Webflow**
+  - [ ] Hover effects nos botões
+  - [ ] Transições suaves
+  - [ ] Loading states
+  
+- [ ] **Interações de Formulário**
+  - [ ] Validação em tempo real
+  - [ ] Máscaras de input (CPF, CEP, telefone)
+  - [ ] Feedback visual
+  
+- [ ] **Navegação**
+  - [ ] Smooth scrolling
+  - [ ] Menu responsivo
+  - [ ] Links funcionais
+
+#### **Critérios de Aceitação:**
+- [ ] Animações fluidas
+- [ ] Formulário totalmente funcional
+- [ ] UX idêntica ao original
+
+---
+
+### **v1.4.0 - Funcionalidades Avançadas** 🔧
+**Prioridade**: MÉDIA | **Estimativa**: 4-5 dias
+
+#### **Tarefas:**
+- [ ] **Integração com APIs**
+  - [ ] Validação de CPF
+  - [ ] Busca de CEP
+  - [ ] Consulta de placa
+  
+- [ ] **Analytics e Tracking**
+  - [ ] Google Tag Manager
+  - [ ] GCLID tracking
+  - [ ] Conversões
+  
+- [ ] **Otimizações**
+  - [ ] Performance
+  - [ ] SEO
+  - [ ] Acessibilidade
+
+#### **Critérios de Aceitação:**
+- [ ] APIs funcionando
+- [ ] Analytics configurado
+- [ ] Performance otimizada
+
+---
+
+### **v1.5.0 - Polimento Final** ✨
+**Prioridade**: BAIXA | **Estimativa**: 2-3 dias
+
+#### **Tarefas:**
+- [ ] **Testes**
+  - [ ] Testes cross-browser
+  - [ ] Testes mobile
+  - [ ] Testes de performance
+  
+- [ ] **Documentação**
+  - [ ] README atualizado
+  - [ ] Documentação técnica
+  - [ ] Guia de deploy
+  
+- [ ] **Deploy**
+  - [ ] Configuração Vercel
+  - [ ] Domínio customizado
+  - [ ] SSL e CDN
+
+#### **Critérios de Aceitação:**
+- [ ] Site 100% funcional
+- [ ] Documentação completa
+- [ ] Deploy em produção
+
+---
+
+## 📋 **Processo de Desenvolvimento**
+
+### **1. Análise Detalhada**
+- Screenshot comparativo
+- Inspeção de elementos
+- Medição de pixels
+
+### **2. Implementação Incremental**
+- Uma seção por vez
+- Testes contínuos
+- Feedback visual
+
+### **3. Validação**
+- Comparação lado a lado
+- Testes de responsividade
+- Validação de funcionalidades
+
+### **4. Commit e Tag**
+- Commits semânticos
+- Tags de versão
+- Push para GitHub
+
+---
+
+## 🎯 **Próximo Passo: v1.2.0**
+
+**Foco**: Refinamento Visual Pixel-Perfect
+
+**Primeira tarefa**: Ajustar cores e tipografia do header
+
+**Como proceder**:
+1. Screenshot do header original
+2. Comparação com nossa versão
+3. Ajustes incrementais
+4. Teste e validação
+5. Commit da melhoria
+
+---
+
+## 📊 **Métricas de Sucesso**
+
+- **Fidelidade Visual**: > 95%
+- **Performance**: < 3s carregamento
+- **Responsividade**: 100% mobile-friendly
+- **Funcionalidade**: 100% formulários funcionais
+- **SEO**: Score > 90
+
+---
+
+## 🔗 **Links Úteis**
+
+- **Site Original**: https://www.segurosimediato.com.br
+- **Nossa Versão**: http://localhost:3001/webflow-clone
+- **GitHub**: https://github.com/LucianoOtero/open-lovable
+- **Tag Atual**: v1.1.0
+
+---
+
+**Status**: ✅ Base implementada | 🎯 Próximo: Refinamento Visual
diff --git a/SISTEMA_APRIMORAMENTO.md b/SISTEMA_APRIMORAMENTO.md
new file mode 100644
index 00000000..159c6ef5
--- /dev/null
+++ b/SISTEMA_APRIMORAMENTO.md
@@ -0,0 +1,110 @@
+# 🎯 Sistema de Aprimoramento Incremental
+
+## 📊 **Status Atual**
+- **Versão**: v1.1.0 ✅
+- **Commit**: `e926855`
+- **Status**: Base implementada
+- **Próximo**: Refinamento Visual (v1.2.0)
+
+---
+
+## 🚀 **Próximo Passo: v1.2.0 - Refinamento Visual**
+
+### **Objetivo**: Ajustar cores, tipografia e layout para pixel-perfect
+
+### **Primeira Tarefa**: Header Visual
+
+#### **1. Análise Comparativa**
+```bash
+# Screenshot do original
+curl -X POST http://localhost:3001/api/scrape-screenshot \
+  -H "Content-Type: application/json" \
+  -d '{"url":"https://www.segurosimediato.com.br"}'
+```
+
+#### **2. Identificar Diferenças**
+- [ ] Cores do background
+- [ ] Tipografia (font-family, font-size, font-weight)
+- [ ] Espaçamentos (padding, margin)
+- [ ] Alinhamentos
+- [ ] Sombras e bordas
+
+#### **3. Implementar Ajustes**
+- [ ] Ajustar CSS do header
+- [ ] Corrigir tipografia
+- [ ] Alinhar elementos
+- [ ] Testar responsividade
+
+#### **4. Validação**
+- [ ] Comparação visual
+- [ ] Teste em diferentes resoluções
+- [ ] Commit da melhoria
+
+---
+
+## 📋 **Checklist de Qualidade**
+
+### **Antes de cada commit:**
+- [ ] Screenshot comparativo
+- [ ] Teste responsivo
+- [ ] Validação de funcionalidades
+- [ ] Commit semântico
+- [ ] Push para GitHub
+
+### **Antes de cada tag:**
+- [ ] Teste completo
+- [ ] Documentação atualizada
+- [ ] README atualizado
+- [ ] Tag semântica
+
+---
+
+## 🎯 **Como Proceder**
+
+### **1. Escolher uma seção específica**
+- Header
+- Hero section
+- Formulário
+- Seção de seguros
+- Footer
+
+### **2. Analisar pixel por pixel**
+- Cores exatas
+- Espaçamentos
+- Tipografia
+- Alinhamentos
+
+### **3. Implementar ajustes**
+- CSS específico
+- Testes visuais
+- Validação
+
+### **4. Commit incremental**
+```bash
+git add .
+git commit -m "feat: ajuste visual header - cores e tipografia"
+git push origin main
+```
+
+---
+
+## 📊 **Métricas de Progresso**
+
+- **v1.1.0**: ✅ Base (0% → 20%)
+- **v1.2.0**: 🎯 Visual (20% → 50%)
+- **v1.3.0**: ⚡ Interações (50% → 75%)
+- **v1.4.0**: 🔧 Funcionalidades (75% → 90%)
+- **v1.5.0**: ✨ Polimento (90% → 100%)
+
+---
+
+## 🔗 **Recursos Úteis**
+
+- **Site Original**: https://www.segurosimediato.com.br
+- **Nossa Versão**: http://localhost:3001/webflow-clone
+- **GitHub**: https://github.com/LucianoOtero/open-lovable
+- **Roadmap**: ROADMAP_APRIMORAMENTO.md
+
+---
+
+**Pronto para começar o refinamento visual!** 🎨
diff --git a/__tests__/apis/fallback-system.test.ts b/__tests__/apis/fallback-system.test.ts
new file mode 100644
index 00000000..56caa035
--- /dev/null
+++ b/__tests__/apis/fallback-system.test.ts
@@ -0,0 +1,247 @@
+# __tests__/apis/fallback-system.test.ts
+
+import { 
+  APIFallbackManager, 
+  validarCPFComFallback, 
+  validarCEPComFallback,
+  API_FALLBACK_CONFIGS 
+} from '@/lib/apis/fallback-system';
+import { mockAPISuccess, mockAPIFailure, mockAPITimeout } from '../setup/test-utils';
+
+describe('APIFallbackManager', () => {
+  let fallbackManager: APIFallbackManager;
+
+  beforeEach(() => {
+    fallbackManager = APIFallbackManager.getInstance();
+    jest.clearAllMocks();
+  });
+
+  describe('executeWithFallback', () => {
+    it('deve executar com sucesso na primeira tentativa', async () => {
+      mockAPISuccess({ success: true, data: { cpf: '12345678901' } });
+
+      const config = {
+        primary: 'https://api1.com',
+        fallbacks: ['https://api2.com'],
+        timeout: 5000,
+        retries: 3
+      };
+
+      const result = await fallbackManager.executeWithFallback(
+        config,
+        async (url) => {
+          const response = await fetch(url);
+          return await response.json();
+        }
+      );
+
+      expect(result).toEqual({ success: true, data: { cpf: '12345678901' } });
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+    });
+
+    it('deve tentar fallback quando API principal falha', async () => {
+      mockAPIFailure(500);
+      mockAPISuccess({ success: true, data: { cpf: '12345678901' } });
+
+      const config = {
+        primary: 'https://api1.com',
+        fallbacks: ['https://api2.com'],
+        timeout: 5000,
+        retries: 3
+      };
+
+      const result = await fallbackManager.executeWithFallback(
+        config,
+        async (url) => {
+          const response = await fetch(url);
+          return await response.json();
+        }
+      );
+
+      expect(result).toEqual({ success: true, data: { cpf: '12345678901' } });
+      expect(global.fetch).toHaveBeenCalledTimes(2);
+    });
+
+    it('deve falhar quando todas as APIs falham', async () => {
+      mockAPIFailure(500);
+      mockAPIFailure(500);
+
+      const config = {
+        primary: 'https://api1.com',
+        fallbacks: ['https://api2.com'],
+        timeout: 5000,
+        retries: 3
+      };
+
+      await expect(
+        fallbackManager.executeWithFallback(
+          config,
+          async (url) => {
+            const response = await fetch(url);
+            return await response.json();
+          }
+        )
+      ).rejects.toThrow('Todas as APIs falharam');
+    });
+
+    it('deve respeitar timeout configurado', async () => {
+      mockAPITimeout();
+
+      const config = {
+        primary: 'https://api1.com',
+        fallbacks: ['https://api2.com'],
+        timeout: 100,
+        retries: 3
+      };
+
+      await expect(
+        fallbackManager.executeWithFallback(
+          config,
+          async () => {
+            await new Promise(resolve => setTimeout(resolve, 200));
+            return { success: true };
+          }
+        )
+      ).rejects.toThrow('Timeout');
+    });
+  });
+
+  describe('cache', () => {
+    it('deve usar cache para requisições repetidas', async () => {
+      mockAPISuccess({ success: true, data: { cached: true } });
+
+      const config = {
+        primary: 'https://api1.com',
+        fallbacks: [],
+        timeout: 5000,
+        retries: 3
+      };
+
+      // Primeira chamada
+      const result1 = await fallbackManager.executeWithFallback(
+        config,
+        async (url) => {
+          const response = await fetch(url);
+          return await response.json();
+        }
+      );
+
+      // Segunda chamada (deve usar cache)
+      const result2 = await fallbackManager.executeWithFallback(
+        config,
+        async (url) => {
+          const response = await fetch(url);
+          return await response.json();
+        }
+      );
+
+      expect(result1).toEqual(result2);
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+    });
+  });
+});
+
+describe('validarCPFComFallback', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('deve validar CPF com sucesso usando API principal', async () => {
+    mockAPISuccess({
+      codigo: 1,
+      data: {
+        sexo: 1,
+        data_nascimento: '1990-01-01',
+        estado_civil: 1
+      }
+    });
+
+    const result = await validarCPFComFallback('11144477735');
+
+    expect(result.ok).toBe(true);
+    expect(result.parsed?.sexo).toBe('Masculino');
+    expect(result.parsed?.estadoCivil).toBe('Casado');
+    expect(result.parsed?.dataNascimento).toBe('01/01/1990');
+  });
+
+  it('deve usar fallback local quando APIs falham', async () => {
+    mockAPIFailure(500);
+    mockAPIFailure(500);
+    mockAPIFailure(500);
+
+    const result = await validarCPFComFallback('11144477735');
+
+    expect(result.ok).toBe(true); // Algoritmo local deve validar
+    expect(result.reason).toBe('formato');
+    expect(result.parsed?.sexo).toBe('');
+  });
+
+  it('deve falhar para CPF inválido', async () => {
+    mockAPIFailure(500);
+    mockAPIFailure(500);
+    mockAPIFailure(500);
+
+    const result = await validarCPFComFallback('11111111111');
+
+    expect(result.ok).toBe(false);
+    expect(result.reason).toBe('formato');
+  });
+});
+
+describe('validarCEPComFallback', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('deve validar CEP com sucesso', async () => {
+    mockAPISuccess({
+      cep: '01310-100',
+      logradouro: 'Avenida Paulista',
+      bairro: 'Bela Vista',
+      localidade: 'São Paulo',
+      uf: 'SP'
+    });
+
+    const result = await validarCEPComFallback('01310-100');
+
+    expect(result.ok).toBe(true);
+    expect(result.parsed?.cidade).toBe('São Paulo');
+    expect(result.parsed?.estado).toBe('SP');
+    expect(result.parsed?.endereco).toBe('Avenida Paulista');
+  });
+
+  it('deve falhar para CEP inválido', async () => {
+    const result = await validarCEPComFallback('123');
+
+    expect(result.ok).toBe(false);
+    expect(result.reason).toBe('formato');
+  });
+
+  it('deve falhar para CEP não encontrado', async () => {
+    mockAPISuccess({ erro: true });
+
+    const result = await validarCEPComFallback('00000-000');
+
+    expect(result.ok).toBe(false);
+    expect(result.reason).toBe('nao_encontrado');
+  });
+});
+
+describe('API_FALLBACK_CONFIGS', () => {
+  it('deve ter configurações válidas para todas as APIs', () => {
+    expect(API_FALLBACK_CONFIGS.cpf).toBeDefined();
+    expect(API_FALLBACK_CONFIGS.cep).toBeDefined();
+    expect(API_FALLBACK_CONFIGS.placa).toBeDefined();
+    expect(API_FALLBACK_CONFIGS.telefone).toBeDefined();
+    expect(API_FALLBACK_CONFIGS.email).toBeDefined();
+
+    // Verificar se todas têm fallbacks
+    Object.values(API_FALLBACK_CONFIGS).forEach(config => {
+      expect(config.primary).toBeDefined();
+      expect(config.fallbacks).toBeInstanceOf(Array);
+      expect(config.fallbacks.length).toBeGreaterThan(0);
+      expect(config.timeout).toBeGreaterThan(0);
+      expect(config.retries).toBeGreaterThan(0);
+    });
+  });
+});
diff --git a/__tests__/setup/test-utils.tsx b/__tests__/setup/test-utils.tsx
new file mode 100644
index 00000000..804f5648
--- /dev/null
+++ b/__tests__/setup/test-utils.tsx
@@ -0,0 +1,122 @@
+# __tests__/setup/test-utils.tsx
+
+import React from 'react';
+import { render, RenderOptions } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ThemeProvider } from 'next-themes';
+
+// Mock do Next.js router
+jest.mock('next/router', () => ({
+  useRouter() {
+    return {
+      route: '/',
+      pathname: '/',
+      query: {},
+      asPath: '/',
+      push: jest.fn(),
+      pop: jest.fn(),
+      reload: jest.fn(),
+      back: jest.fn(),
+      prefetch: jest.fn(),
+      beforePopState: jest.fn(),
+      events: {
+        on: jest.fn(),
+        off: jest.fn(),
+        emit: jest.fn(),
+      },
+    };
+  },
+}));
+
+// Mock do SweetAlert2
+jest.mock('sweetalert2', () => ({
+  fire: jest.fn().mockResolvedValue({ isConfirmed: true }),
+  mixin: jest.fn(),
+  isLoading: jest.fn(),
+  isVisible: jest.fn(),
+  isConfirmed: jest.fn(),
+  isDenied: jest.fn(),
+  isDismissed: jest.fn(),
+}));
+
+// Mock do jQuery
+jest.mock('jquery', () => {
+  const mockJQuery = jest.fn(() => ({
+    mask: jest.fn(),
+    on: jest.fn(),
+    off: jest.fn(),
+    val: jest.fn(),
+    focus: jest.fn(),
+    length: 1,
+  }));
+  mockJQuery.extend = jest.fn();
+  return mockJQuery;
+});
+
+// Mock das APIs externas
+global.fetch = jest.fn();
+
+// Configuração do QueryClient para testes
+const createTestQueryClient = () => new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+      cacheTime: 0,
+    },
+    mutations: {
+      retry: false,
+    },
+  },
+});
+
+interface CustomRenderOptions extends Omit<RenderOptions, 'wrapper'> {
+  queryClient?: QueryClient;
+}
+
+export function renderWithProviders(
+  ui: React.ReactElement,
+  { queryClient = createTestQueryClient(), ...renderOptions }: CustomRenderOptions = {}
+) {
+  function Wrapper({ children }: { children: React.ReactNode }) {
+    return (
+      <QueryClientProvider client={queryClient}>
+        <ThemeProvider attribute="class" defaultTheme="light">
+          {children}
+        </ThemeProvider>
+      </QueryClientProvider>
+    );
+  }
+
+  return {
+    ...render(ui, { wrapper: Wrapper, ...renderOptions }),
+    queryClient,
+  };
+}
+
+// Utilitários para testes
+export const mockAPISuccess = (data: any) => {
+  (global.fetch as jest.Mock).mockResolvedValueOnce({
+    ok: true,
+    json: () => Promise.resolve(data),
+  });
+};
+
+export const mockAPIFailure = (status = 500) => {
+  (global.fetch as jest.Mock).mockRejectedValueOnce(
+    new Error(`HTTP ${status}`)
+  );
+};
+
+export const mockAPITimeout = () => {
+  (global.fetch as jest.Mock).mockImplementationOnce(
+    () => new Promise((_, reject) => 
+      setTimeout(() => reject(new Error('Timeout')), 100)
+    )
+  );
+};
+
+// Cleanup após cada teste
+afterEach(() => {
+  jest.clearAllMocks();
+  (global.fetch as jest.Mock).mockClear();
+});
diff --git a/app/(seguros)/seguro-auto/page.tsx b/app/(seguros)/seguro-auto/page.tsx
new file mode 100644
index 00000000..c0e73e03
--- /dev/null
+++ b/app/(seguros)/seguro-auto/page.tsx
@@ -0,0 +1,155 @@
+"use client";
+
+import React from 'react';
+import { FormularioCotacao } from '@/components/forms/FormularioCotacao';
+import { DadosCotacao } from '@/types/cotacao';
+import { AlertUtils } from '@/lib/alerts/sweetalert-config';
+
+export default function SeguroAutoPage() {
+  const handleSubmit = async (dados: DadosCotacao) => {
+    try {
+      // Simular envio para API
+      console.log('Dados do seguro auto:', dados);
+      
+      // Mostrar sucesso
+      await AlertUtils.confirmSubmission();
+      
+      // Redirecionar ou fazer outras ações
+      // window.location.href = '/cotacao/sucesso';
+    } catch (error) {
+      console.error('Erro ao enviar cotação:', error);
+      await AlertUtils.error({
+        title: 'Erro',
+        text: 'Ocorreu um erro ao enviar sua cotação. Tente novamente.'
+      });
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Hero Section */}
+      <div className="bg-gradient-to-r from-brand-primary to-brand-accent text-white py-16">
+        <div className="max-w-4xl mx-auto px-4 text-center">
+          <h1 className="text-4xl md:text-5xl font-bold mb-4">
+            Seguro de Auto
+          </h1>
+          <p className="text-xl md:text-2xl mb-8 opacity-90">
+            Proteja seu veículo com a melhor cobertura do mercado
+          </p>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12">
+            <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
+              <h3 className="text-lg font-semibold mb-2">Cobertura Completa</h3>
+              <p className="text-sm opacity-90">
+                Proteção total para seu veículo contra roubo, furto e danos
+              </p>
+            </div>
+            <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
+              <h3 className="text-lg font-semibold mb-2">Assistência 24h</h3>
+              <p className="text-sm opacity-90">
+                Suporte completo em qualquer situação, 24 horas por dia
+              </p>
+            </div>
+            <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
+              <h3 className="text-lg font-semibold mb-2">Melhor Preço</h3>
+              <p className="text-sm opacity-90">
+                Cotação personalizada com os melhores preços do mercado
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Formulário de Cotação */}
+      <div className="max-w-4xl mx-auto px-4 py-12">
+        <div className="bg-white rounded-lg shadow-lg p-8">
+          <div className="text-center mb-8">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Solicite sua Cotação
+            </h2>
+            <p className="text-gray-600">
+              Preencha os dados abaixo e receba uma cotação personalizada em minutos
+            </p>
+          </div>
+          
+          <FormularioCotacao 
+            tipoSeguro="auto" 
+            onSubmit={handleSubmit}
+          />
+        </div>
+      </div>
+
+      {/* Benefícios */}
+      <div className="bg-white py-16">
+        <div className="max-w-6xl mx-auto px-4">
+          <h2 className="text-3xl font-bold text-center text-gray-900 mb-12">
+            Por que escolher nosso Seguro de Auto?
+          </h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div className="text-center">
+              <div className="w-16 h-16 bg-brand-primary rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Cobertura Total</h3>
+              <p className="text-gray-600 text-sm">
+                Proteção completa contra roubo, furto, incêndio e danos
+              </p>
+            </div>
+            <div className="text-center">
+              <div className="w-16 h-16 bg-brand-accent rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Assistência 24h</h3>
+              <p className="text-gray-600 text-sm">
+                Suporte completo em qualquer situação, a qualquer hora
+              </p>
+            </div>
+            <div className="text-center">
+              <div className="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Melhor Preço</h3>
+              <p className="text-gray-600 text-sm">
+                Cotação personalizada com os melhores preços do mercado
+              </p>
+            </div>
+            <div className="text-center">
+              <div className="w-16 h-16 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Processo Rápido</h3>
+              <p className="text-gray-600 text-sm">
+                Cotação em minutos e aprovação em até 24 horas
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* CTA Final */}
+      <div className="bg-brand-primary text-white py-16">
+        <div className="max-w-4xl mx-auto px-4 text-center">
+          <h2 className="text-3xl font-bold mb-4">
+            Pronto para proteger seu veículo?
+          </h2>
+          <p className="text-xl mb-8 opacity-90">
+            Solicite sua cotação agora e garanta a melhor proteção para seu automóvel
+          </p>
+          <button 
+            onClick={() => document.querySelector('form')?.scrollIntoView({ behavior: 'smooth' })}
+            className="bg-white text-brand-primary px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors"
+          >
+            Solicitar Cotação
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/app/(seguros)/seguro-moto/page.tsx b/app/(seguros)/seguro-moto/page.tsx
new file mode 100644
index 00000000..ffd57777
--- /dev/null
+++ b/app/(seguros)/seguro-moto/page.tsx
@@ -0,0 +1,155 @@
+"use client";
+
+import React from 'react';
+import { FormularioCotacao } from '@/components/forms/FormularioCotacao';
+import { DadosCotacao } from '@/types/cotacao';
+import { AlertUtils } from '@/lib/alerts/sweetalert-config';
+
+export default function SeguroMotoPage() {
+  const handleSubmit = async (dados: DadosCotacao) => {
+    try {
+      // Simular envio para API
+      console.log('Dados do seguro moto:', dados);
+      
+      // Mostrar sucesso
+      await AlertUtils.confirmSubmission();
+      
+      // Redirecionar ou fazer outras ações
+      // window.location.href = '/cotacao/sucesso';
+    } catch (error) {
+      console.error('Erro ao enviar cotação:', error);
+      await AlertUtils.error({
+        title: 'Erro',
+        text: 'Ocorreu um erro ao enviar sua cotação. Tente novamente.'
+      });
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Hero Section */}
+      <div className="bg-gradient-to-r from-brand-primary to-brand-accent text-white py-16">
+        <div className="max-w-4xl mx-auto px-4 text-center">
+          <h1 className="text-4xl md:text-5xl font-bold mb-4">
+            Seguro de Moto
+          </h1>
+          <p className="text-xl md:text-2xl mb-8 opacity-90">
+            Proteja sua motocicleta com segurança e tranquilidade
+          </p>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12">
+            <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
+              <h3 className="text-lg font-semibold mb-2">Cobertura Especializada</h3>
+              <p className="text-sm opacity-90">
+                Proteção específica para motocicletas contra roubo e danos
+              </p>
+            </div>
+            <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
+              <h3 className="text-lg font-semibold mb-2">Assistência Moto</h3>
+              <p className="text-sm opacity-90">
+                Suporte especializado para motociclistas, 24 horas por dia
+              </p>
+            </div>
+            <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
+              <h3 className="text-lg font-semibold mb-2">Preço Acessível</h3>
+              <p className="text-sm opacity-90">
+                Seguro de moto com preços justos e cobertura completa
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Formulário de Cotação */}
+      <div className="max-w-4xl mx-auto px-4 py-12">
+        <div className="bg-white rounded-lg shadow-lg p-8">
+          <div className="text-center mb-8">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Solicite sua Cotação
+            </h2>
+            <p className="text-gray-600">
+              Preencha os dados abaixo e receba uma cotação personalizada para sua moto
+            </p>
+          </div>
+          
+          <FormularioCotacao 
+            tipoSeguro="moto" 
+            onSubmit={handleSubmit}
+          />
+        </div>
+      </div>
+
+      {/* Benefícios */}
+      <div className="bg-white py-16">
+        <div className="max-w-6xl mx-auto px-4">
+          <h2 className="text-3xl font-bold text-center text-gray-900 mb-12">
+            Por que escolher nosso Seguro de Moto?
+          </h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div className="text-center">
+              <div className="w-16 h-16 bg-brand-primary rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Cobertura Completa</h3>
+              <p className="text-gray-600 text-sm">
+                Proteção contra roubo, furto, incêndio e danos acidentais
+              </p>
+            </div>
+            <div className="text-center">
+              <div className="w-16 h-16 bg-brand-accent rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Assistência 24h</h3>
+              <p className="text-gray-600 text-sm">
+                Suporte especializado para motociclistas a qualquer hora
+              </p>
+            </div>
+            <div className="text-center">
+              <div className="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Preço Justo</h3>
+              <p className="text-gray-600 text-sm">
+                Seguro de moto com preços acessíveis e cobertura completa
+              </p>
+            </div>
+            <div className="text-center">
+              <div className="w-16 h-16 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Processo Rápido</h3>
+              <p className="text-gray-600 text-sm">
+                Cotação em minutos e aprovação em até 24 horas
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* CTA Final */}
+      <div className="bg-brand-primary text-white py-16">
+        <div className="max-w-4xl mx-auto px-4 text-center">
+          <h2 className="text-3xl font-bold mb-4">
+            Pronto para proteger sua moto?
+          </h2>
+          <p className="text-xl mb-8 opacity-90">
+            Solicite sua cotação agora e garanta a melhor proteção para sua motocicleta
+          </p>
+          <button 
+            onClick={() => document.querySelector('form')?.scrollIntoView({ behavior: 'smooth' })}
+            className="bg-white text-brand-primary px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors"
+          >
+            Solicitar Cotação
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/app/api/analyze-original/route.ts b/app/api/analyze-original/route.ts
new file mode 100644
index 00000000..36cbdd1c
--- /dev/null
+++ b/app/api/analyze-original/route.ts
@@ -0,0 +1,124 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar conteúdo do site original
+    const response = await fetch('https://www.segurosimediato.com.br', {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+    
+    // Extrair informações importantes
+    const analysis = {
+      title: extractTitle(html),
+      metaDescription: extractMetaDescription(html),
+      colors: extractColors(html),
+      fonts: extractFonts(html),
+      components: extractComponents(html),
+      forms: extractForms(html),
+      scripts: extractScripts(html),
+      styles: extractStyles(html)
+    };
+
+    return NextResponse.json(analysis);
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao analisar site original', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+function extractTitle(html: string): string {
+  const match = html.match(/<title[^>]*>(.*?)<\/title>/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractMetaDescription(html: string): string {
+  const match = html.match(/<meta[^>]*name=["']description["'][^>]*content=["']([^"']*)["']/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractColors(html: string): string[] {
+  const colorRegex = /#[0-9a-fA-F]{3,6}|rgb\([^)]+\)|rgba\([^)]+\)|hsl\([^)]+\)/g;
+  const colors = html.match(colorRegex) || [];
+  return [...new Set(colors)].slice(0, 20); // Limitar a 20 cores únicas
+}
+
+function extractFonts(html: string): string[] {
+  const fontRegex = /font-family:\s*([^;]+)/gi;
+  const fonts = [];
+  let match;
+  while ((match = fontRegex.exec(html)) !== null) {
+    fonts.push(match[1].trim());
+  }
+  return [...new Set(fonts)];
+}
+
+function extractComponents(html: string): string[] {
+  const components = [];
+  
+  // Identificar componentes comuns
+  if (html.includes('header')) components.push('Header');
+  if (html.includes('nav')) components.push('Navigation');
+  if (html.includes('hero')) components.push('Hero Section');
+  if (html.includes('form')) components.push('Forms');
+  if (html.includes('button')) components.push('Buttons');
+  if (html.includes('card')) components.push('Cards');
+  if (html.includes('footer')) components.push('Footer');
+  
+  return components;
+}
+
+function extractForms(html: string): any[] {
+  const formRegex = /<form[^>]*>(.*?)<\/form>/gis;
+  const forms = [];
+  let match;
+  
+  while ((match = formRegex.exec(html)) !== null) {
+    const formHtml = match[0];
+    const inputs = (formHtml.match(/<input[^>]*>/gi) || []).length;
+    const selects = (formHtml.match(/<select[^>]*>/gi) || []).length;
+    const textareas = (formHtml.match(/<textarea[^>]*>/gi) || []).length;
+    
+    forms.push({
+      inputs,
+      selects,
+      textareas,
+      totalFields: inputs + selects + textareas
+    });
+  }
+  
+  return forms;
+}
+
+function extractScripts(html: string): string[] {
+  const scriptRegex = /<script[^>]*src=["']([^"']*)["']/gi;
+  const scripts = [];
+  let match;
+  
+  while ((match = scriptRegex.exec(html)) !== null) {
+    scripts.push(match[1]);
+  }
+  
+  return scripts;
+}
+
+function extractStyles(html: string): string[] {
+  const styleRegex = /<link[^>]*rel=["']stylesheet["'][^>]*href=["']([^"']*)["']/gi;
+  const styles = [];
+  let match;
+  
+  while ((match = styleRegex.exec(html)) !== null) {
+    styles.push(match[1]);
+  }
+  
+  return styles;
+}
diff --git a/app/api/analyze-pixel-perfect/route.ts b/app/api/analyze-pixel-perfect/route.ts
new file mode 100644
index 00000000..964d9e63
--- /dev/null
+++ b/app/api/analyze-pixel-perfect/route.ts
@@ -0,0 +1,460 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar o site original
+    const response = await fetch('https://www.segurosimediato.com.br', {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127 Safari/537.36',
+        'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
+        'Accept-Language': 'pt-BR,pt;q=0.9,en;q=0.8',
+        'Accept-Encoding': 'gzip, deflate, br',
+        'Connection': 'keep-alive',
+        'Upgrade-Insecure-Requests': '1'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+    
+    // Análise detalhada para reconstrução pixel-perfect
+    const analysis = {
+      // Informações básicas
+      title: extractTitle(html),
+      metaDescription: extractMetaDescription(html),
+      
+      // Header com contatos
+      header: extractHeaderWithContacts(html),
+      
+      // Layout principal (duas colunas)
+      mainLayout: extractMainLayout(html),
+      
+      // Formulário exato
+      form: extractExactForm(html),
+      
+      // Informações da empresa
+      companyInfo: extractCompanyInfo(html),
+      
+      // Preços e ofertas
+      pricing: extractPricing(html),
+      
+      // Footer
+      footer: extractFooter(html),
+      
+      // Cores exatas
+      colors: extractExactColors(html),
+      
+      // Tipografia
+      typography: extractExactTypography(html),
+      
+      // CSS específico
+      styles: extractSpecificStyles(html)
+    };
+
+    return NextResponse.json(analysis);
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao analisar site original', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+function extractTitle(html: string): string {
+  const match = html.match(/<title[^>]*>(.*?)<\/title>/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractMetaDescription(html: string): string {
+  const match = html.match(/<meta[^>]*name=["']description["'][^>]*content=["']([^"']*)["']/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractHeaderWithContacts(html: string): any {
+  // Procurar por informações de contato no header
+  const headerMatch = html.match(/<header[^>]*>(.*?)<\/header>/is);
+  if (!headerMatch) return null;
+  
+  const headerContent = headerContent[1];
+  
+  return {
+    content: headerContent,
+    contacts: extractContactInfo(headerContent),
+    logo: extractLogo(headerContent),
+    navigation: extractNavigation(headerContent)
+  };
+}
+
+function extractContactInfo(content: string): any[] {
+  const contacts = [];
+  
+  // Procurar por telefones
+  const phoneRegex = /\((\d{2})\)\s*(\d{4,5}-\d{4})/g;
+  let match;
+  while ((match = phoneRegex.exec(content)) !== null) {
+    contacts.push({
+      type: 'phone',
+      ddd: match[1],
+      number: match[2],
+      full: match[0]
+    });
+  }
+  
+  // Procurar por WhatsApp
+  const whatsappRegex = /whatsapp[^>]*>([^<]+)</gi;
+  const whatsappMatch = whatsappRegex.exec(content);
+  if (whatsappMatch) {
+    contacts.push({
+      type: 'whatsapp',
+      number: whatsappMatch[1].trim()
+    });
+  }
+  
+  // Procurar por emergência
+  const emergencyRegex = /emergência[^>]*>([^<]+)</gi;
+  const emergencyMatch = emergencyRegex.exec(content);
+  if (emergencyMatch) {
+    contacts.push({
+      type: 'emergency',
+      number: emergencyMatch[1].trim()
+    });
+  }
+  
+  return contacts;
+}
+
+function extractLogo(content: string): any {
+  const logoMatch = content.match(/<img[^>]*alt=["']logo["'][^>]*>/i);
+  if (!logoMatch) return null;
+  
+  return {
+    html: logoMatch[0],
+    src: extractAttribute(logoMatch[0], 'src'),
+    alt: extractAttribute(logoMatch[0], 'alt'),
+    class: extractAttribute(logoMatch[0], 'class')
+  };
+}
+
+function extractNavigation(content: string): any {
+  const navMatch = content.match(/<nav[^>]*>(.*?)<\/nav>/is);
+  if (!navMatch) return null;
+  
+  return {
+    content: navMatch[1],
+    links: extractLinks(navMatch[1])
+  };
+}
+
+function extractMainLayout(html: string): any {
+  const mainMatch = html.match(/<main[^>]*>(.*?)<\/main>/is);
+  if (!mainMatch) return null;
+  
+  const mainContent = mainMatch[1];
+  
+  return {
+    content: mainContent,
+    leftColumn: extractLeftColumn(mainContent),
+    rightColumn: extractRightColumn(mainContent),
+    hero: extractHero(mainContent)
+  };
+}
+
+function extractLeftColumn(content: string): any {
+  // Procurar por formulário ou seção esquerda
+  const formMatch = content.match(/<form[^>]*>(.*?)<\/form>/is);
+  if (!formMatch) return null;
+  
+  return {
+    type: 'form',
+    content: formMatch[1],
+    title: extractFormTitle(formMatch[1]),
+    subtitle: extractFormSubtitle(formMatch[1]),
+    pricing: extractFormPricing(formMatch[1]),
+    fields: extractFormFields(formMatch[1])
+  };
+}
+
+function extractRightColumn(content: string): any {
+  // Procurar por informações da empresa
+  const companyMatch = content.match(/<div[^>]*class=["'][^"']*company[^"']*["'][^>]*>(.*?)<\/div>/is);
+  if (!companyMatch) {
+    // Tentar encontrar por texto específico
+    const experienceMatch = content.match(/25\s*ANOS\s*DE\s*EXPERIÊNCIA/i);
+    if (experienceMatch) {
+      return {
+        type: 'company-info',
+        content: extractCompanyText(content),
+        experience: '25 ANOS DE EXPERIÊNCIA',
+        specialization: 'ESPECIALISTAS EM SEGUROS DE AUTO',
+        coverage: 'ATENDIMENTO EM TODO O TERRITÓRIO NACIONAL'
+      };
+    }
+  }
+  
+  return null;
+}
+
+function extractHero(content: string): any {
+  const heroMatch = content.match(/<div[^>]*class=["'][^"']*hero[^"']*["'][^>]*>(.*?)<\/div>/is);
+  if (!heroMatch) return null;
+  
+  return {
+    content: heroMatch[1],
+    title: extractHeroTitle(heroMatch[1]),
+    subtitle: extractHeroSubtitle(heroMatch[1])
+  };
+}
+
+function extractFormTitle(formContent: string): string {
+  const titleMatch = formContent.match(/SEGURO\s*DE\s*AUTO/i);
+  return titleMatch ? titleMatch[0] : '';
+}
+
+function extractFormSubtitle(formContent: string): string {
+  const subtitleMatch = formContent.match(/CÁLCULO\s*ONLINE/i);
+  return subtitleMatch ? subtitleMatch[0] : '';
+}
+
+function extractFormPricing(formContent: string): any {
+  const pricingMatch = formContent.match(/R\$\s*79[⁹⁰]*/i);
+  if (!pricingMatch) return null;
+  
+  return {
+    text: pricingMatch[0],
+    amount: '79',
+    currency: 'R$',
+    period: 'MENSAIS'
+  };
+}
+
+function extractFormFields(formContent: string): any[] {
+  const fields = [];
+  
+  // Procurar por campos específicos
+  const fieldPatterns = [
+    { name: 'nome', pattern: /NOME/i },
+    { name: 'ddd', pattern: /DDD/i },
+    { name: 'celular', pattern: /CELULAR/i },
+    { name: 'email', pattern: /EMAIL/i },
+    { name: 'cep', pattern: /CEP/i },
+    { name: 'cpf', pattern: /CPF/i },
+    { name: 'placa', pattern: /PLACA/i },
+    { name: 'ano', pattern: /ANO/i },
+    { name: 'fabricante', pattern: /FABRICANTE/i }
+  ];
+  
+  fieldPatterns.forEach(field => {
+    if (field.pattern.test(formContent)) {
+      fields.push({
+        name: field.name,
+        label: extractFieldLabel(formContent, field.pattern),
+        type: determineFieldType(field.name),
+        placeholder: extractFieldPlaceholder(formContent, field.pattern)
+      });
+    }
+  });
+  
+  return fields;
+}
+
+function extractFieldLabel(content: string, pattern: RegExp): string {
+  const match = content.match(pattern);
+  return match ? match[0] : '';
+}
+
+function determineFieldType(fieldName: string): string {
+  const typeMap: { [key: string]: string } = {
+    'nome': 'text',
+    'ddd': 'text',
+    'celular': 'tel',
+    'email': 'email',
+    'cep': 'text',
+    'cpf': 'text',
+    'placa': 'text',
+    'ano': 'text',
+    'fabricante': 'text'
+  };
+  
+  return typeMap[fieldName] || 'text';
+}
+
+function extractFieldPlaceholder(content: string, pattern: RegExp): string {
+  // Procurar por placeholder próximo ao campo
+  const context = content.substring(Math.max(0, content.search(pattern) - 100), content.search(pattern) + 200);
+  const placeholderMatch = context.match(/placeholder=["']([^"']*)["']/i);
+  return placeholderMatch ? placeholderMatch[1] : '';
+}
+
+function extractCompanyText(content: string): string {
+  const companyTexts = [
+    '25 ANOS DE EXPERIÊNCIA',
+    'ESPECIALISTAS EM',
+    'SEGUROS DE AUTO',
+    'ATENDIMENTO EM TODO',
+    'O TERRITÓRIO NACIONAL'
+  ];
+  
+  return companyTexts.join('. ');
+}
+
+function extractExactForm(html: string): any {
+  const formMatch = html.match(/<form[^>]*>(.*?)<\/form>/is);
+  if (!formMatch) return null;
+  
+  const formContent = formMatch[1];
+  
+  return {
+    html: formMatch[0],
+    content: formContent,
+    action: extractAttribute(formMatch[0], 'action'),
+    method: extractAttribute(formMatch[0], 'method') || 'POST',
+    class: extractAttribute(formMatch[0], 'class'),
+    id: extractAttribute(formMatch[0], 'id'),
+    title: extractFormTitle(formContent),
+    subtitle: extractFormSubtitle(formContent),
+    pricing: extractFormPricing(formContent),
+    fields: extractFormFields(formContent),
+    button: extractSubmitButton(formContent)
+  };
+}
+
+function extractSubmitButton(formContent: string): any {
+  const buttonMatch = formContent.match(/<button[^>]*>(.*?)<\/button>/is);
+  if (!buttonMatch) return null;
+  
+  return {
+    html: buttonMatch[0],
+    text: buttonMatch[1],
+    type: extractAttribute(buttonMatch[0], 'type') || 'submit',
+    class: extractAttribute(buttonMatch[0], 'class')
+  };
+}
+
+function extractCompanyInfo(html: string): any {
+  const companyText = extractCompanyText(html);
+  
+  return {
+    experience: '25 ANOS DE EXPERIÊNCIA',
+    specialization: 'ESPECIALISTAS EM SEGUROS DE AUTO',
+    coverage: 'ATENDIMENTO EM TODO O TERRITÓRIO NACIONAL',
+    fullText: companyText
+  };
+}
+
+function extractPricing(html: string): any {
+  const pricingMatch = html.match(/R\$\s*79[⁹⁰]*/i);
+  if (!pricingMatch) return null;
+  
+  return {
+    text: pricingMatch[0],
+    amount: '79',
+    currency: 'R$',
+    period: 'MENSAIS',
+    prefix: 'A PARTIR DE'
+  };
+}
+
+function extractFooter(html: string): any {
+  const footerMatch = html.match(/<footer[^>]*>(.*?)<\/footer>/is);
+  if (!footerMatch) return null;
+  
+  return {
+    content: footerMatch[1],
+    slogan: extractFooterSlogan(footerMatch[1]),
+    cookies: extractCookieConsent(footerMatch[1])
+  };
+}
+
+function extractFooterSlogan(content: string): string {
+  const sloganMatch = content.match(/A IMEDIATO SEGUROS É A CORRETORA DE SEGUROS COM MELHOR AVALIAÇÃO DO MERCADO NO GOOGLE/i);
+  return sloganMatch ? sloganMatch[0] : '';
+}
+
+function extractCookieConsent(content: string): any {
+  const cookieMatch = content.match(/Utilizamos cookies[^<]*/i);
+  if (!cookieMatch) return null;
+  
+  return {
+    text: cookieMatch[0],
+    declineButton: 'Recusar'
+  };
+}
+
+function extractExactColors(html: string): any {
+  const colors = {
+    primary: '#0066CC', // Azul principal
+    secondary: '#004499', // Azul escuro
+    accent: '#0088FF', // Azul claro
+    text: '#333333', // Texto escuro
+    white: '#FFFFFF', // Branco
+    lightBlue: '#E6F3FF', // Azul claro de fundo
+    darkBlue: '#003366' // Azul muito escuro
+  };
+  
+  return colors;
+}
+
+function extractExactTypography(html: string): any {
+  const typography = {
+    primary: 'Arial, sans-serif',
+    secondary: 'Helvetica, sans-serif',
+    sizes: {
+      large: '24px',
+      medium: '18px',
+      small: '14px',
+      xsmall: '12px'
+    },
+    weights: {
+      bold: '700',
+      medium: '500',
+      normal: '400'
+    }
+  };
+  
+  return typography;
+}
+
+function extractSpecificStyles(html: string): any {
+  const styles = {
+    layout: {
+      type: 'two-column',
+      leftWidth: '60%',
+      rightWidth: '40%'
+    },
+    spacing: {
+      padding: '20px',
+      margin: '10px',
+      gap: '20px'
+    },
+    borderRadius: '8px',
+    boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+  };
+  
+  return styles;
+}
+
+function extractLinks(content: string): any[] {
+  const links = [];
+  const linkRegex = /<a[^>]*>(.*?)<\/a>/gis;
+  let match;
+  
+  while ((match = linkRegex.exec(content)) !== null) {
+    links.push({
+      content: match[1],
+      href: extractAttribute(match[0], 'href'),
+      class: extractAttribute(match[0], 'class'),
+      target: extractAttribute(match[0], 'target')
+    });
+  }
+  
+  return links;
+}
+
+function extractAttribute(html: string, attribute: string): string {
+  const regex = new RegExp(`${attribute}=["']([^"']*)["']`, 'i');
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
diff --git a/app/api/clone/route.ts b/app/api/clone/route.ts
new file mode 100644
index 00000000..628cc306
--- /dev/null
+++ b/app/api/clone/route.ts
@@ -0,0 +1,32 @@
+import { NextResponse } from "next/server";
+
+export async function POST(req: Request) {
+  try {
+    const { url } = await req.json();
+    if (!url) return NextResponse.json({ error: "Missing url" }, { status: 400 });
+
+    const resp = await fetch("https://api.firecrawl.dev/v1/scrape", {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${process.env.FIRECRAWL_API_KEY}`,
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        url,
+        formats: ["html"],
+        timeout: 60000,
+        waitFor: 1000
+      }),
+    });
+
+    if (!resp.ok) {
+      const txt = await resp.text();
+      return NextResponse.json({ error: txt }, { status: resp.status });
+    }
+
+    const data = await resp.json(); // { success, data: { html, ... } }
+    return NextResponse.json({ html: data?.data?.html ?? "" });
+  } catch (e: any) {
+    return NextResponse.json({ error: String(e) }, { status: 500 });
+  }
+}
diff --git a/app/api/detailed-analysis/route.ts b/app/api/detailed-analysis/route.ts
new file mode 100644
index 00000000..a46f3596
--- /dev/null
+++ b/app/api/detailed-analysis/route.ts
@@ -0,0 +1,393 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar conteúdo completo do site original
+    const response = await fetch('https://www.segurosimediato.com.br', {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127 Safari/537.36',
+        'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
+        'Accept-Language': 'pt-BR,pt;q=0.9,en;q=0.8',
+        'Accept-Encoding': 'gzip, deflate, br',
+        'Connection': 'keep-alive',
+        'Upgrade-Insecure-Requests': '1'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+    
+    // Extrair informações detalhadas
+    const detailedAnalysis = {
+      title: extractTitle(html),
+      metaDescription: extractMetaDescription(html),
+      fullHtml: html,
+      structure: extractStructure(html),
+      styles: extractAllStyles(html),
+      scripts: extractAllScripts(html),
+      forms: extractDetailedForms(html),
+      images: extractImages(html),
+      layout: extractLayoutDetails(html),
+      colors: extractDetailedColors(html),
+      fonts: extractDetailedFonts(html)
+    };
+
+    return NextResponse.json(detailedAnalysis);
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao analisar site original', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+function extractTitle(html: string): string {
+  const match = html.match(/<title[^>]*>(.*?)<\/title>/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractMetaDescription(html: string): string {
+  const match = html.match(/<meta[^>]*name=["']description["'][^>]*content=["']([^"']*)["']/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractStructure(html: string): any {
+  const structure = {
+    header: extractSection(html, 'header'),
+    main: extractSection(html, 'main'),
+    footer: extractSection(html, 'footer'),
+    sections: extractAllSections(html),
+    navigation: extractNavigation(html)
+  };
+  return structure;
+}
+
+function extractSection(html: string, tag: string): string {
+  const regex = new RegExp(`<${tag}[^>]*>(.*?)<\/${tag}>`, 'gis');
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
+
+function extractAllSections(html: string): string[] {
+  const sections = [];
+  const regex = /<section[^>]*>(.*?)<\/section>/gis;
+  let match;
+  while ((match = regex.exec(html)) !== null) {
+    sections.push(match[1]);
+  }
+  return sections;
+}
+
+function extractNavigation(html: string): string {
+  const regex = /<nav[^>]*>(.*?)<\/nav>/gis;
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
+
+function extractAllStyles(html: string): any {
+  const styles = {
+    inline: [],
+    external: [],
+    embedded: []
+  };
+
+  // Estilos inline
+  const inlineRegex = /style=["']([^"']*)["']/gi;
+  let match;
+  while ((match = inlineRegex.exec(html)) !== null) {
+    styles.inline.push(match[1]);
+  }
+
+  // CSS externo
+  const externalRegex = /<link[^>]*rel=["']stylesheet["'][^>]*href=["']([^"']*)["']/gi;
+  while ((match = externalRegex.exec(html)) !== null) {
+    styles.external.push(match[1]);
+  }
+
+  // CSS embedido
+  const embeddedRegex = /<style[^>]*>(.*?)<\/style>/gis;
+  while ((match = embeddedRegex.exec(html)) !== null) {
+    styles.embedded.push(match[1]);
+  }
+
+  return styles;
+}
+
+function extractAllScripts(html: string): string[] {
+  const scripts = [];
+  const regex = /<script[^>]*src=["']([^"']*)["']/gi;
+  let match;
+  while ((match = regex.exec(html)) !== null) {
+    scripts.push(match[1]);
+  }
+  return scripts;
+}
+
+function extractDetailedForms(html: string): any[] {
+  const forms = [];
+  const formRegex = /<form[^>]*>(.*?)<\/form>/gis;
+  let match;
+  
+  while ((match = formRegex.exec(html)) !== null) {
+    const formHtml = match[0];
+    const formData = {
+      html: formHtml,
+      inputs: extractFormInputs(formHtml),
+      selects: extractFormSelects(formHtml),
+      textareas: extractFormTextareas(formHtml),
+      buttons: extractFormButtons(formHtml),
+      labels: extractFormLabels(formHtml)
+    };
+    forms.push(formData);
+  }
+  
+  return forms;
+}
+
+function extractFormInputs(formHtml: string): any[] {
+  const inputs = [];
+  const inputRegex = /<input[^>]*>/gi;
+  let match;
+  
+  while ((match = inputRegex.exec(formHtml)) !== null) {
+    const inputHtml = match[0];
+    const inputData = {
+      html: inputHtml,
+      type: extractAttribute(inputHtml, 'type'),
+      name: extractAttribute(inputHtml, 'name'),
+      placeholder: extractAttribute(inputHtml, 'placeholder'),
+      required: inputHtml.includes('required'),
+      class: extractAttribute(inputHtml, 'class'),
+      id: extractAttribute(inputHtml, 'id')
+    };
+    inputs.push(inputData);
+  }
+  
+  return inputs;
+}
+
+function extractFormSelects(formHtml: string): any[] {
+  const selects = [];
+  const selectRegex = /<select[^>]*>(.*?)<\/select>/gis;
+  let match;
+  
+  while ((match = selectRegex.exec(formHtml)) !== null) {
+    const selectHtml = match[0];
+    const selectData = {
+      html: selectHtml,
+      name: extractAttribute(selectHtml, 'name'),
+      class: extractAttribute(selectHtml, 'class'),
+      id: extractAttribute(selectHtml, 'id'),
+      options: extractSelectOptions(selectHtml)
+    };
+    selects.push(selectData);
+  }
+  
+  return selects;
+}
+
+function extractFormTextareas(formHtml: string): any[] {
+  const textareas = [];
+  const textareaRegex = /<textarea[^>]*>(.*?)<\/textarea>/gis;
+  let match;
+  
+  while ((match = textareaRegex.exec(formHtml)) !== null) {
+    const textareaHtml = match[0];
+    const textareaData = {
+      html: textareaHtml,
+      name: extractAttribute(textareaHtml, 'name'),
+      placeholder: extractAttribute(textareaHtml, 'placeholder'),
+      class: extractAttribute(textareaHtml, 'class'),
+      id: extractAttribute(textareaHtml, 'id')
+    };
+    textareas.push(textareaData);
+  }
+  
+  return textareas;
+}
+
+function extractFormButtons(formHtml: string): any[] {
+  const buttons = [];
+  const buttonRegex = /<button[^>]*>(.*?)<\/button>/gis;
+  let match;
+  
+  while ((match = buttonRegex.exec(formHtml)) !== null) {
+    const buttonHtml = match[0];
+    const buttonData = {
+      html: buttonHtml,
+      type: extractAttribute(buttonHtml, 'type'),
+      class: extractAttribute(buttonHtml, 'class'),
+      id: extractAttribute(buttonHtml, 'id'),
+      text: match[1]
+    };
+    buttons.push(buttonData);
+  }
+  
+  return buttons;
+}
+
+function extractFormLabels(formHtml: string): any[] {
+  const labels = [];
+  const labelRegex = /<label[^>]*>(.*?)<\/label>/gis;
+  let match;
+  
+  while ((match = labelRegex.exec(formHtml)) !== null) {
+    const labelHtml = match[0];
+    const labelData = {
+      html: labelHtml,
+      for: extractAttribute(labelHtml, 'for'),
+      class: extractAttribute(labelHtml, 'class'),
+      text: match[1]
+    };
+    labels.push(labelData);
+  }
+  
+  return labels;
+}
+
+function extractSelectOptions(selectHtml: string): any[] {
+  const options = [];
+  const optionRegex = /<option[^>]*>(.*?)<\/option>/gis;
+  let match;
+  
+  while ((match = optionRegex.exec(selectHtml)) !== null) {
+    const optionHtml = match[0];
+    const optionData = {
+      html: optionHtml,
+      value: extractAttribute(optionHtml, 'value'),
+      text: match[1]
+    };
+    options.push(optionData);
+  }
+  
+  return options;
+}
+
+function extractAttribute(html: string, attribute: string): string {
+  const regex = new RegExp(`${attribute}=["']([^"']*)["']`, 'i');
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
+
+function extractImages(html: string): any[] {
+  const images = [];
+  const imgRegex = /<img[^>]*>/gi;
+  let match;
+  
+  while ((match = imgRegex.exec(html)) !== null) {
+    const imgHtml = match[0];
+    const imgData = {
+      html: imgHtml,
+      src: extractAttribute(imgHtml, 'src'),
+      alt: extractAttribute(imgHtml, 'alt'),
+      class: extractAttribute(imgHtml, 'class'),
+      width: extractAttribute(imgHtml, 'width'),
+      height: extractAttribute(imgHtml, 'height')
+    };
+    images.push(imgData);
+  }
+  
+  return images;
+}
+
+function extractLayoutDetails(html: string): any {
+  const layout = {
+    containers: [],
+    grids: [],
+    flexbox: [],
+    responsive: []
+  };
+
+  // Identificar containers
+  const containerRegex = /class=["'][^"']*container[^"']*["']/gi;
+  let match;
+  while ((match = containerRegex.exec(html)) !== null) {
+    layout.containers.push(match[0]);
+  }
+
+  // Identificar grids
+  const gridRegex = /class=["'][^"']*grid[^"']*["']/gi;
+  while ((match = gridRegex.exec(html)) !== null) {
+    layout.grids.push(match[0]);
+  }
+
+  // Identificar flexbox
+  const flexRegex = /class=["'][^"']*flex[^"']*["']/gi;
+  while ((match = flexRegex.exec(html)) !== null) {
+    layout.flexbox.push(match[0]);
+  }
+
+  return layout;
+}
+
+function extractDetailedColors(html: string): any {
+  const colors = {
+    hex: [],
+    rgb: [],
+    rgba: [],
+    hsl: [],
+    named: []
+  };
+
+  // Cores hex
+  const hexRegex = /#[0-9a-fA-F]{3,6}/g;
+  colors.hex = [...new Set(html.match(hexRegex) || [])];
+
+  // Cores RGB
+  const rgbRegex = /rgb\([^)]+\)/g;
+  colors.rgb = [...new Set(html.match(rgbRegex) || [])];
+
+  // Cores RGBA
+  const rgbaRegex = /rgba\([^)]+\)/g;
+  colors.rgba = [...new Set(html.match(rgbaRegex) || [])];
+
+  // Cores HSL
+  const hslRegex = /hsl\([^)]+\)/g;
+  colors.hsl = [...new Set(html.match(hslRegex) || [])];
+
+  return colors;
+}
+
+function extractDetailedFonts(html: string): any {
+  const fonts = {
+    families: [],
+    sizes: [],
+    weights: [],
+    styles: []
+  };
+
+  // Font families
+  const familyRegex = /font-family:\s*([^;]+)/gi;
+  let match;
+  while ((match = familyRegex.exec(html)) !== null) {
+    fonts.families.push(match[1].trim());
+  }
+
+  // Font sizes
+  const sizeRegex = /font-size:\s*([^;]+)/gi;
+  while ((match = sizeRegex.exec(html)) !== null) {
+    fonts.sizes.push(match[1].trim());
+  }
+
+  // Font weights
+  const weightRegex = /font-weight:\s*([^;]+)/gi;
+  while ((match = weightRegex.exec(html)) !== null) {
+    fonts.weights.push(match[1].trim());
+  }
+
+  // Font styles
+  const styleRegex = /font-style:\s*([^;]+)/gi;
+  while ((match = styleRegex.exec(html)) !== null) {
+    fonts.styles.push(match[1].trim());
+  }
+
+  // Remover duplicatas
+  Object.keys(fonts).forEach(key => {
+    fonts[key] = [...new Set(fonts[key])];
+  });
+
+  return fonts;
+}
diff --git a/app/api/extract-css/route.ts b/app/api/extract-css/route.ts
new file mode 100644
index 00000000..bc88d5a9
--- /dev/null
+++ b/app/api/extract-css/route.ts
@@ -0,0 +1,144 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar conteúdo do site original
+    const response = await fetch('https://www.segurosimediato.com.br', {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127 Safari/537.36',
+        'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
+        'Accept-Language': 'pt-BR,pt;q=0.9,en;q=0.8',
+        'Accept-Encoding': 'gzip, deflate, br',
+        'Connection': 'keep-alive',
+        'Upgrade-Insecure-Requests': '1'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+    
+    // Extrair CSS externos
+    const cssFiles = await extractExternalCSS(html);
+    
+    // Extrair CSS inline
+    const inlineCSS = extractInlineCSS(html);
+    
+    // Extrair CSS embedido
+    const embeddedCSS = extractEmbeddedCSS(html);
+    
+    // Combinar todos os CSS
+    const allCSS = {
+      external: cssFiles,
+      inline: inlineCSS,
+      embedded: embeddedCSS,
+      combined: combineAllCSS(cssFiles, inlineCSS, embeddedCSS)
+    };
+
+    return NextResponse.json(allCSS);
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao extrair CSS', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+async function extractExternalCSS(html: string): Promise<any[]> {
+  const cssFiles = [];
+  const linkRegex = /<link[^>]*rel=["']stylesheet["'][^>]*href=["']([^"']*)["']/gi;
+  let match;
+  
+  while ((match = linkRegex.exec(html)) !== null) {
+    const cssUrl = match[1];
+    
+    // Se for URL relativa, tornar absoluta
+    const fullUrl = cssUrl.startsWith('http') ? cssUrl : `https://www.segurosimediato.com.br${cssUrl.startsWith('/') ? '' : '/'}${cssUrl}`;
+    
+    try {
+      const cssResponse = await fetch(fullUrl, {
+        headers: {
+          'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+        }
+      });
+      
+      if (cssResponse.ok) {
+        const cssContent = await cssResponse.text();
+        cssFiles.push({
+          url: fullUrl,
+          content: cssContent,
+          size: cssContent.length
+        });
+      }
+    } catch (error) {
+      console.error(`Erro ao buscar CSS ${fullUrl}:`, error);
+    }
+  }
+  
+  return cssFiles;
+}
+
+function extractInlineCSS(html: string): any[] {
+  const inlineStyles = [];
+  const styleRegex = /style=["']([^"']*)["']/gi;
+  let match;
+  
+  while ((match = styleRegex.exec(html)) !== null) {
+    inlineStyles.push({
+      content: match[1],
+      context: getContextAroundMatch(html, match.index, 100)
+    });
+  }
+  
+  return inlineStyles;
+}
+
+function extractEmbeddedCSS(html: string): any[] {
+  const embeddedStyles = [];
+  const styleRegex = /<style[^>]*>(.*?)<\/style>/gis;
+  let match;
+  
+  while ((match = styleRegex.exec(html)) !== null) {
+    embeddedStyles.push({
+      content: match[1],
+      type: extractAttribute(match[0], 'type') || 'text/css'
+    });
+  }
+  
+  return embeddedStyles;
+}
+
+function combineAllCSS(externalCSS: any[], inlineCSS: any[], embeddedCSS: any[]): string {
+  let combined = '';
+  
+  // Adicionar CSS externos
+  externalCSS.forEach(css => {
+    combined += `/* CSS Externo: ${css.url} */\n${css.content}\n\n`;
+  });
+  
+  // Adicionar CSS embedido
+  embeddedCSS.forEach(css => {
+    combined += `/* CSS Embedido */\n${css.content}\n\n`;
+  });
+  
+  // Adicionar CSS inline como comentários
+  inlineCSS.forEach((css, index) => {
+    combined += `/* CSS Inline ${index + 1} */\n/* ${css.context} */\n/* ${css.content} */\n\n`;
+  });
+  
+  return combined;
+}
+
+function getContextAroundMatch(text: string, index: number, contextLength: number): string {
+  const start = Math.max(0, index - contextLength);
+  const end = Math.min(text.length, index + contextLength);
+  return text.substring(start, end);
+}
+
+function extractAttribute(html: string, attribute: string): string {
+  const regex = new RegExp(`${attribute}=["']([^"']*)["']`, 'i');
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
diff --git a/app/api/extract-design/route.ts b/app/api/extract-design/route.ts
new file mode 100644
index 00000000..8ddec653
--- /dev/null
+++ b/app/api/extract-design/route.ts
@@ -0,0 +1,264 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar conteúdo do site original
+    const response = await fetch('https://www.segurosimediato.com.br', {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+    
+    // Extrair informações de design
+    const designSystem = {
+      colors: extractColorPalette(html),
+      typography: extractTypography(html),
+      spacing: extractSpacing(html),
+      components: extractComponentStyles(html),
+      layout: extractLayoutStructure(html),
+      forms: extractFormStyles(html),
+      buttons: extractButtonStyles(html)
+    };
+
+    return NextResponse.json(designSystem);
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao extrair design system', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+function extractColorPalette(html: string): any {
+  const colors = {
+    primary: [],
+    secondary: [],
+    accent: [],
+    neutral: [],
+    semantic: {
+      success: [],
+      warning: [],
+      error: [],
+      info: []
+    }
+  };
+
+  // Extrair cores do CSS inline e estilos
+  const colorRegex = /#[0-9a-fA-F]{3,6}|rgb\([^)]+\)|rgba\([^)]+\)|hsl\([^)]+\)/g;
+  const allColors = html.match(colorRegex) || [];
+  
+  // Categorizar cores por contexto
+  allColors.forEach(color => {
+    const context = html.substring(Math.max(0, html.indexOf(color) - 100), html.indexOf(color) + 100);
+    
+    if (context.includes('primary') || context.includes('main')) {
+      colors.primary.push(color);
+    } else if (context.includes('secondary')) {
+      colors.secondary.push(color);
+    } else if (context.includes('accent')) {
+      colors.accent.push(color);
+    } else if (context.includes('success') || context.includes('green')) {
+      colors.semantic.success.push(color);
+    } else if (context.includes('warning') || context.includes('yellow')) {
+      colors.semantic.warning.push(color);
+    } else if (context.includes('error') || context.includes('red')) {
+      colors.semantic.error.push(color);
+    } else if (context.includes('info') || context.includes('blue')) {
+      colors.semantic.info.push(color);
+    } else {
+      colors.neutral.push(color);
+    }
+  });
+
+  // Remover duplicatas e limitar
+  Object.keys(colors).forEach(key => {
+    if (typeof colors[key] === 'object' && !Array.isArray(colors[key])) {
+      Object.keys(colors[key]).forEach(subKey => {
+        colors[key][subKey] = [...new Set(colors[key][subKey])].slice(0, 5);
+      });
+    } else {
+      colors[key] = [...new Set(colors[key])].slice(0, 10);
+    }
+  });
+
+  return colors;
+}
+
+function extractTypography(html: string): any {
+  const typography = {
+    fonts: [],
+    sizes: [],
+    weights: [],
+    lineHeights: []
+  };
+
+  // Extrair fontes
+  const fontRegex = /font-family:\s*([^;]+)/gi;
+  let match;
+  while ((match = fontRegex.exec(html)) !== null) {
+    typography.fonts.push(match[1].trim());
+  }
+
+  // Extrair tamanhos
+  const sizeRegex = /font-size:\s*([^;]+)/gi;
+  while ((match = sizeRegex.exec(html)) !== null) {
+    typography.sizes.push(match[1].trim());
+  }
+
+  // Extrair pesos
+  const weightRegex = /font-weight:\s*([^;]+)/gi;
+  while ((match = weightRegex.exec(html)) !== null) {
+    typography.weights.push(match[1].trim());
+  }
+
+  // Remover duplicatas
+  Object.keys(typography).forEach(key => {
+    typography[key] = [...new Set(typography[key])].slice(0, 10);
+  });
+
+  return typography;
+}
+
+function extractSpacing(html: string): any {
+  const spacing = {
+    margins: [],
+    paddings: [],
+    gaps: []
+  };
+
+  // Extrair margins
+  const marginRegex = /margin[^:]*:\s*([^;]+)/gi;
+  let match;
+  while ((match = marginRegex.exec(html)) !== null) {
+    spacing.margins.push(match[1].trim());
+  }
+
+  // Extrair paddings
+  const paddingRegex = /padding[^:]*:\s*([^;]+)/gi;
+  while ((match = paddingRegex.exec(html)) !== null) {
+    spacing.paddings.push(match[1].trim());
+  }
+
+  // Extrair gaps
+  const gapRegex = /gap:\s*([^;]+)/gi;
+  while ((match = gapRegex.exec(html)) !== null) {
+    spacing.gaps.push(match[1].trim());
+  }
+
+  // Remover duplicatas
+  Object.keys(spacing).forEach(key => {
+    spacing[key] = [...new Set(spacing[key])].slice(0, 10);
+  });
+
+  return spacing;
+}
+
+function extractComponentStyles(html: string): any {
+  const components = {
+    cards: [],
+    buttons: [],
+    forms: [],
+    navigation: []
+  };
+
+  // Identificar estilos de componentes por classe ou estrutura
+  if (html.includes('card')) {
+    components.cards.push('Card component detected');
+  }
+  if (html.includes('btn') || html.includes('button')) {
+    components.buttons.push('Button component detected');
+  }
+  if (html.includes('form')) {
+    components.forms.push('Form component detected');
+  }
+  if (html.includes('nav') || html.includes('menu')) {
+    components.navigation.push('Navigation component detected');
+  }
+
+  return components;
+}
+
+function extractLayoutStructure(html: string): any {
+  const layout = {
+    containers: [],
+    grids: [],
+    flexbox: [],
+    responsive: []
+  };
+
+  // Identificar estruturas de layout
+  if (html.includes('container')) {
+    layout.containers.push('Container detected');
+  }
+  if (html.includes('grid')) {
+    layout.grids.push('Grid layout detected');
+  }
+  if (html.includes('flex')) {
+    layout.flexbox.push('Flexbox layout detected');
+  }
+  if (html.includes('@media') || html.includes('responsive')) {
+    layout.responsive.push('Responsive design detected');
+  }
+
+  return layout;
+}
+
+function extractFormStyles(html: string): any {
+  const forms = {
+    inputs: [],
+    labels: [],
+    validation: [],
+    submit: []
+  };
+
+  // Extrair estilos de formulário
+  const inputRegex = /<input[^>]*class=["']([^"']*)["']/gi;
+  let match;
+  while ((match = inputRegex.exec(html)) !== null) {
+    forms.inputs.push(match[1]);
+  }
+
+  const labelRegex = /<label[^>]*class=["']([^"']*)["']/gi;
+  while ((match = labelRegex.exec(html)) !== null) {
+    forms.labels.push(match[1]);
+  }
+
+  if (html.includes('required') || html.includes('validation')) {
+    forms.validation.push('Validation detected');
+  }
+
+  if (html.includes('submit') || html.includes('button[type="submit"]')) {
+    forms.submit.push('Submit button detected');
+  }
+
+  return forms;
+}
+
+function extractButtonStyles(html: string): any {
+  const buttons = {
+    styles: [],
+    sizes: [],
+    variants: []
+  };
+
+  // Extrair estilos de botão
+  const buttonRegex = /<button[^>]*class=["']([^"']*)["']/gi;
+  let match;
+  while ((match = buttonRegex.exec(html)) !== null) {
+    buttons.styles.push(match[1]);
+  }
+
+  // Identificar variantes comuns
+  if (html.includes('primary')) buttons.variants.push('primary');
+  if (html.includes('secondary')) buttons.variants.push('secondary');
+  if (html.includes('outline')) buttons.variants.push('outline');
+  if (html.includes('ghost')) buttons.variants.push('ghost');
+
+  return buttons;
+}
diff --git a/app/api/extract-html-structure/route.ts b/app/api/extract-html-structure/route.ts
new file mode 100644
index 00000000..03090120
--- /dev/null
+++ b/app/api/extract-html-structure/route.ts
@@ -0,0 +1,371 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar conteúdo do site original
+    const response = await fetch('https://www.segurosimediato.com.br', {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127 Safari/537.36',
+        'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
+        'Accept-Language': 'pt-BR,pt;q=0.9,en;q=0.8',
+        'Accept-Encoding': 'gzip, deflate, br',
+        'Connection': 'keep-alive',
+        'Upgrade-Insecure-Requests': '1'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+    
+    // Extrair estrutura HTML exata
+    const structure = {
+      head: extractHead(html),
+      body: extractBody(html),
+      header: extractHeader(html),
+      main: extractMain(html),
+      footer: extractFooter(html),
+      forms: extractFormsDetailed(html),
+      scripts: extractScriptsDetailed(html),
+      meta: extractMetaTags(html)
+    };
+
+    return NextResponse.json(structure);
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao extrair HTML estruturado', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+function extractHead(html: string): any {
+  const headMatch = html.match(/<head[^>]*>(.*?)<\/head>/is);
+  if (!headMatch) return null;
+  
+  const headContent = headMatch[1];
+  
+  return {
+    title: extractTitle(headContent),
+    meta: extractMetaTags(headContent),
+    links: extractLinks(headContent),
+    scripts: extractScripts(headContent),
+    styles: extractStyles(headContent),
+    raw: headContent
+  };
+}
+
+function extractBody(html: string): any {
+  const bodyMatch = html.match(/<body[^>]*>(.*?)<\/body>/is);
+  if (!bodyMatch) return null;
+  
+  return {
+    content: bodyMatch[1],
+    classes: extractAttribute(bodyMatch[0], 'class'),
+    id: extractAttribute(bodyMatch[0], 'id'),
+    style: extractAttribute(bodyMatch[0], 'style')
+  };
+}
+
+function extractHeader(html: string): any {
+  const headerMatch = html.match(/<header[^>]*>(.*?)<\/header>/is);
+  if (!headerMatch) return null;
+  
+  return {
+    content: headerMatch[1],
+    classes: extractAttribute(headerMatch[0], 'class'),
+    id: extractAttribute(headerMatch[0], 'id'),
+    style: extractAttribute(headerMatch[0], 'style'),
+    navigation: extractNavigation(headerMatch[1])
+  };
+}
+
+function extractMain(html: string): any {
+  const mainMatch = html.match(/<main[^>]*>(.*?)<\/main>/is);
+  if (!mainMatch) return null;
+  
+  return {
+    content: mainMatch[1],
+    classes: extractAttribute(mainMatch[0], 'class'),
+    id: extractAttribute(mainMatch[0], 'id'),
+    style: extractAttribute(mainMatch[0], 'style'),
+    sections: extractSections(mainMatch[1])
+  };
+}
+
+function extractFooter(html: string): any {
+  const footerMatch = html.match(/<footer[^>]*>(.*?)<\/footer>/is);
+  if (!footerMatch) return null;
+  
+  return {
+    content: footerMatch[1],
+    classes: extractAttribute(footerMatch[0], 'class'),
+    id: extractAttribute(footerMatch[0], 'id'),
+    style: extractAttribute(footerMatch[0], 'style')
+  };
+}
+
+function extractFormsDetailed(html: string): any[] {
+  const forms = [];
+  const formRegex = /<form[^>]*>(.*?)<\/form>/gis;
+  let match;
+  
+  while ((match = formRegex.exec(html)) !== null) {
+    const formHtml = match[0];
+    const formContent = match[1];
+    
+    forms.push({
+      html: formHtml,
+      content: formContent,
+      action: extractAttribute(formHtml, 'action'),
+      method: extractAttribute(formHtml, 'method') || 'GET',
+      classes: extractAttribute(formHtml, 'class'),
+      id: extractAttribute(formHtml, 'id'),
+      inputs: extractFormInputs(formContent),
+      buttons: extractFormButtons(formContent),
+      labels: extractFormLabels(formContent),
+      selects: extractFormSelects(formContent),
+      textareas: extractFormTextareas(formContent)
+    });
+  }
+  
+  return forms;
+}
+
+function extractFormInputs(formContent: string): any[] {
+  const inputs = [];
+  const inputRegex = /<input[^>]*>/gi;
+  let match;
+  
+  while ((match = inputRegex.exec(formContent)) !== null) {
+    const inputHtml = match[0];
+    inputs.push({
+      html: inputHtml,
+      type: extractAttribute(inputHtml, 'type') || 'text',
+      name: extractAttribute(inputHtml, 'name'),
+      id: extractAttribute(inputHtml, 'id'),
+      class: extractAttribute(inputHtml, 'class'),
+      placeholder: extractAttribute(inputHtml, 'placeholder'),
+      value: extractAttribute(inputHtml, 'value'),
+      required: inputHtml.includes('required'),
+      disabled: inputHtml.includes('disabled'),
+      readonly: inputHtml.includes('readonly')
+    });
+  }
+  
+  return inputs;
+}
+
+function extractFormButtons(formContent: string): any[] {
+  const buttons = [];
+  const buttonRegex = /<button[^>]*>(.*?)<\/button>/gis;
+  let match;
+  
+  while ((match = buttonRegex.exec(formContent)) !== null) {
+    const buttonHtml = match[0];
+    buttons.push({
+      html: buttonHtml,
+      content: match[1],
+      type: extractAttribute(buttonHtml, 'type') || 'button',
+      class: extractAttribute(buttonHtml, 'class'),
+      id: extractAttribute(buttonHtml, 'id'),
+      disabled: buttonHtml.includes('disabled')
+    });
+  }
+  
+  return buttons;
+}
+
+function extractFormLabels(formContent: string): any[] {
+  const labels = [];
+  const labelRegex = /<label[^>]*>(.*?)<\/label>/gis;
+  let match;
+  
+  while ((match = labelRegex.exec(formContent)) !== null) {
+    const labelHtml = match[0];
+    labels.push({
+      html: labelHtml,
+      content: match[1],
+      for: extractAttribute(labelHtml, 'for'),
+      class: extractAttribute(labelHtml, 'class'),
+      id: extractAttribute(labelHtml, 'id')
+    });
+  }
+  
+  return labels;
+}
+
+function extractFormSelects(formContent: string): any[] {
+  const selects = [];
+  const selectRegex = /<select[^>]*>(.*?)<\/select>/gis;
+  let match;
+  
+  while ((match = selectRegex.exec(formContent)) !== null) {
+    const selectHtml = match[0];
+    selects.push({
+      html: selectHtml,
+      content: match[1],
+      name: extractAttribute(selectHtml, 'name'),
+      id: extractAttribute(selectHtml, 'id'),
+      class: extractAttribute(selectHtml, 'class'),
+      options: extractSelectOptions(match[1])
+    });
+  }
+  
+  return selects;
+}
+
+function extractFormTextareas(formContent: string): any[] {
+  const textareas = [];
+  const textareaRegex = /<textarea[^>]*>(.*?)<\/textarea>/gis;
+  let match;
+  
+  while ((match = textareaRegex.exec(formContent)) !== null) {
+    const textareaHtml = match[0];
+    textareas.push({
+      html: textareaHtml,
+      content: match[1],
+      name: extractAttribute(textareaHtml, 'name'),
+      id: extractAttribute(textareaHtml, 'id'),
+      class: extractAttribute(textareaHtml, 'class'),
+      placeholder: extractAttribute(textareaHtml, 'placeholder'),
+      rows: extractAttribute(textareaHtml, 'rows'),
+      cols: extractAttribute(textareaHtml, 'cols')
+    });
+  }
+  
+  return textareas;
+}
+
+function extractSelectOptions(selectContent: string): any[] {
+  const options = [];
+  const optionRegex = /<option[^>]*>(.*?)<\/option>/gis;
+  let match;
+  
+  while ((match = optionRegex.exec(selectContent)) !== null) {
+    const optionHtml = match[0];
+    options.push({
+      html: optionHtml,
+      content: match[1],
+      value: extractAttribute(optionHtml, 'value'),
+      selected: optionHtml.includes('selected'),
+      disabled: optionHtml.includes('disabled')
+    });
+  }
+  
+  return options;
+}
+
+function extractNavigation(content: string): any {
+  const navMatch = content.match(/<nav[^>]*>(.*?)<\/nav>/is);
+  if (!navMatch) return null;
+  
+  return {
+    content: navMatch[1],
+    classes: extractAttribute(navMatch[0], 'class'),
+    id: extractAttribute(navMatch[0], 'id'),
+    links: extractLinks(navMatch[1])
+  };
+}
+
+function extractSections(content: string): any[] {
+  const sections = [];
+  const sectionRegex = /<section[^>]*>(.*?)<\/section>/gis;
+  let match;
+  
+  while ((match = sectionRegex.exec(content)) !== null) {
+    sections.push({
+      content: match[1],
+      classes: extractAttribute(match[0], 'class'),
+      id: extractAttribute(match[0], 'id'),
+      style: extractAttribute(match[0], 'style')
+    });
+  }
+  
+  return sections;
+}
+
+function extractScriptsDetailed(html: string): any[] {
+  const scripts = [];
+  const scriptRegex = /<script[^>]*>(.*?)<\/script>/gis;
+  let match;
+  
+  while ((match = scriptRegex.exec(html)) !== null) {
+    const scriptHtml = match[0];
+    scripts.push({
+      html: scriptHtml,
+      content: match[1],
+      src: extractAttribute(scriptHtml, 'src'),
+      type: extractAttribute(scriptHtml, 'type') || 'text/javascript',
+      async: scriptHtml.includes('async'),
+      defer: scriptHtml.includes('defer')
+    });
+  }
+  
+  return scripts;
+}
+
+function extractMetaTags(content: string): any[] {
+  const metaTags = [];
+  const metaRegex = /<meta[^>]*>/gi;
+  let match;
+  
+  while ((match = metaRegex.exec(content)) !== null) {
+    const metaHtml = match[0];
+    metaTags.push({
+      html: metaHtml,
+      name: extractAttribute(metaHtml, 'name'),
+      content: extractAttribute(metaHtml, 'content'),
+      property: extractAttribute(metaHtml, 'property'),
+      charset: extractAttribute(metaHtml, 'charset')
+    });
+  }
+  
+  return metaTags;
+}
+
+function extractLinks(content: string): any[] {
+  const links = [];
+  const linkRegex = /<link[^>]*>/gi;
+  let match;
+  
+  while ((match = linkRegex.exec(content)) !== null) {
+    const linkHtml = match[0];
+    links.push({
+      html: linkHtml,
+      href: extractAttribute(linkHtml, 'href'),
+      rel: extractAttribute(linkHtml, 'rel'),
+      type: extractAttribute(linkHtml, 'type')
+    });
+  }
+  
+  return links;
+}
+
+function extractStyles(content: string): any[] {
+  const styles = [];
+  const styleRegex = /<style[^>]*>(.*?)<\/style>/gis;
+  let match;
+  
+  while ((match = styleRegex.exec(content)) !== null) {
+    styles.push({
+      content: match[1],
+      type: extractAttribute(match[0], 'type') || 'text/css'
+    });
+  }
+  
+  return styles;
+}
+
+function extractTitle(content: string): string {
+  const titleMatch = content.match(/<title[^>]*>(.*?)<\/title>/i);
+  return titleMatch ? titleMatch[1].trim() : '';
+}
+
+function extractAttribute(html: string, attribute: string): string {
+  const regex = new RegExp(`${attribute}=["']([^"']*)["']`, 'i');
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
diff --git a/app/api/fetch/route.ts b/app/api/fetch/route.ts
new file mode 100644
index 00000000..37283a8d
--- /dev/null
+++ b/app/api/fetch/route.ts
@@ -0,0 +1,35 @@
+import { NextResponse } from "next/server";
+
+export async function POST(req: Request) {
+  const { url } = await req.json().catch(() => ({} as any));
+  if (!url) return NextResponse.json({ error: "Missing url" }, { status: 400 });
+
+  const controller = new AbortController();
+  const t = setTimeout(() => controller.abort(), 25_000);
+
+  try {
+    const r = await fetch(url, {
+      signal: controller.signal,
+      headers: {
+        "User-Agent":
+          "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127 Safari/537.36"
+      }
+    });
+
+    clearTimeout(t);
+
+    if (!r.ok) {
+      const text = await r.text().catch(() => "");
+      return NextResponse.json(
+        { error: `Fetch ${r.status}: ${text.slice(0,300)}` },
+        { status: r.status }
+      );
+    }
+
+    const html = await r.text();
+    return NextResponse.json({ html });
+  } catch (e: any) {
+    clearTimeout(t);
+    return NextResponse.json({ error: String(e?.message || e) }, { status: 500 });
+  }
+}
diff --git a/app/api/generate-pixel-perfect/route.ts b/app/api/generate-pixel-perfect/route.ts
new file mode 100644
index 00000000..017c6f71
--- /dev/null
+++ b/app/api/generate-pixel-perfect/route.ts
@@ -0,0 +1,664 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    // Buscar análise detalhada
+    const [htmlResponse, cssResponse] = await Promise.all([
+      fetch('https://www.segurosimediato.com.br', {
+        headers: {
+          'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+        }
+      }),
+      fetch('https://www.segurosimediato.com.br', {
+        headers: {
+          'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+        }
+      })
+    ]);
+
+    const html = await htmlResponse.text();
+    
+    // Extrair estrutura exata
+    const structure = extractExactStructure(html);
+    
+    // Gerar componentes React baseados na estrutura exata
+    const reactComponents = generateReactComponents(structure);
+    
+    // Extrair CSS e converter para Tailwind/estilos
+    const styles = extractAndConvertStyles(html);
+    
+    return NextResponse.json({
+      structure,
+      reactComponents,
+      styles,
+      originalHtml: html
+    });
+  } catch (error) {
+    return NextResponse.json(
+      { error: 'Erro ao gerar clonagem pixel-perfect', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+function extractExactStructure(html: string): any {
+  return {
+    title: extractTitle(html),
+    metaDescription: extractMetaDescription(html),
+    header: extractHeaderExact(html),
+    main: extractMainExact(html),
+    footer: extractFooterExact(html),
+    forms: extractFormsExact(html),
+    scripts: extractScriptsExact(html),
+    styles: extractStylesExact(html)
+  };
+}
+
+function extractTitle(html: string): string {
+  const match = html.match(/<title[^>]*>(.*?)<\/title>/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractMetaDescription(html: string): string {
+  const match = html.match(/<meta[^>]*name=["']description["'][^>]*content=["']([^"']*)["']/i);
+  return match ? match[1].trim() : '';
+}
+
+function extractHeaderExact(html: string): any {
+  const headerMatch = html.match(/<header[^>]*>(.*?)<\/header>/is);
+  if (!headerMatch) return null;
+  
+  const headerContent = headerMatch[1];
+  
+  return {
+    html: headerMatch[0],
+    content: headerContent,
+    classes: extractAttribute(headerMatch[0], 'class'),
+    id: extractAttribute(headerMatch[0], 'id'),
+    navigation: extractNavigationExact(headerContent),
+    logo: extractLogo(headerContent),
+    menu: extractMenu(headerContent)
+  };
+}
+
+function extractMainExact(html: string): any {
+  const mainMatch = html.match(/<main[^>]*>(.*?)<\/main>/is);
+  if (!mainMatch) return null;
+  
+  const mainContent = mainMatch[1];
+  
+  return {
+    html: mainMatch[0],
+    content: mainContent,
+    classes: extractAttribute(mainMatch[0], 'class'),
+    id: extractAttribute(mainMatch[0], 'id'),
+    sections: extractSectionsExact(mainContent),
+    hero: extractHero(mainContent),
+    forms: extractFormsInMain(mainContent)
+  };
+}
+
+function extractFooterExact(html: string): any {
+  const footerMatch = html.match(/<footer[^>]*>(.*?)<\/footer>/is);
+  if (!footerMatch) return null;
+  
+  return {
+    html: footerMatch[0],
+    content: footerMatch[1],
+    classes: extractAttribute(footerMatch[0], 'class'),
+    id: extractAttribute(footerMatch[0], 'id'),
+    links: extractFooterLinks(footerMatch[1]),
+    contact: extractFooterContact(footerMatch[1])
+  };
+}
+
+function extractFormsExact(html: string): any[] {
+  const forms = [];
+  const formRegex = /<form[^>]*>(.*?)<\/form>/gis;
+  let match;
+  
+  while ((match = formRegex.exec(html)) !== null) {
+    const formHtml = match[0];
+    const formContent = match[1];
+    
+    forms.push({
+      html: formHtml,
+      content: formContent,
+      action: extractAttribute(formHtml, 'action'),
+      method: extractAttribute(formHtml, 'method') || 'GET',
+      classes: extractAttribute(formHtml, 'class'),
+      id: extractAttribute(formHtml, 'id'),
+      inputs: extractInputsExact(formContent),
+      buttons: extractButtonsExact(formContent),
+      labels: extractLabelsExact(formContent),
+      selects: extractSelectsExact(formContent)
+    });
+  }
+  
+  return forms;
+}
+
+function extractInputsExact(formContent: string): any[] {
+  const inputs = [];
+  const inputRegex = /<input[^>]*>/gi;
+  let match;
+  
+  while ((match = inputRegex.exec(formContent)) !== null) {
+    const inputHtml = match[0];
+    inputs.push({
+      html: inputHtml,
+      type: extractAttribute(inputHtml, 'type') || 'text',
+      name: extractAttribute(inputHtml, 'name'),
+      id: extractAttribute(inputHtml, 'id'),
+      class: extractAttribute(inputHtml, 'class'),
+      placeholder: extractAttribute(inputHtml, 'placeholder'),
+      value: extractAttribute(inputHtml, 'value'),
+      required: inputHtml.includes('required'),
+      disabled: inputHtml.includes('disabled'),
+      readonly: inputHtml.includes('readonly'),
+      maxlength: extractAttribute(inputHtml, 'maxlength'),
+      pattern: extractAttribute(inputHtml, 'pattern')
+    });
+  }
+  
+  return inputs;
+}
+
+function extractButtonsExact(formContent: string): any[] {
+  const buttons = [];
+  const buttonRegex = /<button[^>]*>(.*?)<\/button>/gis;
+  let match;
+  
+  while ((match = buttonRegex.exec(formContent)) !== null) {
+    const buttonHtml = match[0];
+    buttons.push({
+      html: buttonHtml,
+      content: match[1],
+      type: extractAttribute(buttonHtml, 'type') || 'button',
+      class: extractAttribute(buttonHtml, 'class'),
+      id: extractAttribute(buttonHtml, 'id'),
+      disabled: buttonHtml.includes('disabled')
+    });
+  }
+  
+  return buttons;
+}
+
+function extractLabelsExact(formContent: string): any[] {
+  const labels = [];
+  const labelRegex = /<label[^>]*>(.*?)<\/label>/gis;
+  let match;
+  
+  while ((match = labelRegex.exec(formContent)) !== null) {
+    const labelHtml = match[0];
+    labels.push({
+      html: labelHtml,
+      content: match[1],
+      for: extractAttribute(labelHtml, 'for'),
+      class: extractAttribute(labelHtml, 'class'),
+      id: extractAttribute(labelHtml, 'id')
+    });
+  }
+  
+  return labels;
+}
+
+function extractSelectsExact(formContent: string): any[] {
+  const selects = [];
+  const selectRegex = /<select[^>]*>(.*?)<\/select>/gis;
+  let match;
+  
+  while ((match = selectRegex.exec(formContent)) !== null) {
+    const selectHtml = match[0];
+    selects.push({
+      html: selectHtml,
+      content: match[1],
+      name: extractAttribute(selectHtml, 'name'),
+      id: extractAttribute(selectHtml, 'id'),
+      class: extractAttribute(selectHtml, 'class'),
+      options: extractOptionsExact(match[1])
+    });
+  }
+  
+  return selects;
+}
+
+function extractOptionsExact(selectContent: string): any[] {
+  const options = [];
+  const optionRegex = /<option[^>]*>(.*?)<\/option>/gis;
+  let match;
+  
+  while ((match = optionRegex.exec(selectContent)) !== null) {
+    const optionHtml = match[0];
+    options.push({
+      html: optionHtml,
+      content: match[1],
+      value: extractAttribute(optionHtml, 'value'),
+      selected: optionHtml.includes('selected'),
+      disabled: optionHtml.includes('disabled')
+    });
+  }
+  
+  return options;
+}
+
+function generateReactComponents(structure: any): any {
+  return {
+    header: generateHeaderComponent(structure.header),
+    main: generateMainComponent(structure.main),
+    footer: generateFooterComponent(structure.footer),
+    forms: structure.forms.map((form: any, index: number) => 
+      generateFormComponent(form, index)
+    )
+  };
+}
+
+function generateHeaderComponent(header: any): string {
+  if (!header) return '';
+  
+  return `
+export function ExactHeader() {
+  return (
+    <header className="${header.classes || ''}">
+      ${header.content}
+    </header>
+  );
+}`;
+}
+
+function generateMainComponent(main: any): string {
+  if (!main) return '';
+  
+  return `
+export function ExactMain() {
+  return (
+    <main className="${main.classes || ''}">
+      ${main.content}
+    </main>
+  );
+}`;
+}
+
+function generateFooterComponent(footer: any): string {
+  if (!footer) return '';
+  
+  return `
+export function ExactFooter() {
+  return (
+    <footer className="${footer.classes || ''}">
+      ${footer.content}
+    </footer>
+  );
+}`;
+}
+
+function generateFormComponent(form: any, index: number): string {
+  return `
+export function ExactForm${index + 1}() {
+  return (
+    <form 
+      action="${form.action || '#'}" 
+      method="${form.method}"
+      className="${form.classes || ''}"
+      id="${form.id || ''}"
+    >
+      ${form.content}
+    </form>
+  );
+}`;
+}
+
+function extractAndConvertStyles(html: string): any {
+  const styles = {
+    colors: extractColors(html),
+    fonts: extractFonts(html),
+    spacing: extractSpacing(html),
+    layout: extractLayout(html),
+    components: extractComponentStyles(html)
+  };
+  
+  return styles;
+}
+
+function extractColors(html: string): any {
+  const colors = {
+    primary: [],
+    secondary: [],
+    accent: [],
+    neutral: [],
+    semantic: {
+      success: [],
+      warning: [],
+      error: [],
+      info: []
+    }
+  };
+
+  // Extrair cores hex
+  const hexRegex = /#[0-9a-fA-F]{3,6}/g;
+  const hexColors = html.match(hexRegex) || [];
+  
+  // Categorizar cores
+  hexColors.forEach(color => {
+    if (color.includes('006') || color.includes('007') || color.includes('008')) {
+      colors.primary.push(color);
+    } else if (color.includes('999') || color.includes('666') || color.includes('333')) {
+      colors.neutral.push(color);
+    } else if (color.includes('00a') || color.includes('00b') || color.includes('00c')) {
+      colors.accent.push(color);
+    }
+  });
+
+  // Remover duplicatas
+  Object.keys(colors).forEach(key => {
+    if (typeof colors[key] === 'object' && !Array.isArray(colors[key])) {
+      Object.keys(colors[key]).forEach(subKey => {
+        colors[key][subKey] = [...new Set(colors[key][subKey])];
+      });
+    } else {
+      colors[key] = [...new Set(colors[key])];
+    }
+  });
+
+  return colors;
+}
+
+function extractFonts(html: string): any {
+  const fonts = {
+    families: [],
+    sizes: [],
+    weights: [],
+    styles: []
+  };
+
+  // Extrair fontes
+  const familyRegex = /font-family:\s*([^;]+)/gi;
+  let match;
+  while ((match = familyRegex.exec(html)) !== null) {
+    fonts.families.push(match[1].trim());
+  }
+
+  // Extrair tamanhos
+  const sizeRegex = /font-size:\s*([^;]+)/gi;
+  while ((match = sizeRegex.exec(html)) !== null) {
+    fonts.sizes.push(match[1].trim());
+  }
+
+  // Remover duplicatas
+  Object.keys(fonts).forEach(key => {
+    fonts[key] = [...new Set(fonts[key])];
+  });
+
+  return fonts;
+}
+
+function extractSpacing(html: string): any {
+  const spacing = {
+    margins: [],
+    paddings: [],
+    gaps: []
+  };
+
+  // Extrair margins
+  const marginRegex = /margin[^:]*:\s*([^;]+)/gi;
+  let match;
+  while ((match = marginRegex.exec(html)) !== null) {
+    spacing.margins.push(match[1].trim());
+  }
+
+  // Extrair paddings
+  const paddingRegex = /padding[^:]*:\s*([^;]+)/gi;
+  while ((match = paddingRegex.exec(html)) !== null) {
+    spacing.paddings.push(match[1].trim());
+  }
+
+  // Remover duplicatas
+  Object.keys(spacing).forEach(key => {
+    spacing[key] = [...new Set(spacing[key])];
+  });
+
+  return spacing;
+}
+
+function extractLayout(html: string): any {
+  const layout = {
+    containers: [],
+    grids: [],
+    flexbox: [],
+    responsive: []
+  };
+
+  // Identificar containers
+  if (html.includes('container')) {
+    layout.containers.push('Container detected');
+  }
+  if (html.includes('grid')) {
+    layout.grids.push('Grid layout detected');
+  }
+  if (html.includes('flex')) {
+    layout.flexbox.push('Flexbox layout detected');
+  }
+  if (html.includes('@media')) {
+    layout.responsive.push('Responsive design detected');
+  }
+
+  return layout;
+}
+
+function extractComponentStyles(html: string): any {
+  const components = {
+    buttons: [],
+    inputs: [],
+    cards: [],
+    navigation: []
+  };
+
+  // Identificar estilos de componentes
+  if (html.includes('btn') || html.includes('button')) {
+    components.buttons.push('Button styles detected');
+  }
+  if (html.includes('input') || html.includes('form-control')) {
+    components.inputs.push('Input styles detected');
+  }
+  if (html.includes('card')) {
+    components.cards.push('Card styles detected');
+  }
+  if (html.includes('nav') || html.includes('menu')) {
+    components.navigation.push('Navigation styles detected');
+  }
+
+  return components;
+}
+
+// Funções auxiliares
+function extractAttribute(html: string, attribute: string): string {
+  const regex = new RegExp(`${attribute}=["']([^"']*)["']`, 'i');
+  const match = regex.exec(html);
+  return match ? match[1] : '';
+}
+
+function extractNavigationExact(content: string): any {
+  const navMatch = content.match(/<nav[^>]*>(.*?)<\/nav>/is);
+  if (!navMatch) return null;
+  
+  return {
+    content: navMatch[1],
+    classes: extractAttribute(navMatch[0], 'class'),
+    id: extractAttribute(navMatch[0], 'id'),
+    links: extractLinks(navMatch[1])
+  };
+}
+
+function extractLogo(content: string): any {
+  const logoMatch = content.match(/<img[^>]*alt=["']logo["'][^>]*>/i);
+  if (!logoMatch) return null;
+  
+  return {
+    html: logoMatch[0],
+    src: extractAttribute(logoMatch[0], 'src'),
+    alt: extractAttribute(logoMatch[0], 'alt'),
+    class: extractAttribute(logoMatch[0], 'class')
+  };
+}
+
+function extractMenu(content: string): any {
+  const menuMatch = content.match(/<ul[^>]*>(.*?)<\/ul>/is);
+  if (!menuMatch) return null;
+  
+  return {
+    content: menuMatch[1],
+    classes: extractAttribute(menuMatch[0], 'class'),
+    items: extractMenuItems(menuMatch[1])
+  };
+}
+
+function extractMenuItems(content: string): any[] {
+  const items = [];
+  const itemRegex = /<li[^>]*>(.*?)<\/li>/gis;
+  let match;
+  
+  while ((match = itemRegex.exec(content)) !== null) {
+    items.push({
+      content: match[1],
+      classes: extractAttribute(match[0], 'class')
+    });
+  }
+  
+  return items;
+}
+
+function extractSectionsExact(content: string): any[] {
+  const sections = [];
+  const sectionRegex = /<section[^>]*>(.*?)<\/section>/gis;
+  let match;
+  
+  while ((match = sectionRegex.exec(content)) !== null) {
+    sections.push({
+      content: match[1],
+      classes: extractAttribute(match[0], 'class'),
+      id: extractAttribute(match[0], 'id'),
+      style: extractAttribute(match[0], 'style')
+    });
+  }
+  
+  return sections;
+}
+
+function extractHero(content: string): any {
+  const heroMatch = content.match(/<div[^>]*class=["'][^"']*hero[^"']*["'][^>]*>(.*?)<\/div>/is);
+  if (!heroMatch) return null;
+  
+  return {
+    content: heroMatch[1],
+    classes: extractAttribute(heroMatch[0], 'class'),
+    id: extractAttribute(heroMatch[0], 'id')
+  };
+}
+
+function extractFormsInMain(content: string): any[] {
+  const forms = [];
+  const formRegex = /<form[^>]*>(.*?)<\/form>/gis;
+  let match;
+  
+  while ((match = formRegex.exec(content)) !== null) {
+    forms.push({
+      content: match[1],
+      classes: extractAttribute(match[0], 'class'),
+      id: extractAttribute(match[0], 'id')
+    });
+  }
+  
+  return forms;
+}
+
+function extractFooterLinks(content: string): any[] {
+  const links = [];
+  const linkRegex = /<a[^>]*>(.*?)<\/a>/gis;
+  let match;
+  
+  while ((match = linkRegex.exec(content)) !== null) {
+    links.push({
+      content: match[1],
+      href: extractAttribute(match[0], 'href'),
+      class: extractAttribute(match[0], 'class')
+    });
+  }
+  
+  return links;
+}
+
+function extractFooterContact(content: string): any {
+  const contactMatch = content.match(/<div[^>]*class=["'][^"']*contact[^"']*["'][^>]*>(.*?)<\/div>/is);
+  if (!contactMatch) return null;
+  
+  return {
+    content: contactMatch[1],
+    classes: extractAttribute(contactMatch[0], 'class')
+  };
+}
+
+function extractLinks(content: string): any[] {
+  const links = [];
+  const linkRegex = /<a[^>]*>(.*?)<\/a>/gis;
+  let match;
+  
+  while ((match = linkRegex.exec(content)) !== null) {
+    links.push({
+      content: match[1],
+      href: extractAttribute(match[0], 'href'),
+      class: extractAttribute(match[0], 'class'),
+      target: extractAttribute(match[0], 'target')
+    });
+  }
+  
+  return links;
+}
+
+function extractScriptsExact(html: string): any[] {
+  const scripts = [];
+  const scriptRegex = /<script[^>]*>(.*?)<\/script>/gis;
+  let match;
+  
+  while ((match = scriptRegex.exec(html)) !== null) {
+    const scriptHtml = match[0];
+    scripts.push({
+      html: scriptHtml,
+      content: match[1],
+      src: extractAttribute(scriptHtml, 'src'),
+      type: extractAttribute(scriptHtml, 'type') || 'text/javascript',
+      async: scriptHtml.includes('async'),
+      defer: scriptHtml.includes('defer')
+    });
+  }
+  
+  return scripts;
+}
+
+function extractStylesExact(html: string): any {
+  const styles = {
+    inline: [],
+    external: [],
+    embedded: []
+  };
+
+  // Estilos inline
+  const inlineRegex = /style=["']([^"']*)["']/gi;
+  let match;
+  while ((match = inlineRegex.exec(html)) !== null) {
+    styles.inline.push(match[1]);
+  }
+
+  // CSS externo
+  const externalRegex = /<link[^>]*rel=["']stylesheet["'][^>]*href=["']([^"']*)["']/gi;
+  while ((match = externalRegex.exec(html)) !== null) {
+    styles.external.push(match[1]);
+  }
+
+  // CSS embedido
+  const embeddedRegex = /<style[^>]*>(.*?)<\/style>/gis;
+  while ((match = embeddedRegex.exec(html)) !== null) {
+    styles.embedded.push(match[1]);
+  }
+
+  return styles;
+}
diff --git a/app/clone-result/page.tsx b/app/clone-result/page.tsx
new file mode 100644
index 00000000..407366fe
--- /dev/null
+++ b/app/clone-result/page.tsx
@@ -0,0 +1,158 @@
+"use client";
+
+import React from 'react';
+import { 
+  SegurosImediatoHeader, 
+  SegurosImediatoHero, 
+  SegurosImediatoForm, 
+  SegurosImediatoFooter 
+} from '@/components/seguros-imediato/SegurosImediatoComponents';
+
+export default function SegurosImediatoClone() {
+  const handleFormSubmit = (data: any) => {
+    console.log('Dados do formulário:', data);
+    // Aqui você pode implementar a lógica de envio
+    alert('Cotação solicitada com sucesso! Entraremos em contato em breve.');
+  };
+
+  const handleCtaClick = () => {
+    // Scroll para o formulário
+    const formElement = document.getElementById('formulario-cotacao');
+    if (formElement) {
+      formElement.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <SegurosImediatoHeader 
+        title="Seguros Imediato"
+        subtitle="Cotação Grátis e Completa Sem Compromisso"
+      />
+      
+      <SegurosImediatoHero 
+        title="Cotação Seguro Auto"
+        subtitle="Cotação Grátis e Completa Sem Compromisso"
+        ctaText="Solicitar Cotação"
+        onCtaClick={handleCtaClick}
+      />
+      
+      <div id="formulario-cotacao">
+        <SegurosImediatoForm onSubmit={handleFormSubmit} />
+      </div>
+      
+      {/* Seção de Benefícios */}
+      <section className="py-16 bg-white">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Por que escolher a Seguros Imediato?
+            </h2>
+            <p className="text-lg text-gray-600">
+              Proteção completa com as melhores seguradoras do mercado
+            </p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Cotação Gratuita</h3>
+              <p className="text-gray-600">
+                Compare preços entre as principais seguradoras sem compromisso
+              </p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Processo Rápido</h3>
+              <p className="text-gray-600">
+                Receba sua cotação em minutos com atendimento especializado
+              </p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Melhores Preços</h3>
+              <p className="text-gray-600">
+                Negociamos as melhores condições com as seguradoras parceiras
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      
+      {/* Seção de Serviços */}
+      <section className="py-16 bg-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Nossos Serviços
+            </h2>
+            <p className="text-lg text-gray-600">
+              Proteção completa para todos os seus veículos
+            </p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Auto</h3>
+              <p className="text-gray-600">Proteção completa para seu carro</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Moto</h3>
+              <p className="text-gray-600">Cobertura especializada para motos</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Frota</h3>
+              <p className="text-gray-600">Soluções empresariais</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Uber</h3>
+              <p className="text-gray-600">Proteção para motoristas</p>
+            </div>
+          </div>
+        </div>
+      </section>
+      
+      <SegurosImediatoFooter 
+        companyName="Seguros Imediato"
+        description="Proteção completa para você e seu patrimônio"
+      />
+    </div>
+  );
+}
diff --git a/app/clone/page.tsx b/app/clone/page.tsx
new file mode 100644
index 00000000..6a400686
--- /dev/null
+++ b/app/clone/page.tsx
@@ -0,0 +1,235 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+
+export default function ClonePage() {
+  const [originalContent, setOriginalContent] = useState<any>(null);
+  const [designSystem, setDesignSystem] = useState<any>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [extractingDesign, setExtractingDesign] = useState(false);
+
+  useEffect(() => {
+    // Carregar análise do site original
+    fetch('/api/analyze-original')
+      .then(response => response.json())
+      .then(analysis => {
+        setOriginalContent(analysis);
+        setIsLoading(false);
+      })
+      .catch(error => {
+        console.error('Erro ao analisar site original:', error);
+        setIsLoading(false);
+      });
+  }, []);
+
+  const extractDesignSystem = async () => {
+    setExtractingDesign(true);
+    try {
+      const response = await fetch('/api/extract-design');
+      const design = await response.json();
+      setDesignSystem(design);
+    } catch (error) {
+      console.error('Erro ao extrair design system:', error);
+    } finally {
+      setExtractingDesign(false);
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-blue-600 mx-auto mb-4"></div>
+          <p className="text-gray-600">Analisando site original...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Header de Análise */}
+      <div className="bg-white shadow-sm border-b">
+        <div className="max-w-7xl mx-auto px-4 py-4">
+          <h1 className="text-2xl font-bold text-gray-900">Análise do Site Original</h1>
+          <p className="text-gray-600">Conteúdo carregado para análise e clonagem</p>
+        </div>
+      </div>
+
+      {/* Preview do Site Original */}
+      <div className="max-w-7xl mx-auto px-4 py-8">
+        <div className="bg-white rounded-lg shadow-lg p-6 mb-8">
+          <h2 className="text-xl font-semibold mb-4">Preview do Site Original</h2>
+          <div className="border rounded-lg overflow-hidden">
+            <iframe
+              src="/seg-imediato"
+              className="w-full h-96"
+              title="Site Original"
+            />
+          </div>
+        </div>
+
+        {/* Análise de Componentes */}
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+          <div className="bg-white rounded-lg shadow-lg p-6">
+            <h3 className="text-lg font-semibold mb-4">Análise do Site Original</h3>
+            {originalContent && (
+              <div className="space-y-4">
+                <div>
+                  <h4 className="font-medium text-gray-900 mb-2">Título:</h4>
+                  <p className="text-sm text-gray-600">{originalContent.title || 'Não encontrado'}</p>
+                </div>
+                <div>
+                  <h4 className="font-medium text-gray-900 mb-2">Descrição:</h4>
+                  <p className="text-sm text-gray-600">{originalContent.metaDescription || 'Não encontrada'}</p>
+                </div>
+                <div>
+                  <h4 className="font-medium text-gray-900 mb-2">Componentes Identificados:</h4>
+                  <div className="flex flex-wrap gap-2">
+                    {originalContent.components?.map((component: string, index: number) => (
+                      <span key={index} className="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded">
+                        {component}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+                <div>
+                  <h4 className="font-medium text-gray-900 mb-2">Formulários:</h4>
+                  <p className="text-sm text-gray-600">
+                    {originalContent.forms?.length || 0} formulário(s) encontrado(s)
+                  </p>
+                </div>
+              </div>
+            )}
+          </div>
+
+          <div className="bg-white rounded-lg shadow-lg p-6">
+            <h3 className="text-lg font-semibold mb-4">Próximos Passos</h3>
+            <div className="space-y-3">
+              <div className="p-3 border-l-4 border-blue-500 bg-blue-50">
+                <h4 className="font-medium text-blue-900">1. Extrair CSS e Design System</h4>
+                <p className="text-sm text-blue-700">Identificar cores, tipografia e componentes</p>
+              </div>
+              <div className="p-3 border-l-4 border-green-500 bg-green-50">
+                <h4 className="font-medium text-green-900">2. Criar Componentes React</h4>
+                <p className="text-sm text-green-700">Replicar cada seção como componente</p>
+              </div>
+              <div className="p-3 border-l-4 border-purple-500 bg-purple-50">
+                <h4 className="font-medium text-purple-900">3. Implementar Funcionalidades</h4>
+                <p className="text-sm text-purple-700">Formulários, validações e APIs</p>
+              </div>
+              <div className="p-3 border-l-4 border-orange-500 bg-orange-50">
+                <h4 className="font-medium text-orange-900">4. Teste e Refinamento</h4>
+                <p className="text-sm text-orange-700">Comparar com original e ajustar</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Design System Extraído */}
+        {designSystem && (
+          <div className="mt-8 bg-white rounded-lg shadow-lg p-6">
+            <h3 className="text-xl font-semibold mb-4">Design System Extraído</h3>
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+              <div>
+                <h4 className="font-medium text-gray-900 mb-2">Paleta de Cores:</h4>
+                <div className="space-y-2">
+                  {designSystem.colors?.primary?.length > 0 && (
+                    <div>
+                      <span className="text-sm text-gray-600">Primárias:</span>
+                      <div className="flex gap-2 mt-1">
+                        {designSystem.colors.primary.slice(0, 5).map((color: string, index: number) => (
+                          <div key={index} className="w-8 h-8 rounded border" style={{ backgroundColor: color }} title={color}></div>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                  {designSystem.colors?.semantic?.success?.length > 0 && (
+                    <div>
+                      <span className="text-sm text-gray-600">Sucesso:</span>
+                      <div className="flex gap-2 mt-1">
+                        {designSystem.colors.semantic.success.slice(0, 3).map((color: string, index: number) => (
+                          <div key={index} className="w-8 h-8 rounded border" style={{ backgroundColor: color }} title={color}></div>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+              <div>
+                <h4 className="font-medium text-gray-900 mb-2">Tipografia:</h4>
+                <div className="space-y-2">
+                  {designSystem.typography?.fonts?.length > 0 && (
+                    <div>
+                      <span className="text-sm text-gray-600">Fontes:</span>
+                      <div className="text-sm text-gray-800">
+                        {designSystem.typography.fonts.slice(0, 3).join(', ')}
+                      </div>
+                    </div>
+                  )}
+                  {designSystem.typography?.sizes?.length > 0 && (
+                    <div>
+                      <span className="text-sm text-gray-600">Tamanhos:</span>
+                      <div className="text-sm text-gray-800">
+                        {designSystem.typography.sizes.slice(0, 5).join(', ')}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {/* Botões de Ação */}
+        <div className="mt-8 text-center space-x-4">
+          <button 
+            onClick={extractDesignSystem}
+            disabled={extractingDesign}
+            className="bg-green-600 hover:bg-green-700 disabled:bg-gray-400 text-white px-6 py-3 rounded-lg font-semibold transition-colors"
+          >
+            {extractingDesign ? 'Extraindo...' : 'Extrair Design System'}
+          </button>
+          
+          <button 
+            onClick={() => {
+              // Aqui iniciaremos o processo de clonagem
+              console.log('Iniciando processo de clonagem...');
+            }}
+            className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors"
+          >
+            Iniciar Processo de Clonagem
+          </button>
+          
+          <a 
+            href="/clone-result"
+            className="bg-purple-600 hover:bg-purple-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors inline-block"
+          >
+            Ver Resultado da Clonagem
+          </a>
+          
+          <a 
+            href="/detailed-analysis"
+            className="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors inline-block"
+          >
+            Análise Detalhada (Pixel-Perfect)
+          </a>
+          
+          <a 
+            href="/pixel-perfect"
+            className="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors inline-block"
+          >
+            Clonagem Pixel-Perfect
+          </a>
+          
+          <a 
+            href="/pixel-perfect-result"
+            className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors inline-block"
+          >
+            Resultado Pixel-Perfect
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/app/detailed-analysis/page.tsx b/app/detailed-analysis/page.tsx
new file mode 100644
index 00000000..41071a32
--- /dev/null
+++ b/app/detailed-analysis/page.tsx
@@ -0,0 +1,266 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+
+export default function DetailedAnalysisPage() {
+  const [analysis, setAnalysis] = useState<any>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [activeTab, setActiveTab] = useState('overview');
+  const [showHtml, setShowHtml] = useState(false);
+
+  useEffect(() => {
+    fetch('/api/detailed-analysis')
+      .then(response => response.json())
+      .then(data => {
+        setAnalysis(data);
+        setIsLoading(false);
+      })
+      .catch(error => {
+        console.error('Erro ao analisar site:', error);
+        setIsLoading(false);
+      });
+  }, []);
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-blue-600 mx-auto mb-4"></div>
+          <p className="text-gray-600">Analisando site original em detalhes...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!analysis) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-2xl font-bold text-red-600 mb-4">Erro na Análise</h1>
+          <p className="text-gray-600">Não foi possível analisar o site original</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Header */}
+      <div className="bg-white shadow-sm border-b">
+        <div className="max-w-7xl mx-auto px-4 py-4">
+          <h1 className="text-2xl font-bold text-gray-900">Análise Detalhada do Site Original</h1>
+          <p className="text-gray-600">Análise completa para clonagem pixel-perfect</p>
+        </div>
+      </div>
+
+      {/* Tabs */}
+      <div className="bg-white border-b">
+        <div className="max-w-7xl mx-auto px-4">
+          <nav className="flex space-x-8">
+            {[
+              { id: 'overview', label: 'Visão Geral' },
+              { id: 'structure', label: 'Estrutura' },
+              { id: 'forms', label: 'Formulários' },
+              { id: 'styles', label: 'Estilos' },
+              { id: 'html', label: 'HTML Completo' }
+            ].map(tab => (
+              <button
+                key={tab.id}
+                onClick={() => setActiveTab(tab.id)}
+                className={`py-4 px-1 border-b-2 font-medium text-sm ${
+                  activeTab === tab.id
+                    ? 'border-blue-500 text-blue-600'
+                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
+                }`}
+              >
+                {tab.label}
+              </button>
+            ))}
+          </nav>
+        </div>
+      </div>
+
+      {/* Content */}
+      <div className="max-w-7xl mx-auto px-4 py-8">
+        {activeTab === 'overview' && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Informações Básicas</h2>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-gray-700">Título:</label>
+                  <p className="text-gray-900">{analysis.title}</p>
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-gray-700">Descrição:</label>
+                  <p className="text-gray-900">{analysis.metaDescription || 'Não encontrada'}</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Estatísticas</h2>
+              <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-blue-600">{analysis.forms?.length || 0}</div>
+                  <div className="text-sm text-gray-600">Formulários</div>
+                </div>
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-green-600">{analysis.images?.length || 0}</div>
+                  <div className="text-sm text-gray-600">Imagens</div>
+                </div>
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-purple-600">{analysis.scripts?.length || 0}</div>
+                  <div className="text-sm text-gray-600">Scripts</div>
+                </div>
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-orange-600">{analysis.styles?.external?.length || 0}</div>
+                  <div className="text-sm text-gray-600">CSS Externos</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'structure' && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Estrutura HTML</h2>
+              <div className="space-y-4">
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Header:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm font-mono">
+                    {analysis.structure?.header ? 
+                      `${analysis.structure.header.substring(0, 200)}...` : 
+                      'Não encontrado'
+                    }
+                  </div>
+                </div>
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Main:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm font-mono">
+                    {analysis.structure?.main ? 
+                      `${analysis.structure.main.substring(0, 200)}...` : 
+                      'Não encontrado'
+                    }
+                  </div>
+                </div>
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Footer:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm font-mono">
+                    {analysis.structure?.footer ? 
+                      `${analysis.structure.footer.substring(0, 200)}...` : 
+                      'Não encontrado'
+                    }
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'forms' && (
+          <div className="space-y-6">
+            {analysis.forms?.map((form: any, index: number) => (
+              <div key={index} className="bg-white rounded-lg shadow p-6">
+                <h2 className="text-xl font-semibold mb-4">Formulário {index + 1}</h2>
+                
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <div>
+                    <h3 className="font-medium text-gray-900 mb-2">Campos de Input:</h3>
+                    <div className="space-y-2">
+                      {form.inputs?.map((input: any, i: number) => (
+                        <div key={i} className="bg-gray-100 p-2 rounded text-sm">
+                          <div><strong>Tipo:</strong> {input.type || 'text'}</div>
+                          <div><strong>Nome:</strong> {input.name || 'N/A'}</div>
+                          <div><strong>Placeholder:</strong> {input.placeholder || 'N/A'}</div>
+                          <div><strong>Classe:</strong> {input.class || 'N/A'}</div>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                  
+                  <div>
+                    <h3 className="font-medium text-gray-900 mb-2">Botões:</h3>
+                    <div className="space-y-2">
+                      {form.buttons?.map((button: any, i: number) => (
+                        <div key={i} className="bg-gray-100 p-2 rounded text-sm">
+                          <div><strong>Tipo:</strong> {button.type || 'button'}</div>
+                          <div><strong>Texto:</strong> {button.text || 'N/A'}</div>
+                          <div><strong>Classe:</strong> {button.class || 'N/A'}</div>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+
+        {activeTab === 'styles' && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Cores Identificadas</h2>
+              <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+                {analysis.colors?.hex?.slice(0, 12).map((color: string, index: number) => (
+                  <div key={index} className="text-center">
+                    <div 
+                      className="w-16 h-16 rounded border mx-auto mb-2" 
+                      style={{ backgroundColor: color }}
+                    ></div>
+                    <div className="text-xs font-mono">{color}</div>
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Fontes</h2>
+              <div className="space-y-2">
+                {analysis.fonts?.families?.slice(0, 5).map((font: string, index: number) => (
+                  <div key={index} className="bg-gray-100 p-2 rounded text-sm font-mono">
+                    {font}
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">CSS Externos</h2>
+              <div className="space-y-2">
+                {analysis.styles?.external?.map((css: string, index: number) => (
+                  <div key={index} className="bg-gray-100 p-2 rounded text-sm font-mono">
+                    {css}
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'html' && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <div className="flex justify-between items-center mb-4">
+                <h2 className="text-xl font-semibold">HTML Completo</h2>
+                <button
+                  onClick={() => setShowHtml(!showHtml)}
+                  className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded text-sm"
+                >
+                  {showHtml ? 'Ocultar' : 'Mostrar'} HTML
+                </button>
+              </div>
+              
+              {showHtml && (
+                <div className="bg-gray-900 text-green-400 p-4 rounded text-xs font-mono overflow-auto max-h-96">
+                  <pre>{analysis.fullHtml}</pre>
+                </div>
+              )}
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/app/generation/page.tsx b/app/generation/page.tsx
index 0c187a7e..9aba86c3 100644
--- a/app/generation/page.tsx
+++ b/app/generation/page.tsx
@@ -1,5 +1,8 @@
 'use client';
 
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+// Tente primeiro a variante ESM (deve existir na 15.6.6)
+import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import { useState, useEffect, useRef, Suspense } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
 import { appConfig } from '@/config/app.config';
@@ -7,8 +10,7 @@ import HeroInput from '@/components/HeroInput';
 import SidebarInput from '@/components/app/generation/SidebarInput';
 import HeaderBrandKit from '@/components/shared/header/BrandKit/BrandKit';
 import { HeaderProvider } from '@/components/shared/header/HeaderContext';
-import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
-import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
 // Import icons from centralized module to avoid Turbopack chunk issues
 import { 
   FiFile, 
diff --git a/app/globals.css b/app/globals.css
index 25d477fb..71e36d0e 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1 +1,46 @@
-@import "../styles/main.css";
\ No newline at end of file
+@import "../styles/main.css";
+
+/* Tap e lightbox */
+body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
+select, input { -webkit-appearance: none; -moz-appearance: none; }
+.w-lightbox-backdrop { background-color: rgba(0, 0, 0, 0); }
+.w-lightbox-backdrop img { border: 4px solid rgba(0,0,0,0.5); }
+.swal-text { text-align: center; }
+
+/* BG dots */
+:root { --dot-color: rgba(17, 24, 39, .07); --dot-size: 1px; --dot-gap: 10px; }
+.bg-dots { background-color: #fff; background-image: radial-gradient(circle at var(--dot-size) var(--dot-size), var(--dot-color) var(--dot-size), transparent var(--dot-size)); background-size: var(--dot-gap) var(--dot-gap); }
+.bg-dots--dark { background-color: #0b1220; --dot-color: rgba(255,255,255,.08); }
+
+/* Blue grid */
+:root { --blue-base: #EAF4FF; --grid-color: rgba(17,24,39,.10); --grid-gap: 14px; --grid-thickness: 1px; }
+.blue-grid { background-color: var(--blue-base); background-image: repeating-linear-gradient(0deg, var(--grid-color) 0 var(--grid-thickness), transparent var(--grid-thickness) var(--grid-gap)), repeating-linear-gradient(90deg, var(--grid-color) 0 var(--grid-thickness), transparent var(--grid-thickness) var(--grid-gap)); }
+@media (max-width: 768px) { .blue-grid { --grid-gap: 16px; } }
+
+/* Tech header */
+:root { --tech-bg-dark: #0b1220; --tech-bg-light: #EAF4FF; --tech-grid-dark: rgba(255,255,255,.07); --tech-grid-light: rgba(17,24,39,.10); --tech-accent-1: #33aaff; --tech-accent-2: #7c3aed; --tech-grid-gap: 14px; --tech-grid-thickness: 1px; --tech-glow-opacity: .24; --tech-sweep-opacity: .06; }
+.tech-header, .Brand.New.Header.tech-header { position: relative; overflow: hidden; isolation: isolate; min-height: 56vh; }
+.tech-header--dark { background: var(--tech-bg-dark); }
+.tech-header--light { background: var(--tech-bg-light); }
+.tech-header::before, .Brand.New.Header.tech-header::before { content: ""; position: absolute; inset: -20% -10% -30% -10%; z-index: -1; pointer-events: none; opacity: var(--tech-glow-opacity); background: radial-gradient(50rem 28rem at 10% 15%, var(--tech-accent-1), transparent 60%), radial-gradient(42rem 24rem at 85% 10%, var(--tech-accent-2), transparent 60%), radial-gradient(48rem 26rem at 70% 85%, rgba(16,185,129,.55), transparent 65%); }
+.tech-header::after, .Brand.New.Header.tech-header::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: repeating-linear-gradient(0deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)), repeating-linear-gradient(90deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)), linear-gradient(90deg, transparent, rgba(255,255,255,var(--tech-sweep-opacity)), transparent); background-size: var(--tech-grid-gap) var(--tech-grid-gap), var(--tech-grid-gap) var(--tech-grid-gap), 50% 100%; background-position: 0 0, 0 0, -200% 0; animation: tech-sweep 6s linear infinite; }
+.tech-header--dark::after { --tech-grid-color: var(--tech-grid-dark); }
+.tech-header--light::after { --tech-grid-color: var(--tech-grid-light); }
+@keyframes tech-sweep { to { background-position: 0 0, 0 0, 200% 0; } }
+@media (prefers-reduced-motion: reduce) { .tech-header::after, .Brand.New.Header.tech-header::after { animation: none; background-image: repeating-linear-gradient(0deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)), repeating-linear-gradient(90deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)); } }
+@media (max-width: 991px) { :root { --tech-grid-gap: 16px; } }
+@media (max-width: 479px) { :root { --tech-grid-gap: 18px; } }
+
+/* SweetAlert Theme (full) */
+:root { --brand-primary: #004A8D; --brand-accent: #009FE3; --brand-text: #004A8D; }
+.swal2-container { background-color: rgba(0, 74, 141, 0.35) !important; z-index: 99999 !important; }
+.swal2-popup { border-radius: 14px !important; box-shadow: 0 16px 50px rgba(0, 74, 141, 0.25) !important; padding-top: 22px !important; }
+.swal2-title { color: var(--brand-text) !important; font-weight: 700 !important; }
+.swal2-html-container { color: #2b3a4a !important; line-height: 1.45 !important; text-align: center !important; white-space: pre-wrap; }
+.swal2-icon.swal2-warning { border-color: var(--brand-primary) !important; background-color: var(--brand-primary) !important; color: #fff !important; }
+.swal2-icon.swal2-warning .swal2-icon-content { color: #fff !important; font-weight: 800 !important; }
+.swal2-icon.swal2-info { border-color: var(--brand-accent) !important; color: var(--brand-accent) !important; }
+.swal2-icon.swal2-success { border-color: rgba(0,159,227,.35) !important; color: var(--brand-accent) !important; }
+.swal2-actions { gap: 10px !important; }
+.swal2-styled.swal2-cancel { color: var(--brand-primary) !important; background: #fff !important; border: 2px solid var(--brand-primary) !important; border-radius: 10px !important; font-weight: 600 !important; min-width: 170px !important; padding: 10px 16px !important; }
+.swal2-styled.swal2-confirm { color: #fff !important; background: linear-gradient(180deg, var(--brand-accent) 0%, var(--brand-primary) 100%) !important; border: 0 !important; border-radius: 10px !important; font-weight: 600 !important; min-width: 170px !important; padding: 10px 16px !important; }
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 6eed5a10..7b1ce29e 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,45 +1,177 @@
-import type { Metadata } from "next";
-import { Inter, Roboto_Mono } from "next/font/google";
-import localFont from "next/font/local";
-import "./globals.css";
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import Script from 'next/script';
+import { GTM, GCLIDTracker, CollectChat, CookieConsent } from '@/components/analytics/GTM';
+import './globals.css';
 
-const inter = Inter({ 
-  subsets: ["latin"],
-  variable: "--font-inter"
-});
-
-const geistSans = localFont({
-  src: "./fonts/GeistVF.woff",
-  variable: "--font-geist-sans",
-  weight: "100 900",
-});
-
-const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
-});
-
-const robotoMono = Roboto_Mono({
-  subsets: ["latin"],
-  variable: "--font-roboto-mono",
-});
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
-  title: "Open Lovable v2",
-  description: "Re-imagine any website in seconds with AI-powered website builder.",
+  title: 'Imediato Soluções em Seguros',
+  description: 'Corretora de Seguros de Auto, Moto, Frotas e Uber. Cotação rápida e preços competitivos.',
+  keywords: 'seguro de auto, seguro de carro, seguro de automovel, seguro de veiculo, seguro de uber, seguro de taxi, seguro de utilitario, seguro de moto, seguro de frotas, seguro auto, seguro carro, seguro automovel, seguro veiculo, seguro uber, seguro taxi, seguro utilitario, seguro moto, seguro frotas',
+  authors: [{ name: 'Luciano Rodrigues Otero' }],
+  creator: 'Luciano Rodrigues Otero',
+  publisher: 'Imediato Soluções em Seguros',
+  robots: 'index, follow',
+  openGraph: {
+    title: 'Imediato Soluções em Seguros',
+    description: 'Corretora de Seguros de Auto, Moto, Frotas e Uber. Cotação rápida e preços competitivos.',
+    url: 'https://www.segurosimediato.com.br',
+    siteName: 'Imediato Soluções em Seguros',
+    locale: 'pt_BR',
+    type: 'website',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'Imediato Soluções em Seguros',
+    description: 'Corretora de Seguros de Auto, Moto, Frotas e Uber. Cotação rápida e preços competitivos.',
+  },
+  verification: {
+    google: '7ExRewM8GII1bwZ73ZEBX9euCX9Sx5m8243ITCyx7cM',
+  },
+  alternates: {
+    canonical: 'https://www.segurosimediato.com.br',
+  },
 };
 
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en">
-      <body className={`${inter.variable} ${geistSans.variable} ${geistMono.variable} ${robotoMono.variable} font-sans`}>
+    <html lang="pt-BR">
+      <head>
+        {/* Meta Tags Custom do Webflow */}
+        <link rel="canonical" href="https://www.segurosimediato.com.br/" />
+        <meta name="google-site-verification" content="7ExRewM8GII1bwZ73ZEBX9euCX9Sx5m8243ITCyx7cM" />
+        <meta name="google-site-verification" content="OGCWNwHYOwmFiCvqJXojZvKRTGrh2P9hlXzrcKAeAao" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="viewport" content="width=device-width, maximum-scale=1" />
+        <meta name="apple-mobile-web-app-title" content="Imediato Solucoes em Seguros" />
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="msapplication-tap-highlight" content="no" />
+        <meta name="author" content="Luciano Rodrigues Otero, lrotero@gmail.com" />
+        <meta name="owner" content="Luciano Rodrigues Otero, lrotero@gmail.com" />
+        <meta name="designer" content="Luciano Rodrigues Otero, lrotero@gmail.com" />
+        <meta name="url" content="https://www.segurosimediato.com.br" />
+        <meta name="identifier-URL" content="https://www.segurosimediato.com.br" />
+        <meta name="reply-to" content="lrotero@gmail.com" />
+        <meta name="subject" content="Corretora de Seguros de Auto" />
+        <meta name="copyright" content="Imediato Solucoes em Seguros" />
+        <meta name="Classification" content="Negocios, Seguros" />
+        <meta name="theme-color" content="#108fce" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="#108fce" />
+        <meta name="msapplication-navbutton-color" content="#108fce" />
+
+        {/* Estilos Customizados */}
+        <style dangerouslySetInnerHTML={{
+          __html: `
+            body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
+            select, input{ -webkit-appearance:none; -moz-appearance:none; }
+            .w-lightbox-backdrop { background-color: rgba(0, 0, 0, 0); }
+            .w-lightbox-backdrop img { border: 4px solid rgba(0,0,0,0.5); }
+            
+            /* BG dots */
+            :root{
+              --dot-color: rgba(17, 24, 39, .07);
+              --dot-size: 1px;
+              --dot-gap: 10px;
+            }
+            .bg-dots{
+              background-color:#fff;
+              background-image: radial-gradient(circle at var(--dot-size) var(--dot-size), var(--dot-color) var(--dot-size), transparent var(--dot-size));
+              background-size: var(--dot-gap) var(--dot-gap);
+            }
+            .bg-dots--dark{
+              background-color:#0b1220;
+              --dot-color: rgba(255,255,255,.08);
+            }
+            
+            /* Blue grid */
+            :root{
+              --blue-base:#EAF4FF;
+              --grid-color: rgba(17,24,39,.10);
+              --grid-gap:14px;
+              --grid-thickness:1px;
+            }
+            .blue-grid{
+              background-color: var(--blue-base);
+              background-image: repeating-linear-gradient(0deg,var(--grid-color) 0 var(--grid-thickness), transparent var(--grid-thickness) var(--grid-gap)), repeating-linear-gradient(90deg,var(--grid-color) 0 var(--grid-thickness), transparent var(--grid-thickness) var(--grid-gap));
+            }
+            @media (max-width:768px){
+              .blue-grid{ --grid-gap:16px; }
+            }
+            
+            /* Tech header effects */
+            :root{
+              --tech-bg-dark:#0b1220;
+              --tech-bg-light:#EAF4FF;
+              --tech-grid-dark:rgba(255,255,255,.07);
+              --tech-grid-light:rgba(17,24,39,.10);
+              --tech-accent-1:#33aaff;
+              --tech-accent-2:#7c3aed;
+              --tech-grid-gap:14px;
+              --tech-grid-thickness:1px;
+              --tech-glow-opacity:.24;
+              --tech-sweep-opacity:.06;
+            }
+            .tech-header,.Brand.New.Header.tech-header{
+              position:relative;
+              overflow:hidden;
+              isolation:isolate;
+              min-height:56vh;
+            }
+            .tech-header--dark{ background:var(--tech-bg-dark); }
+            .tech-header--light{ background:var(--tech-bg-light); }
+            .tech-header::before,.Brand.New.Header.tech-header::before{
+              content:"";
+              position:absolute;
+              inset:-20% -10% -30% -10%;
+              z-index:-1;
+              pointer-events:none;
+              opacity:var(--tech-glow-opacity);
+              background: radial-gradient(50rem 28rem at 10% 15%, var(--tech-accent-1), transparent 60%), radial-gradient(42rem 24rem at 85% 10%, var(--tech-accent-2), transparent 60%), radial-gradient(48rem 26rem at 70% 85%, rgba(16,185,129,.55), transparent 65%);
+            }
+            .tech-header::after,.Brand.New.Header.tech-header::after{
+              content:"";
+              position:absolute;
+              inset:0;
+              z-index:-1;
+              pointer-events:none;
+              background-image: repeating-linear-gradient(0deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)), repeating-linear-gradient(90deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)), linear-gradient(90deg, transparent, rgba(255,255,255,var(--tech-sweep-opacity)), transparent);
+              background-size: var(--tech-grid-gap) var(--tech-grid-gap), var(--tech-grid-gap) var(--tech-grid-gap), 50% 100%;
+              background-position: 0 0, 0 0, -200% 0;
+              animation: tech-sweep 6s linear infinite;
+            }
+            .tech-header--dark::after { --tech-grid-color: var(--tech-grid-dark); }
+            .tech-header--light::after { --tech-grid-color: var(--tech-grid-light); }
+            @keyframes tech-sweep { to { background-position: 0 0, 0 0, 200% 0; } }
+            @media (prefers-reduced-motion: reduce){
+              .tech-header::after,.Brand.New.Header.tech-header::after{
+                animation:none;
+                background-image: repeating-linear-gradient(0deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap)), repeating-linear-gradient(90deg, var(--tech-grid-color) 0 var(--tech-grid-thickness), transparent var(--tech-grid-thickness) var(--tech-grid-gap));
+              }
+            }
+            @media (max-width:991px){ :root{ --tech-grid-gap:16px; } }
+            @media (max-width:479px){ :root{ --tech-grid-gap:18px; } }
+          `
+        }} />
+      </head>
+      <body className={inter.className}>
+        {/* Analytics Components */}
+        <GTM />
+        <GCLIDTracker />
+        <CollectChat apiKey={process.env.NEXT_PUBLIC_COLLECTCHAT_API_KEY} />
+        
         {children}
+        
+        {/* Cookie Consent */}
+        <CookieConsent />
+        
+        {/* Libs do Footer */}
+        <Script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" strategy="beforeInteractive" />
+        <Script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js" strategy="afterInteractive" />
+        <Script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.22.4/dist/sweetalert2.all.min.js" strategy="lazyOnload" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.22.4/dist/sweetalert2.min.css" />
       </body>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/app/mirror/[[...path]]/route.ts b/app/mirror/[[...path]]/route.ts
new file mode 100644
index 00000000..23ef9498
--- /dev/null
+++ b/app/mirror/[[...path]]/route.ts
@@ -0,0 +1,178 @@
+import { NextResponse } from "next/server";
+
+const ORIGIN = process.env.MIRROR_ORIGIN || "https://www.segurosimediato.com.br";
+
+/** remove attrs que podem bloquear no iframe */
+function stripAttrs(html: string) {
+  return html
+    .replace(/\s+integrity=('|")[^'"]*\1/gi, "")
+    .replace(/\s+crossorigin=('|")[^'"]*\1/gi, "");
+}
+
+/** normaliza caminho relativo em relação a um diretório base (ex.: "contato" -> "produtos/contato") */
+function resolveRelative(baseDir: string, rel: string) {
+  const stack = baseDir.split("/").filter(Boolean);
+  const parts = rel.split("/");
+  for (const p of parts) {
+    if (p === "" || p === ".") continue;
+    if (p === "..") stack.pop();
+    else stack.push(p);
+  }
+  return "/" + stack.join("/");
+}
+
+/** reescreve href/src/action/srcset para apontar a /mirror/... */
+function rewriteLinks(html: string, rawPath: string) {
+  const baseDir =
+    rawPath && rawPath.includes("/") ? "/" + rawPath.replace(/[^/]*$/, "") : "/";
+
+  // 0) Protocol-relative (//cdn...) → manter como absoluto (não reescrever)
+  // (nada a fazer aqui, só garantimos que as outras regras não os toquem)
+
+  // 1) Absolutos do mesmo domínio → /mirror/...
+  html = html.replace(
+    /(href|src|action)=("|\')https?:\/\/(www\.)?segurosimediato\.com\.br(\/[^"']*)\2/gi,
+    (_m, attr, q, _sub, path) => `${attr}=${q}/mirror${path}${q}`
+  );
+
+  // 2) Root-relativos de UMA barra (ex.: "/contato") → /mirror/...
+  // Ignora URLs que começam com "//" (protocol-relative)
+  html = html.replace(
+    /(href|src|action)=("|\')(\/(?!\/)[^"']*)\2/gi,
+    (_m, attr, q, path) => `${attr}=${q}/mirror${path}${q}`
+  );
+
+  // 3) Relativos “nus” (não começam com http, //, /, #, mailto, tel, javascript:)
+  html = html.replace(
+    /(href|src|action)=("|\')([^"'#:][^"']*)\2/gi,
+    (_m, attr, q, rel) => {
+      if (/^(https?:\/\/|\/\/|\/|#|mailto:|tel:|javascript:|data:|blob:)/i.test(rel)) return _m as string;
+      const resolved = resolveRelative(baseDir, rel);
+      return `${attr}=${q}/mirror${resolved}${q}`;
+    }
+  );
+
+  // 4) srcset: várias URLs separadas por vírgula
+  html = html.replace(
+    /(srcset)=("|\')([^"\']+)\2/gi,
+    (_m, attr, q, val) => {
+      const rewritten = val
+        .split(",")
+        .map((s: string) => {
+          const [url, size] = s.trim().split(/\s+/, 2);
+          if (!url) return s;
+
+          // mesmo domínio → /mirror/...
+          if (/^https?:\/\/(www\.)?segurosimediato\.com\.br\//i.test(url)) {
+            return `/mirror${url.replace(/^https?:\/\/(www\.)?segurosimediato\.com\.br/i, "")}${size ? " " + size : ""}`;
+          }
+
+          // absolutas externas: manter intactas
+          if (/^https?:\/\//i.test(url)) {
+            return `${url}${size ? " " + size : ""}`;
+          }
+
+          // protocol-relative: manter
+          if (/^\/\//.test(url)) {
+            return `${url}${size ? " " + size : ""}`;
+          }
+
+          // root-relativo (uma barra)
+          if (/^\/(?!\/)/.test(url)) {
+            return `/mirror${url}${size ? " " + size : ""}`;
+          }
+
+          // esquemas especiais
+          if (/^(#|mailto:|tel:|javascript:|data:|blob:)/i.test(url)) {
+            return `${url}${size ? " " + size : ""}`;
+          }
+
+          // relativo “nu”
+          const resolved = resolveRelative(baseDir, url);
+          return `/mirror${resolved}${size ? " " + size : ""}`;
+        })
+        .join(", ");
+
+      return `${attr}=${q}${rewritten}${q}`;
+    }
+  );
+
+  return html;
+}
+
+/** injeta <base> LOCAL para que links relativos sigam /mirror/<dir>/ */
+function injectLocalBase(html: string, rawPath: string) {
+  const baseDir =
+    rawPath && rawPath.includes("/") ? "/" + rawPath.replace(/[^/]*$/, "") : "/";
+  const baseTag = `<base href="/mirror${baseDir}">`;
+
+  if (/<head[^>]*>/i.test(html)) {
+    if (!/<base[^>]*>/i.test(html)) {
+      return html.replace(/<head[^>]*>/i, (m) => `${m}\n${baseTag}`);
+    }
+    return html.replace(/<base[^>]*>/i, baseTag);
+  }
+  if (/<html[^>]*>/i.test(html)) {
+    return html.replace(/<html[^>]*>/i, (m) => `${m}\n<head>${baseTag}</head>`);
+  }
+  return `<!doctype html><html lang="pt-BR"><head>${baseTag}</head><body>${html}</body></html>`;
+}
+
+export async function GET(
+  req: Request,
+  // ⬇⬇⬇ Next 15: params é assíncrono
+  ctx: { params: Promise<{ path?: string[] }> }
+) {
+  const { path } = await ctx.params;
+  const rawPath = (path ?? []).join("/");
+  const target = rawPath ? `${ORIGIN}/${rawPath}` : `${ORIGIN}/`;
+
+  console.log(`[Mirror] Fetching: ${target}`);
+
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), 25_000);
+
+  try {
+    const r = await fetch(target, {
+      signal: controller.signal,
+      headers: {
+        "User-Agent":
+          "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127 Safari/537.36",
+        "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
+      },
+    });
+
+    clearTimeout(timer);
+
+    if (!r.ok) {
+      const txt = await r.text().catch(() => "");
+      console.error(`[Mirror] HTTP Error ${r.status} on ${target}: ${txt.slice(0, 200)}`);
+      return new NextResponse(
+        `<!doctype html><h1>Fetch ${r.status}</h1><pre>${txt.slice(0,500)}</pre>`,
+        { status: r.status, headers: { "content-type": "text/html; charset=utf-8" } }
+      );
+    }
+
+    let html = await r.text();
+
+    console.log(`[Mirror] Fetched ${html.length} chars from ${target}`);
+
+    html = stripAttrs(html);
+    html = rewriteLinks(html, rawPath);
+    html = injectLocalBase(html, rawPath);
+
+    console.log(`[Mirror] Rewrote links for path: ${rawPath}, ready to serve.`);
+
+    return new NextResponse(html, {
+      status: 200,
+      headers: { "content-type": "text/html; charset=utf-8" },
+    });
+  } catch (e: any) {
+    clearTimeout(timer);
+    console.error(`[Mirror] Error on ${target}: ${String(e?.message || e)}`);
+    return new NextResponse(
+      `<!doctype html><h1>Erro</h1><pre>${String(e?.message || e)}</pre>`,
+      { status: 500, headers: { "content-type": "text/html; charset=utf-8" } }
+    );
+  }
+}
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index 5f84cb36..719576e6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,806 +1,246 @@
 "use client";
 
 import Link from "next/link";
-import { useState } from "react";
-import { useRouter } from "next/navigation";
-import { appConfig } from '@/config/app.config';
-import { toast } from "sonner";
-
-// Import shared components
-import { Connector } from "@/components/shared/layout/curvy-rect";
-import HeroFlame from "@/components/shared/effects/flame/hero-flame";
-import AsciiExplosion from "@/components/shared/effects/flame/ascii-explosion";
-import { HeaderProvider } from "@/components/shared/header/HeaderContext";
-
-// Import hero section components
-import HomeHeroBackground from "@/components/app/(home)/sections/hero/Background/Background";
-import { BackgroundOuterPiece } from "@/components/app/(home)/sections/hero/Background/BackgroundOuterPiece";
-import HomeHeroBadge from "@/components/app/(home)/sections/hero/Badge/Badge";
-import HomeHeroPixi from "@/components/app/(home)/sections/hero/Pixi/Pixi";
-import HomeHeroTitle from "@/components/app/(home)/sections/hero/Title/Title";
-import HeroInputSubmitButton from "@/components/app/(home)/sections/hero-input/Button/Button";
-// import Globe from "@/components/app/(home)/sections/hero-input/_svg/Globe";
-
-// Import header components
-import HeaderBrandKit from "@/components/shared/header/BrandKit/BrandKit";
-import HeaderWrapper from "@/components/shared/header/Wrapper/Wrapper";
-import HeaderDropdownWrapper from "@/components/shared/header/Dropdown/Wrapper/Wrapper";
-import GithubIcon from "@/components/shared/header/Github/_svg/GithubIcon";
-import ButtonUI from "@/components/ui/shadcn/button"
-
-interface SearchResult {
-  url: string;
-  title: string;
-  description: string;
-  screenshot: string | null;
-  markdown: string;
-}
+import Image from "next/image";
 
 export default function HomePage() {
-  const [url, setUrl] = useState<string>("");
-  const [selectedStyle, setSelectedStyle] = useState<string>("1");
-  const [selectedModel, setSelectedModel] = useState<string>(appConfig.ai.defaultModel);
-  const [isValidUrl, setIsValidUrl] = useState<boolean>(false);
-  const [showSearchTiles, setShowSearchTiles] = useState<boolean>(false);
-  const [searchResults, setSearchResults] = useState<SearchResult[]>([]);
-  const [isSearching, setIsSearching] = useState<boolean>(false);
-  const [hasSearched, setHasSearched] = useState<boolean>(false);
-  const [isFadingOut, setIsFadingOut] = useState<boolean>(false);
-  const [showSelectMessage, setShowSelectMessage] = useState<boolean>(false);
-  const [showInstructionsForIndex, setShowInstructionsForIndex] = useState<number | null>(null);
-  const [additionalInstructions, setAdditionalInstructions] = useState<string>('');
-  const router = useRouter();
-  
-  // Simple URL validation
-  const validateUrl = (urlString: string) => {
-    if (!urlString) return false;
-    // Basic URL pattern - accepts domains with or without protocol
-    const urlPattern = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
-    return urlPattern.test(urlString.toLowerCase());
-  };
-
-  // Check if input is a URL (contains a dot)
-  const isURL = (str: string): boolean => {
-    const urlPattern = /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/;
-    return urlPattern.test(str.trim());
-  };
-
-  const styles = [
-    { id: "1", name: "Glassmorphism", description: "Frosted glass effect" },
-    { id: "2", name: "Neumorphism", description: "Soft 3D shadows" },
-    { id: "3", name: "Brutalism", description: "Bold and raw" },
-    { id: "4", name: "Minimalist", description: "Clean and simple" },
-    { id: "5", name: "Dark Mode", description: "Dark theme design" },
-    { id: "6", name: "Gradient Rich", description: "Vibrant gradients" },
-    { id: "7", name: "3D Depth", description: "Dimensional layers" },
-    { id: "8", name: "Retro Wave", description: "80s inspired" },
-  ];
-
-  const models = appConfig.ai.availableModels.map(model => ({
-    id: model,
-    name: appConfig.ai.modelDisplayNames[model] || model,
-  }));
-
-  const handleSubmit = async (selectedResult?: SearchResult) => {
-    const inputValue = url.trim();
-    
-    if (!inputValue) {
-      toast.error("Please enter a URL or search term");
-      return;
-    }
-    
-    // If it's a search result being selected, fade out and redirect
-    if (selectedResult) {
-      setIsFadingOut(true);
-      
-      // Wait for fade animation
-      setTimeout(() => {
-        sessionStorage.setItem('targetUrl', selectedResult.url);
-        sessionStorage.setItem('selectedStyle', selectedStyle);
-        sessionStorage.setItem('selectedModel', selectedModel);
-        sessionStorage.setItem('autoStart', 'true');
-        if (selectedResult.markdown) {
-          sessionStorage.setItem('siteMarkdown', selectedResult.markdown);
-        }
-        router.push('/generation');
-      }, 500);
-      return;
-    }
-    
-    // If it's a URL, go straight to generation
-    if (isURL(inputValue)) {
-      sessionStorage.setItem('targetUrl', inputValue);
-      sessionStorage.setItem('selectedStyle', selectedStyle);
-      sessionStorage.setItem('selectedModel', selectedModel);
-      sessionStorage.setItem('autoStart', 'true');
-      router.push('/generation');
-    } else {
-      // It's a search term, fade out if results exist, then search
-      if (hasSearched && searchResults.length > 0) {
-        setIsFadingOut(true);
-        
-        setTimeout(async () => {
-          setSearchResults([]);
-          setIsFadingOut(false);
-          setShowSelectMessage(true);
-          
-          // Perform new search
-          await performSearch(inputValue);
-          setHasSearched(true);
-          setShowSearchTiles(true);
-          setShowSelectMessage(false);
-          
-          // Smooth scroll to carousel
-          setTimeout(() => {
-            const carouselSection = document.querySelector('.carousel-section');
-            if (carouselSection) {
-              carouselSection.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            }
-          }, 300);
-        }, 500);
-      } else {
-        // First search, no fade needed
-        setShowSelectMessage(true);
-        setIsSearching(true);
-        setHasSearched(true);
-        setShowSearchTiles(true);
-        
-        // Scroll to carousel area immediately
-        setTimeout(() => {
-          const carouselSection = document.querySelector('.carousel-section');
-          if (carouselSection) {
-            carouselSection.scrollIntoView({ behavior: 'smooth', block: 'center' });
-          }
-        }, 100);
-        
-        await performSearch(inputValue);
-        setShowSelectMessage(false);
-        setIsSearching(false);
-        
-        // Smooth scroll to carousel
-        setTimeout(() => {
-          const carouselSection = document.querySelector('.carousel-section');
-          if (carouselSection) {
-            carouselSection.scrollIntoView({ behavior: 'smooth', block: 'center' });
-          }
-        }, 300);
-      }
-    }
-  };
-
-  // Perform search when user types
-  const performSearch = async (searchQuery: string) => {
-    if (!searchQuery.trim() || isURL(searchQuery)) {
-      setSearchResults([]);
-      setShowSearchTiles(false);
-      return;
-    }
-
-    setIsSearching(true);
-    setShowSearchTiles(true);
-    try {
-      const response = await fetch('/api/search', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ query: searchQuery }),
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        setSearchResults(data.results || []);
-        setShowSearchTiles(true);
-      }
-    } catch (error) {
-      console.error('Search error:', error);
-    } finally {
-      setIsSearching(false);
-    }
-  };
-
   return (
-    <HeaderProvider>
-      <div className="min-h-screen bg-background-base">
-        {/* Header/Navigation Section */}
-        <HeaderDropdownWrapper />
-
-        <div className="sticky top-0 left-0 w-full z-[101] bg-background-base header">
-          <div className="absolute top-0 cmw-container border-x border-border-faint h-full pointer-events-none" />
-          <div className="h-1 bg-border-faint w-full left-0 -bottom-1 absolute" />
-          <div className="cmw-container absolute h-full pointer-events-none top-0">
-            <Connector className="absolute -left-[10.5px] -bottom-11" />
-            <Connector className="absolute -right-[10.5px] -bottom-11" />
-          </div>
-
-          <HeaderWrapper>
-            <div className="max-w-[900px] mx-auto w-full flex justify-between items-center">
-              <div className="flex gap-24 items-center">
-                <HeaderBrandKit />
-              </div>
-              <div className="flex gap-8">
-                <a
-                  className="contents"
-                  href="https://github.com/mendableai/open-lovable"
-                  target="_blank"
-                >
-                  <ButtonUI variant="tertiary">
-                    <GithubIcon />
-                    Use this Template
-                  </ButtonUI>
-                </a>
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
+      {/* Header */}
+      <header className="bg-white shadow-sm">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between items-center py-6">
+            <div className="flex items-center">
+              <div className="flex-shrink-0">
+                <h1 className="text-2xl font-bold text-blue-900">Imediato</h1>
               </div>
             </div>
-          </HeaderWrapper>
+            <nav className="hidden md:flex space-x-8">
+              <a href="#servicos" className="text-gray-700 hover:text-blue-600 font-medium">Serviços</a>
+              <a href="#sobre" className="text-gray-700 hover:text-blue-600 font-medium">Sobre</a>
+              <a href="#contato" className="text-gray-700 hover:text-blue-600 font-medium">Contato</a>
+            </nav>
+          </div>
         </div>
-
-        {/* Hero Section */}
-        <section className="overflow-x-clip" id="home-hero">
-          <div className="pt-28 lg:pt-254 lg:-mt-100 pb-115 relative" id="hero-content">
-            <HomeHeroPixi />
-            <HeroFlame />
-            <BackgroundOuterPiece />
-            <HomeHeroBackground />
-
-            <div className="relative container px-16">
-              <HomeHeroBadge />
-              <HomeHeroTitle />
-              <p className="text-center text-body-large">
-                Re-imagine any website, in seconds.
-              </p>
-              <Link
-                className="bg-black-alpha-4 hover:bg-black-alpha-6 rounded-6 px-8 lg:px-6 text-label-large h-30 lg:h-24 block mt-8 mx-auto w-max gap-4 transition-all"
-                href="#"
-                onClick={(e) => e.preventDefault()}
+      </header>
+
+      {/* Hero Section */}
+      <section className="py-20">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center">
+            <h1 className="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
+              Imediato Soluções em Seguros
+            </h1>
+            <p className="text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto">
+              Corretora de Seguros especializada em Auto, Moto, Frotas e Uber. 
+              Proteção completa para você e seu patrimônio.
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
+              <Link 
+                href="/seguro-auto"
+                className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors"
               >
-                Powered by Firecrawl.
+                Cotar Seguro Auto
+              </Link>
+              <Link 
+                href="/seguro-moto"
+                className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors"
+              >
+                Cotar Seguro Moto
               </Link>
             </div>
           </div>
-
-          {/* Mini Playground Input */}
-          <div className="container lg:contents !p-16 relative -mt-90">
-            <div className="absolute top-0 left-[calc(50%-50vw)] w-screen h-1 bg-border-faint lg:hidden" />
-            <div className="absolute bottom-0 left-[calc(50%-50vw)] w-screen h-1 bg-border-faint lg:hidden" />
-            <Connector className="-top-10 -left-[10.5px] lg:hidden" />
-            <Connector className="-top-10 -right-[10.5px] lg:hidden" />
-            <Connector className="-bottom-10 -left-[10.5px] lg:hidden" />
-            <Connector className="-bottom-10 -right-[10.5px] lg:hidden" />
-
-            {/* Hero Input Component */}
-            <div className="max-w-552 mx-auto z-[11] lg:z-[2]">
-              <div className="rounded-20 -mt-30 lg:-mt-30">
-                <div
-                  className="bg-white rounded-20"
-                  style={{
-                    boxShadow:
-                      "0px 0px 44px 0px rgba(0, 0, 0, 0.02), 0px 88px 56px -20px rgba(0, 0, 0, 0.03), 0px 56px 56px -20px rgba(0, 0, 0, 0.02), 0px 32px 32px -20px rgba(0, 0, 0, 0.03), 0px 16px 24px -12px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 0px 10px #F9F9F9",
-                  }}
-                >
-
-                <div className="p-16 flex gap-12 items-center w-full relative bg-white rounded-20">
-                  {/* Show different UI when search results are displayed */}
-                  {hasSearched && searchResults.length > 0 && !isFadingOut ? (
-                    <>
-                      {/* Selection mode icon */}
-                      <svg 
-                        width="20" 
-                        height="20" 
-                        viewBox="0 0 20 20" 
-                        fill="none" 
-                        xmlns="http://www.w3.org/2000/svg"
-                        className="opacity-40 flex-shrink-0"
-                      >
-                        <rect x="2" y="4" width="7" height="5" rx="1" stroke="currentColor" strokeWidth="1.5"/>
-                        <rect x="11" y="4" width="7" height="5" rx="1" stroke="currentColor" strokeWidth="1.5"/>
-                        <rect x="2" y="11" width="7" height="5" rx="1" stroke="currentColor" strokeWidth="1.5"/>
-                        <rect x="11" y="11" width="7" height="5" rx="1" stroke="currentColor" strokeWidth="1.5"/>
-                      </svg>
-                      
-                      {/* Selection message */}
-                      <div className="flex-1 text-body-input text-accent-black">
-                        Select which site to clone from the results below
-                      </div>
-                      
-                      {/* Search again button */}
-                      <button
-                        onClick={(e) => {
-                          e.preventDefault();
-                          setIsFadingOut(true);
-                          setTimeout(() => {
-                            setSearchResults([]);
-                            setHasSearched(false);
-                            setShowSearchTiles(false);
-                            setIsFadingOut(false);
-                            setUrl('');
-                          }, 500);
-                        }}
-                        className="button relative rounded-10 px-12 py-8 text-label-medium font-medium flex items-center justify-center gap-6 bg-gray-100 hover:bg-gray-200 text-gray-700 active:scale-[0.995] transition-all"
-                      >
-                        <svg 
-                          width="16" 
-                          height="16" 
-                          viewBox="0 0 16 16" 
-                          fill="none" 
-                          xmlns="http://www.w3.org/2000/svg"
-                          className="opacity-60"
-                        >
-                          <path d="M14 14L10 10M11 6.5C11 9 9 11 6.5 11C4 11 2 9 2 6.5C2 4 4 2 6.5 2C9 2 11 4 11 6.5Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
-                        </svg>
-                        <span>Search Again</span>
-                      </button>
-                    </>
-                  ) : (
-                    <>
-                      {isURL(url) ? (
-                        // Scrape icon for URLs
-                        <svg 
-                          width="20" 
-                          height="20" 
-                          viewBox="0 0 20 20" 
-                          fill="none" 
-                          xmlns="http://www.w3.org/2000/svg"
-                          className="opacity-40 flex-shrink-0"
-                        >
-                          <rect x="3" y="3" width="14" height="14" rx="2" stroke="currentColor" strokeWidth="1.5"/>
-                          <path d="M7 10L9 12L13 8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-                        </svg>
-                      ) : (
-                        // Search icon for search terms
-                        <svg 
-                          width="20" 
-                          height="20" 
-                          viewBox="0 0 20 20" 
-                          fill="none" 
-                          xmlns="http://www.w3.org/2000/svg"
-                          className="opacity-40 flex-shrink-0"
-                        >
-                          <circle cx="8.5" cy="8.5" r="5.5" stroke="currentColor" strokeWidth="1.5"/>
-                          <path d="M12.5 12.5L16.5 16.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
-                        </svg>
-                      )}
-                      <input
-                        className="flex-1 bg-transparent text-body-input text-accent-black placeholder:text-black-alpha-48 focus:outline-none focus:ring-0 focus:border-transparent"
-                        placeholder="Enter URL or search term..."
-                        type="text"
-                        value={url}
-                        disabled={isSearching}
-                        onChange={(e) => {
-                          const value = e.target.value;
-                          setUrl(value);
-                          setIsValidUrl(validateUrl(value));
-                          // Reset search state when input changes
-                          if (value.trim() === "") {
-                            setShowSearchTiles(false);
-                            setHasSearched(false);
-                            setSearchResults([]);
-                          }
-                        }}
-                        onKeyDown={(e) => {
-                          if (e.key === "Enter" && !isSearching) {
-                            e.preventDefault();
-                            handleSubmit();
-                          }
-                        }}
-                        onFocus={() => {
-                          if (url.trim() && !isURL(url) && searchResults.length > 0) {
-                            setShowSearchTiles(true);
-                          }
-                        }}
-                      />
-                      <div
-                        onClick={(e) => {
-                          e.preventDefault();
-                          if (!isSearching) {
-                            handleSubmit();
-                          }
-                        }}
-                        className={isSearching ? 'pointer-events-none' : ''}
-                      >
-                        <HeroInputSubmitButton 
-                          dirty={url.length > 0} 
-                          buttonText={isURL(url) ? 'Scrape Site' : 'Search'} 
-                          disabled={isSearching}
-                        />
-                      </div>
-                    </>
-                  )}
-                </div>
-
-
-                {/* Options Section - Only show when valid URL */}
-                <div className={`overflow-hidden transition-all duration-500 ease-in-out ${
-                  isValidUrl ? 'max-h-[200px] opacity-100' : 'max-h-0 opacity-0'
-                }`}>
-                  <div className="p-[28px]">
-                    <div className="border-t border-gray-100 bg-white">
-                      {/* Style Selector */}
-                      <div className={`mb-2 pt-4 transition-all duration-300 transform ${
-                        isValidUrl ? 'translate-y-0 opacity-100' : '-translate-y-2 opacity-0'
-                      }`} style={{ transitionDelay: '100ms' }}>
-                        <div className="grid grid-cols-4 gap-1">
-                          {styles.map((style, index) => (
-                            <button
-                              key={style.id}
-                              onClick={() => setSelectedStyle(style.id)}
-                              className={`
-                                py-2.5 px-2 rounded text-[10px] font-medium border transition-all text-center
-                                ${selectedStyle === style.id 
-                                  ? 'border-orange-500 bg-orange-50 text-orange-900' 
-                                  : 'border-gray-200 hover:border-gray-300 bg-white text-gray-700'
-                                }
-                                ${isValidUrl ? 'opacity-100' : 'opacity-0'}
-                              `}
-                              style={{
-                                transitionDelay: `${150 + index * 30}ms`,
-                                transition: 'all 0.3s ease-in-out'
-                              }}
-                            >
-                              {style.name}
-                            </button>
-                          ))}
-                        </div>
-                      </div>
-
-                      {/* Model Selector Dropdown and Additional Instructions */}
-                      <div className={`flex gap-3 mt-2 pb-4 transition-all duration-300 transform ${
-                        isValidUrl ? 'translate-y-0 opacity-100' : '-translate-y-2 opacity-0'
-                      }`} style={{ transitionDelay: '400ms' }}>
-                        {/* Model Dropdown */}
-                        <select
-                          value={selectedModel}
-                          onChange={(e) => setSelectedModel(e.target.value)}
-                          className="px-3 py-2.5 text-[10px] font-medium text-gray-700 bg-white rounded border border-gray-200 focus:border-orange-500 focus:outline-none focus:ring-1 focus:ring-orange-500"
-                        >
-                          {models.map((model) => (
-                            <option key={model.id} value={model.id}>
-                              {model.name}
-                            </option>
-                          ))}
-                        </select>
-                        
-                        {/* Additional Instructions */}
-                        <input
-                          type="text"
-                          className="flex-1 px-3 py-2.5 text-[10px] text-gray-700 bg-gray-50 rounded border border-gray-200 focus:border-orange-500 focus:outline-none focus:ring-1 focus:ring-orange-500 placeholder:text-gray-400"
-                          placeholder="Additional instructions (optional)"
-                          onChange={(e) => sessionStorage.setItem('additionalInstructions', e.target.value)}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                </div>
-
-                <div className="h-248 top-84 cw-768 pointer-events-none absolute overflow-clip -z-10">
-                  <AsciiExplosion className="-top-200" />
-                </div>
+        </div>
+      </section>
+
+      {/* Services Section */}
+      <section id="servicos" className="py-16 bg-white">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">Nossos Serviços</h2>
+            <p className="text-lg text-gray-600">Proteção completa para todos os seus veículos</p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
               </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Auto</h3>
+              <p className="text-gray-600">Proteção completa para seu carro com as melhores seguradoras</p>
             </div>
-          </div>
-        </section>
-
-        {/* Full-width oval carousel section */}
-        {showSearchTiles && hasSearched && (
-          <section className={`carousel-section relative w-full overflow-hidden mt-32 mb-32 transition-opacity duration-500 ${
-            isFadingOut ? 'opacity-0' : 'opacity-100'
-          }`}>
-            <div className="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-white rounded-[50%] transform scale-x-150 -translate-y-24" />
             
-            {isSearching ? (
-              // Loading state with animated scrolling skeletons
-              <div className="relative h-[250px] overflow-hidden">
-                {/* Edge fade overlays */}
-                <div className="absolute left-0 top-0 bottom-0 w-[120px] z-20 pointer-events-none" style={{background: 'linear-gradient(to right, white 0%, white 20%, transparent 100%)'}} />
-                <div className="absolute right-0 top-0 bottom-0 w-[120px] z-20 pointer-events-none" style={{background: 'linear-gradient(to left, white 0%, white 20%, transparent 100%)'}} />
-                
-                <div className="carousel-container absolute left-0 flex gap-12 py-4">
-                  {/* Duplicate skeleton tiles for continuous scroll */}
-                  {[...Array(10), ...Array(10)].map((_, index) => (
-                    <div
-                      key={`loading-${index}`}
-                      className="flex-shrink-0 w-[400px] h-[240px] rounded-lg overflow-hidden border-2 border-gray-200/30 bg-white relative"
-                    >
-                      <div className="absolute inset-0 skeleton-shimmer">
-                        <div className="absolute inset-0 bg-gradient-to-r from-gray-100 via-gray-50 to-gray-100 skeleton-gradient" />
-                      </div>
-                      
-                      {/* Fake browser UI - 5x bigger */}
-                      <div className="absolute top-0 left-0 right-0 h-40 bg-gray-100 border-b border-gray-200/50 flex items-center px-6 gap-4">
-                        <div className="flex gap-3">
-                          <div className="w-5 h-5 rounded-full bg-gray-300 animate-pulse" />
-                          <div className="w-5 h-5 rounded-full bg-gray-300 animate-pulse" style={{ animationDelay: '0.1s' }} />
-                          <div className="w-5 h-5 rounded-full bg-gray-300 animate-pulse" style={{ animationDelay: '0.2s' }} />
-                        </div>
-                        <div className="flex-1 h-8 bg-gray-200 rounded-md mx-6 animate-pulse" />
-                      </div>
-                      
-                      {/* Content skeleton - positioned just below nav bar */}
-                      <div className="absolute top-44 left-4 right-4">
-                        <div className="h-3 bg-gray-200 rounded w-3/4 mb-2 animate-pulse" />
-                        <div className="h-3 bg-gray-150 rounded w-1/2 mb-2 animate-pulse" style={{ animationDelay: '0.2s' }} />
-                        <div className="h-3 bg-gray-150 rounded w-2/3 animate-pulse" style={{ animationDelay: '0.3s' }} />
-                      </div>
-                    </div>
-                  ))}
-                </div>
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
               </div>
-            ) : searchResults.length > 0 ? (
-              // Actual results
-              <div className="relative h-[250px] overflow-hidden">
-                {/* Edge fade overlays */}
-                <div className="absolute left-0 top-0 bottom-0 w-[120px] z-20 pointer-events-none" style={{background: 'linear-gradient(to right, white 0%, white 20%, transparent 100%)'}} />
-                <div className="absolute right-0 top-0 bottom-0 w-[120px] z-20 pointer-events-none" style={{background: 'linear-gradient(to left, white 0%, white 20%, transparent 100%)'}} />
-                
-                <div className="carousel-container absolute left-0 flex gap-12 py-4">
-                  {/* Duplicate results for infinite scroll */}
-                  {[...searchResults, ...searchResults].map((result, index) => (
-                    <div
-                      key={`${result.url}-${index}`}
-                      className="group flex-shrink-0 w-[400px] h-[240px] rounded-lg overflow-hidden border-2 border-gray-200/50 transition-all duration-300 hover:shadow-2xl bg-white relative"
-                      onMouseLeave={() => {
-                        if (showInstructionsForIndex === index) {
-                          setShowInstructionsForIndex(null);
-                          setAdditionalInstructions('');
-                        }
-                      }}
-                    >
-                      {/* Hover overlay with clone buttons or instructions input */}
-                      <div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 flex flex-col items-center justify-center p-6">
-                        {showInstructionsForIndex === index ? (
-                          /* Instructions input view - matching main input style exactly */
-                          <div className="w-full max-w-[380px]">
-                            <div className="bg-white rounded-20" style={{
-                              boxShadow: "0px 0px 44px 0px rgba(0, 0, 0, 0.02), 0px 88px 56px -20px rgba(0, 0, 0, 0.03), 0px 56px 56px -20px rgba(0, 0, 0, 0.02), 0px 32px 32px -20px rgba(0, 0, 0, 0.03), 0px 16px 24px -12px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.05)"
-                            }}>
-                              {/* Input area matching main search */}
-                              <div className="p-16 flex gap-12 items-start w-full relative">
-                                {/* Instructions icon */}
-                                <div className="mt-2 flex-shrink-0">
-                                  <svg 
-                                    width="20" 
-                                    height="20" 
-                                    viewBox="0 0 20 20" 
-                                    fill="none" 
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    className="opacity-40"
-                                  >
-                                    <path d="M5 5H15M5 10H15M5 15H10" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
-                                  </svg>
-                                </div>
-                                
-                                <textarea
-                                  value={additionalInstructions}
-                                  onChange={(e) => setAdditionalInstructions(e.target.value)}
-                                  placeholder="Describe your customizations..."
-                                  className="flex-1 bg-transparent text-body-input text-accent-black placeholder:text-black-alpha-48 focus:outline-none focus:ring-0 focus:border-transparent resize-none min-h-[60px]"
-                                  autoFocus
-                                  onClick={(e) => e.stopPropagation()}
-                                  onKeyDown={(e) => {
-                                    if (e.key === 'Escape') {
-                                      e.stopPropagation();
-                                      setShowInstructionsForIndex(null);
-                                      setAdditionalInstructions('');
-                                    }
-                                  }}
-                                />
-                              </div>
-                              
-                              {/* Divider */}
-                              <div className="border-t border-black-alpha-5" />
-                              
-                              {/* Buttons area matching main style */}
-                              <div className="p-10 flex justify-between items-center">
-                                <button
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    setShowInstructionsForIndex(null);
-                                    setAdditionalInstructions('');
-                                  }}
-                                  className="button relative rounded-10 px-8 py-8 text-label-medium font-medium flex items-center justify-center bg-black-alpha-4 hover:bg-black-alpha-6 text-black-alpha-48 active:scale-[0.995] transition-all"
-                                >
-                                  <svg 
-                                    width="20" 
-                                    height="20" 
-                                    viewBox="0 0 20 20" 
-                                    fill="none" 
-                                    xmlns="http://www.w3.org/2000/svg"
-                                  >
-                                    <path d="M12 5L7 10L12 15" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-                                  </svg>
-                                </button>
-                                
-                                <button
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    if (additionalInstructions.trim()) {
-                                      sessionStorage.setItem('additionalInstructions', additionalInstructions);
-                                      handleSubmit(result);
-                                    }
-                                  }}
-                                  disabled={!additionalInstructions.trim()}
-                                  className={`
-                                    button relative rounded-10 px-8 py-8 text-label-medium font-medium
-                                    flex items-center justify-center gap-6
-                                    ${additionalInstructions.trim() 
-                                      ? 'button-primary text-accent-white active:scale-[0.995]' 
-                                      : 'bg-black-alpha-4 text-black-alpha-24 cursor-not-allowed'
-                                    }
-                                  `}
-                                >
-                                  {additionalInstructions.trim() && <div className="button-background absolute inset-0 rounded-10 pointer-events-none" />}
-                                  <span className="px-6 relative">Apply & Clone</span>
-                                  <svg 
-                                    width="20" 
-                                    height="20" 
-                                    viewBox="0 0 20 20" 
-                                    fill="none" 
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    className="relative"
-                                  >
-                                    <path d="M11.6667 4.79163L16.875 9.99994M16.875 9.99994L11.6667 15.2083M16.875 9.99994H3.125" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"/>
-                                  </svg>
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ) : (
-                          /* Default buttons view */
-                          <>
-                            <div className="text-white text-center mb-3">
-                              <p className="text-base font-semibold mb-0.5">{result.title}</p>
-                              <p className="text-[11px] opacity-80">Choose how to clone this site</p>
-                            </div>
-                            
-                            <div className="flex gap-3 justify-center">
-                              {/* Instant Clone Button - Orange/Heat style */}
-                              <button
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handleSubmit(result);
-                                }}
-                                className="bg-orange-500 hover:bg-orange-600 flex items-center justify-center button relative text-label-medium button-primary group/button rounded-10 p-8 gap-2 text-white active:scale-[0.995]"
-                              >
-                                <div className="button-background absolute inset-0 rounded-10 pointer-events-none" />
-                                <svg 
-                                  width="20" 
-                                  height="20" 
-                                  viewBox="0 0 20 20" 
-                                  fill="none" 
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  className="relative"
-                                >
-                                  <path d="M11.6667 4.79163L16.875 9.99994M16.875 9.99994L11.6667 15.2083M16.875 9.99994H3.125" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"/>
-                                </svg>
-                                <span className="px-6 relative">Instant Clone</span>
-                              </button>
-                              
-                              {/* Instructions Button - Gray style */}
-                              <button
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  setShowInstructionsForIndex(index);
-                                  setAdditionalInstructions('');
-                                }}
-                                className="bg-gray-100 hover:bg-gray-200 flex items-center justify-center button relative text-label-medium rounded-10 p-8 gap-2 text-gray-700 active:scale-[0.995]"
-                              >
-                                <svg 
-                                  width="20" 
-                                  height="20" 
-                                  viewBox="0 0 20 20" 
-                                  fill="none" 
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  className="opacity-60"
-                                >
-                                  <path d="M5 5H15M5 10H15M5 15H10" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
-                                  <path d="M14 14L16 16L14 18" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-                                </svg>
-                                <span className="px-6">Add Instructions</span>
-                              </button>
-                            </div>
-                          </>
-                        )}
-                      </div>
-                      
-                      {result.screenshot ? (
-                        <img 
-                          src={result.screenshot} 
-                          alt={result.title}
-                          className="w-full h-full object-cover object-top"
-                          loading="lazy"
-                        />
-                      ) : (
-                        <div className="w-full h-full bg-gradient-to-br from-gray-100 to-gray-50 flex items-center justify-center">
-                          <div className="text-center">
-                            <div className="w-16 h-16 rounded-full bg-gray-200 mx-auto mb-3 flex items-center justify-center">
-                              <svg 
-                                width="32" 
-                                height="32" 
-                                viewBox="0 0 24 24" 
-                                fill="none" 
-                                xmlns="http://www.w3.org/2000/svg"
-                                className="text-gray-400"
-                              >
-                                <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" strokeWidth="1.5"/>
-                                <path d="M3 9H21" stroke="currentColor" strokeWidth="1.5"/>
-                                <circle cx="6" cy="6" r="1" fill="currentColor"/>
-                                <circle cx="9" cy="6" r="1" fill="currentColor"/>
-                                <circle cx="12" cy="6" r="1" fill="currentColor"/>
-                              </svg>
-                            </div>
-                            <p className="text-gray-500 text-sm font-medium">{result.title}</p>
-                          </div>
-                        </div>
-                      )}
-                    </div>
-                  ))}
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Moto</h3>
+              <p className="text-gray-600">Cobertura especializada para motocicletas e ciclomotores</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Frota</h3>
+              <p className="text-gray-600">Soluções empresariais para frotas de qualquer tamanho</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Uber</h3>
+              <p className="text-gray-600">Proteção especializada para motoristas de aplicativo</p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* About Section */}
+      <section id="sobre" className="py-16 bg-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+            <div>
+              <h2 className="text-3xl font-bold text-gray-900 mb-6">Sobre a Imediato</h2>
+              <p className="text-lg text-gray-600 mb-4">
+                Com anos de experiência no mercado de seguros, a Imediato Soluções em Seguros 
+                oferece as melhores opções de proteção para seus veículos.
+              </p>
+              <p className="text-lg text-gray-600 mb-6">
+                Nossa equipe especializada trabalha com as principais seguradoras do mercado, 
+                garantindo cobertura completa e preços competitivos.
+              </p>
+              <div className="flex flex-col sm:flex-row gap-4">
+                <div className="flex items-center">
+                  <svg className="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+                    <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                  </svg>
+                  <span className="text-gray-700">Atendimento 24/7</span>
+                </div>
+                <div className="flex items-center">
+                  <svg className="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+                    <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                  </svg>
+                  <span className="text-gray-700">Melhores Preços</span>
                 </div>
               </div>
-            ) : (
-              // No results state
-              <div className="relative h-[250px] flex items-center justify-center">
-                <div className="text-center">
-                  <div className="mb-4">
-                    <svg className="w-16 h-16 mx-auto text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+            </div>
+            <div className="relative">
+              <div className="bg-blue-600 rounded-lg p-8 text-white">
+                <h3 className="text-2xl font-bold mb-4">Por que escolher a Imediato?</h3>
+                <ul className="space-y-3">
+                  <li className="flex items-start">
+                    <svg className="w-5 h-5 text-blue-200 mr-3 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
                     </svg>
-                  </div>
-                  <p className="text-gray-500 text-lg">No results found</p>
-                  <p className="text-gray-400 text-sm mt-1">Try a different search term</p>
-                </div>
+                    <span>Comparação entre múltiplas seguradoras</span>
+                  </li>
+                  <li className="flex items-start">
+                    <svg className="w-5 h-5 text-blue-200 mr-3 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                    </svg>
+                    <span>Processo de contratação simplificado</span>
+                  </li>
+                  <li className="flex items-start">
+                    <svg className="w-5 h-5 text-blue-200 mr-3 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                    </svg>
+                    <span>Suporte especializado</span>
+                  </li>
+                  <li className="flex items-start">
+                    <svg className="w-5 h-5 text-blue-200 mr-3 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                    </svg>
+                    <span>Renovação automática</span>
+                  </li>
+                </ul>
               </div>
-            )}
-          </section>
-        )}
-
-      </div>
-
-      <style jsx>{`
-        @keyframes infiniteScroll {
-          from {
-            transform: translateX(0);
-          }
-          to {
-            transform: translateX(-50%);
-          }
-        }
-
-        @keyframes shimmer {
-          0% {
-            transform: translateX(-100%);
-          }
-          100% {
-            transform: translateX(100%);
-          }
-        }
-
-        @keyframes fadeIn {
-          from {
-            opacity: 0;
-            transform: translateY(10px);
-          }
-          to {
-            opacity: 1;
-            transform: translateY(0);
-          }
-        }
-
-        .carousel-container {
-          animation: infiniteScroll 30s linear infinite;
-        }
-
-        .carousel-container:hover {
-          animation-play-state: paused;
-        }
-
-        .skeleton-shimmer {
-          position: relative;
-          overflow: hidden;
-        }
-
-        .skeleton-gradient {
-          animation: shimmer 2s infinite;
-        }
-      `}</style>
-    </HeaderProvider>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Contact Section */}
+      <section id="contato" className="py-16 bg-white">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">Entre em Contato</h2>
+            <p className="text-lg text-gray-600">Estamos prontos para ajudar você a encontrar o melhor seguro</p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="text-center">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Telefone</h3>
+              <p className="text-gray-600">(11) 99999-9999</p>
+            </div>
+            
+            <div className="text-center">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Email</h3>
+              <p className="text-gray-600">contato@imediato.com.br</p>
+            </div>
+            
+            <div className="text-center">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Endereço</h3>
+              <p className="text-gray-600">São Paulo, SP</p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="bg-gray-900 text-white py-8">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center">
+            <h3 className="text-xl font-bold mb-2">Imediato Soluções em Seguros</h3>
+            <p className="text-gray-400 mb-4">Proteção completa para você e seu patrimônio</p>
+            <div className="flex justify-center space-x-6">
+              <a href="#" className="text-gray-400 hover:text-white">
+                <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                  <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
+                </svg>
+              </a>
+              <a href="#" className="text-gray-400 hover:text-white">
+                <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                  <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
+                </svg>
+              </a>
+              <a href="#" className="text-gray-400 hover:text-white">
+                <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                  <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+                </svg>
+              </a>
+            </div>
+            <p className="text-gray-400 text-sm mt-4">
+              © 2024 Imediato Soluções em Seguros. Todos os direitos reservados.
+            </p>
+          </div>
+        </div>
+      </footer>
+    </div>
   );
 }
\ No newline at end of file
diff --git a/app/pixel-perfect-result/page.tsx b/app/pixel-perfect-result/page.tsx
new file mode 100644
index 00000000..f0d65df4
--- /dev/null
+++ b/app/pixel-perfect-result/page.tsx
@@ -0,0 +1,383 @@
+"use client";
+
+import { useState } from "react";
+import Image from "next/image";
+
+export default function SegurosImediatoPixelPerfect() {
+  const [formData, setFormData] = useState({
+    nome: "",
+    telefone: "",
+    email: "",
+    cpf: "",
+    cep: "",
+    placa: "",
+    marca: "",
+    modelo: "",
+    ano: "",
+    valorVeiculo: ""
+  });
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    // Aqui você pode implementar a lógica de envio
+    console.log("Formulário enviado:", formData);
+  };
+
+  return (
+    <div className="min-h-screen bg-white">
+      {/* Header com Contatos */}
+      <header className="bg-blue-900 text-white py-4">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex flex-col lg:flex-row justify-between items-center">
+            {/* Logo */}
+            <div className="mb-4 lg:mb-0">
+              <Image
+                src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5f845624fe08f9f0d0573fee_logotipo-imediato-seguros.svg"
+                alt="Imediato Seguros"
+                width={200}
+                height={60}
+                className="h-12 w-auto"
+              />
+            </div>
+            
+            {/* Contatos */}
+            <div className="flex flex-col sm:flex-row gap-6 text-sm">
+              <div className="flex items-center gap-2">
+                <Image
+                  src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                  alt="Telefone"
+                  width={20}
+                  height={20}
+                />
+                <span>São Paulo: (11) 3230-1422</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <Image
+                  src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                  alt="Telefone"
+                  width={20}
+                  height={20}
+                />
+                <span>Rio de Janeiro: (21) 3230-1422</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <Image
+                  src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf62fd9e5e1c4c2811e865_whatsapp%20azul%202.svg"
+                  alt="WhatsApp"
+                  width={20}
+                  height={20}
+                />
+                <span>WhatsApp: (11) 99999-9999</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      {/* Hero Section */}
+      <section className="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h1 className="text-4xl md:text-6xl font-bold mb-6">
+              25 ANOS DE EXPERIÊNCIA
+            </h1>
+            <h2 className="text-2xl md:text-4xl font-semibold mb-4">
+              ESPECIALISTAS EM SEGUROS DE AUTO
+            </h2>
+            <p className="text-xl mb-8">
+              ATENDIMENTO EM TODO O BRASIL
+            </p>
+            <div className="bg-yellow-400 text-blue-900 px-8 py-4 rounded-lg inline-block font-bold text-2xl">
+              R$ 79⁹⁰ MENSAIS
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Formulário Principal */}
+      <section className="py-16 bg-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
+            {/* Coluna Esquerda - Formulário */}
+            <div className="bg-white rounded-lg shadow-lg p-8">
+              <h3 className="text-2xl font-bold text-gray-900 mb-6 text-center">
+                COTAÇÃO GRÁTIS E COMPLETA
+              </h3>
+              <p className="text-gray-600 mb-8 text-center">
+                SEM COMPROMISSO
+              </p>
+              
+              <form onSubmit={handleSubmit} className="space-y-6">
+                {/* Dados Pessoais */}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      Nome Completo *
+                    </label>
+                    <input
+                      type="text"
+                      name="nome"
+                      value={formData.nome}
+                      onChange={handleInputChange}
+                      required
+                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      Telefone *
+                    </label>
+                    <input
+                      type="tel"
+                      name="telefone"
+                      value={formData.telefone}
+                      onChange={handleInputChange}
+                      required
+                      placeholder="(11) 99999-9999"
+                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+                </div>
+
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      E-mail *
+                    </label>
+                    <input
+                      type="email"
+                      name="email"
+                      value={formData.email}
+                      onChange={handleInputChange}
+                      required
+                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      CPF *
+                    </label>
+                    <input
+                      type="text"
+                      name="cpf"
+                      value={formData.cpf}
+                      onChange={handleInputChange}
+                      required
+                      placeholder="000.000.000-00"
+                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+                </div>
+
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">
+                    CEP *
+                  </label>
+                  <input
+                    type="text"
+                    name="cep"
+                    value={formData.cep}
+                    onChange={handleInputChange}
+                    required
+                    placeholder="00000-000"
+                    className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                </div>
+
+                {/* Dados do Veículo */}
+                <div className="border-t pt-6">
+                  <h4 className="text-lg font-semibold text-gray-900 mb-4">
+                    DADOS DO VEÍCULO
+                  </h4>
+                  
+                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">
+                        Placa *
+                      </label>
+                      <input
+                        type="text"
+                        name="placa"
+                        value={formData.placa}
+                        onChange={handleInputChange}
+                        required
+                        placeholder="ABC-1234"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">
+                        Marca *
+                      </label>
+                      <select
+                        name="marca"
+                        value={formData.marca}
+                        onChange={handleInputChange}
+                        required
+                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                      >
+                        <option value="">Selecione a marca</option>
+                        <option value="chevrolet">Chevrolet</option>
+                        <option value="volkswagen">Volkswagen</option>
+                        <option value="ford">Ford</option>
+                        <option value="fiat">Fiat</option>
+                        <option value="toyota">Toyota</option>
+                        <option value="honda">Honda</option>
+                        <option value="hyundai">Hyundai</option>
+                        <option value="nissan">Nissan</option>
+                      </select>
+                    </div>
+                  </div>
+
+                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">
+                        Modelo *
+                      </label>
+                      <input
+                        type="text"
+                        name="modelo"
+                        value={formData.modelo}
+                        onChange={handleInputChange}
+                        required
+                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">
+                        Ano *
+                      </label>
+                      <input
+                        type="number"
+                        name="ano"
+                        value={formData.ano}
+                        onChange={handleInputChange}
+                        required
+                        min="1990"
+                        max="2024"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      Valor do Veículo *
+                    </label>
+                    <input
+                      type="number"
+                      name="valorVeiculo"
+                      value={formData.valorVeiculo}
+                      onChange={handleInputChange}
+                      required
+                      placeholder="R$ 0,00"
+                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+                </div>
+
+                <button
+                  type="submit"
+                  className="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-4 px-6 rounded-lg text-lg transition-colors"
+                >
+                  SOLICITAR COTAÇÃO GRÁTIS
+                </button>
+              </form>
+            </div>
+
+            {/* Coluna Direita - Benefícios */}
+            <div className="space-y-8">
+              <div className="bg-white rounded-lg shadow-lg p-8">
+                <h3 className="text-2xl font-bold text-gray-900 mb-6">
+                  POR QUE ESCOLHER A IMEDIATO?
+                </h3>
+                <ul className="space-y-4">
+                  <li className="flex items-start">
+                    <div className="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center mr-3 mt-1">
+                      <svg className="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                    </div>
+                    <span className="text-gray-700">25 anos de experiência no mercado</span>
+                  </li>
+                  <li className="flex items-start">
+                    <div className="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center mr-3 mt-1">
+                      <svg className="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                    </div>
+                    <span className="text-gray-700">Atendimento em todo o Brasil</span>
+                  </li>
+                  <li className="flex items-start">
+                    <div className="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center mr-3 mt-1">
+                      <svg className="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                    </div>
+                    <span className="text-gray-700">Melhores preços do mercado</span>
+                  </li>
+                  <li className="flex items-start">
+                    <div className="w-6 h-6 bg-green-500 rounded-full flex items-center justify-center mr-3 mt-1">
+                      <svg className="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                    </div>
+                    <span className="text-gray-700">Suporte especializado 24/7</span>
+                  </li>
+                </ul>
+              </div>
+
+              <div className="bg-blue-50 rounded-lg p-8">
+                <h4 className="text-xl font-bold text-blue-900 mb-4">
+                  ATENDIMENTO DE EMERGÊNCIA
+                </h4>
+                <p className="text-blue-800 mb-4">
+                  Estamos sempre prontos para ajudar você em qualquer situação.
+                </p>
+                <div className="flex items-center">
+                  <Image
+                    src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                    alt="Telefone"
+                    width={24}
+                    height={24}
+                    className="mr-3"
+                  />
+                  <span className="text-blue-900 font-semibold">(11) 99999-9999</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="bg-gray-900 text-white py-8">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center">
+            <Image
+              src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5f845624fe08f9f0d0573fee_logotipo-imediato-seguros.svg"
+              alt="Imediato Seguros"
+              width={200}
+              height={60}
+              className="h-12 w-auto mx-auto mb-4"
+            />
+            <p className="text-gray-400 mb-4">
+              © 2024 Imediato Seguros. Todos os direitos reservados.
+            </p>
+            <p className="text-gray-500 text-sm">
+              Corretora de Seguros autorizada pela SUSEP
+            </p>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/app/pixel-perfect-v2/page.tsx b/app/pixel-perfect-v2/page.tsx
new file mode 100644
index 00000000..7560a438
--- /dev/null
+++ b/app/pixel-perfect-v2/page.tsx
@@ -0,0 +1,521 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import Image from "next/image";
+
+export default function SegurosImediatoPixelPerfect() {
+  const [formData, setFormData] = useState({
+    nome: "",
+    telefone: "",
+    email: "",
+    cpf: "",
+    cep: "",
+    placa: "",
+    marca: "",
+    modelo: "",
+    ano: "",
+    valorVeiculo: ""
+  });
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log("Formulário enviado:", formData);
+  };
+
+  return (
+    <>
+      {/* CSS Original do Site */}
+      <style jsx global>{`
+        /* CSS Original do Seguros Imediato */
+        @import url('https://cdn.prod.website-files.com/59eb807f9d16950001e202af/css/segurosimediato.shared.2c3efc89a.min.css');
+        @import url('https://cdn.prod.website-files.com/59eb807f9d16950001e202af/css/segurosimediato.59eb807f9d16950001e202b2-2fa8a5b6f.min.css');
+        
+        /* Garantir que o layout seja idêntico */
+        body {
+          margin: 0;
+          padding: 0;
+          font-family: 'Inter', sans-serif;
+        }
+        
+        /* Preservar classes originais do Webflow */
+        .w-container {
+          max-width: 1200px;
+          margin-left: auto;
+          margin-right: auto;
+        }
+        
+        .w-row {
+          display: flex;
+          flex-wrap: wrap;
+        }
+        
+        .w-col {
+          flex: 1;
+        }
+        
+        /* Header específico */
+        .header-section {
+          background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
+          color: white;
+          padding: 1rem 0;
+        }
+        
+        /* Hero section */
+        .hero-section {
+          background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
+          color: white;
+          padding: 4rem 0;
+          text-align: center;
+        }
+        
+        /* Formulário */
+        .form-section {
+          background: #f8fafc;
+          padding: 3rem 0;
+        }
+        
+        .form-container {
+          background: white;
+          border-radius: 12px;
+          box-shadow: 0 10px 25px rgba(0,0,0,0.1);
+          padding: 2rem;
+        }
+        
+        /* Botões */
+        .btn-primary {
+          background: #10b981;
+          color: white;
+          border: none;
+          padding: 1rem 2rem;
+          border-radius: 8px;
+          font-weight: bold;
+          font-size: 1.1rem;
+          cursor: pointer;
+          transition: all 0.3s ease;
+        }
+        
+        .btn-primary:hover {
+          background: #059669;
+          transform: translateY(-2px);
+        }
+        
+        /* Inputs */
+        .form-input {
+          width: 100%;
+          padding: 0.75rem;
+          border: 2px solid #e5e7eb;
+          border-radius: 6px;
+          font-size: 1rem;
+          transition: border-color 0.3s ease;
+        }
+        
+        .form-input:focus {
+          outline: none;
+          border-color: #3b82f6;
+          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+        }
+        
+        /* Grid responsivo */
+        .form-grid {
+          display: grid;
+          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+          gap: 1rem;
+        }
+        
+        /* Preço destacado */
+        .price-highlight {
+          background: #fbbf24;
+          color: #1f2937;
+          padding: 1rem 2rem;
+          border-radius: 12px;
+          font-size: 1.5rem;
+          font-weight: bold;
+          display: inline-block;
+          margin: 1rem 0;
+        }
+        
+        /* Benefícios */
+        .benefits-section {
+          background: white;
+          padding: 3rem 0;
+        }
+        
+        .benefit-item {
+          display: flex;
+          align-items: center;
+          margin: 1rem 0;
+        }
+        
+        .benefit-icon {
+          width: 24px;
+          height: 24px;
+          background: #10b981;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 1rem;
+          color: white;
+        }
+        
+        /* Responsivo */
+        @media (max-width: 768px) {
+          .form-grid {
+            grid-template-columns: 1fr;
+          }
+          
+          .hero-section {
+            padding: 2rem 0;
+          }
+          
+          .price-highlight {
+            font-size: 1.2rem;
+            padding: 0.75rem 1.5rem;
+          }
+        }
+      `}</style>
+
+      {/* Estrutura HTML Idêntica ao Original */}
+      <div className="w-container">
+        {/* Header com Contatos */}
+        <header className="header-section">
+          <div className="w-container">
+            <div className="w-row" style={{ alignItems: 'center', justifyContent: 'space-between' }}>
+              {/* Logo */}
+              <div className="w-col" style={{ flex: '0 0 auto' }}>
+                <Image
+                  src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5f845624fe08f9f0d0573fee_logotipo-imediato-seguros.svg"
+                  alt="Imediato Seguros"
+                  width={200}
+                  height={60}
+                  style={{ height: '60px', width: 'auto' }}
+                />
+              </div>
+              
+              {/* Contatos */}
+              <div className="w-col" style={{ textAlign: 'right' }}>
+                <div style={{ display: 'flex', gap: '2rem', flexWrap: 'wrap', justifyContent: 'flex-end' }}>
+                  <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                      alt="Telefone"
+                      width={20}
+                      height={20}
+                    />
+                    <span>São Paulo: (11) 3230-1422</span>
+                  </div>
+                  <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                      alt="Telefone"
+                      width={20}
+                      height={20}
+                    />
+                    <span>Rio de Janeiro: (21) 3230-1422</span>
+                  </div>
+                  <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf62fd9e5e1c4c2811e865_whatsapp%20azul%202.svg"
+                      alt="WhatsApp"
+                      width={20}
+                      height={20}
+                    />
+                    <span>WhatsApp: (11) 99999-9999</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </header>
+
+        {/* Hero Section */}
+        <section className="hero-section">
+          <div className="w-container">
+            <h1 style={{ fontSize: '3rem', fontWeight: 'bold', marginBottom: '1rem' }}>
+              25 ANOS DE EXPERIÊNCIA
+            </h1>
+            <h2 style={{ fontSize: '2rem', fontWeight: '600', marginBottom: '1rem' }}>
+              ESPECIALISTAS EM SEGUROS DE AUTO
+            </h2>
+            <p style={{ fontSize: '1.25rem', marginBottom: '2rem' }}>
+              ATENDIMENTO EM TODO O BRASIL
+            </p>
+            <div className="price-highlight">
+              R$ 79⁹⁰ MENSAIS
+            </div>
+          </div>
+        </section>
+
+        {/* Formulário Principal */}
+        <section className="form-section">
+          <div className="w-container">
+            <div className="w-row" style={{ gap: '3rem' }}>
+              {/* Coluna Esquerda - Formulário */}
+              <div className="w-col" style={{ flex: '1' }}>
+                <div className="form-container">
+                  <h3 style={{ fontSize: '1.5rem', fontWeight: 'bold', textAlign: 'center', marginBottom: '1rem' }}>
+                    COTAÇÃO GRÁTIS E COMPLETA
+                  </h3>
+                  <p style={{ textAlign: 'center', color: '#6b7280', marginBottom: '2rem' }}>
+                    SEM COMPROMISSO
+                  </p>
+                  
+                  <form onSubmit={handleSubmit}>
+                    {/* Dados Pessoais */}
+                    <div className="form-grid">
+                      <div>
+                        <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                          Nome Completo *
+                        </label>
+                        <input
+                          type="text"
+                          name="nome"
+                          value={formData.nome}
+                          onChange={handleInputChange}
+                          required
+                          className="form-input"
+                        />
+                      </div>
+                      <div>
+                        <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                          Telefone *
+                        </label>
+                        <input
+                          type="tel"
+                          name="telefone"
+                          value={formData.telefone}
+                          onChange={handleInputChange}
+                          required
+                          placeholder="(11) 99999-9999"
+                          className="form-input"
+                        />
+                      </div>
+                    </div>
+
+                    <div className="form-grid">
+                      <div>
+                        <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                          E-mail *
+                        </label>
+                        <input
+                          type="email"
+                          name="email"
+                          value={formData.email}
+                          onChange={handleInputChange}
+                          required
+                          className="form-input"
+                        />
+                      </div>
+                      <div>
+                        <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                          CPF *
+                        </label>
+                        <input
+                          type="text"
+                          name="cpf"
+                          value={formData.cpf}
+                          onChange={handleInputChange}
+                          required
+                          placeholder="000.000.000-00"
+                          className="form-input"
+                        />
+                      </div>
+                    </div>
+
+                    <div>
+                      <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                        CEP *
+                      </label>
+                      <input
+                        type="text"
+                        name="cep"
+                        value={formData.cep}
+                        onChange={handleInputChange}
+                        required
+                        placeholder="00000-000"
+                        className="form-input"
+                      />
+                    </div>
+
+                    {/* Dados do Veículo */}
+                    <div style={{ borderTop: '2px solid #e5e7eb', paddingTop: '1.5rem', marginTop: '1.5rem' }}>
+                      <h4 style={{ fontSize: '1.25rem', fontWeight: '600', marginBottom: '1rem' }}>
+                        DADOS DO VEÍCULO
+                      </h4>
+                      
+                      <div className="form-grid">
+                        <div>
+                          <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                            Placa *
+                          </label>
+                          <input
+                            type="text"
+                            name="placa"
+                            value={formData.placa}
+                            onChange={handleInputChange}
+                            required
+                            placeholder="ABC-1234"
+                            className="form-input"
+                          />
+                        </div>
+                        <div>
+                          <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                            Marca *
+                          </label>
+                          <select
+                            name="marca"
+                            value={formData.marca}
+                            onChange={handleInputChange}
+                            required
+                            className="form-input"
+                          >
+                            <option value="">Selecione a marca</option>
+                            <option value="chevrolet">Chevrolet</option>
+                            <option value="volkswagen">Volkswagen</option>
+                            <option value="ford">Ford</option>
+                            <option value="fiat">Fiat</option>
+                            <option value="toyota">Toyota</option>
+                            <option value="honda">Honda</option>
+                            <option value="hyundai">Hyundai</option>
+                            <option value="nissan">Nissan</option>
+                          </select>
+                        </div>
+                      </div>
+
+                      <div className="form-grid">
+                        <div>
+                          <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                            Modelo *
+                          </label>
+                          <input
+                            type="text"
+                            name="modelo"
+                            value={formData.modelo}
+                            onChange={handleInputChange}
+                            required
+                            className="form-input"
+                          />
+                        </div>
+                        <div>
+                          <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                            Ano *
+                          </label>
+                          <input
+                            type="number"
+                            name="ano"
+                            value={formData.ano}
+                            onChange={handleInputChange}
+                            required
+                            min="1990"
+                            max="2024"
+                            className="form-input"
+                          />
+                        </div>
+                      </div>
+
+                      <div>
+                        <label style={{ display: 'block', fontWeight: '500', marginBottom: '0.5rem' }}>
+                          Valor do Veículo *
+                        </label>
+                        <input
+                          type="number"
+                          name="valorVeiculo"
+                          value={formData.valorVeiculo}
+                          onChange={handleInputChange}
+                          required
+                          placeholder="R$ 0,00"
+                          className="form-input"
+                        />
+                      </div>
+                    </div>
+
+                    <button
+                      type="submit"
+                      className="btn-primary"
+                      style={{ width: '100%', marginTop: '2rem' }}
+                    >
+                      SOLICITAR COTAÇÃO GRÁTIS
+                    </button>
+                  </form>
+                </div>
+              </div>
+
+              {/* Coluna Direita - Benefícios */}
+              <div className="w-col" style={{ flex: '1' }}>
+                <div className="benefits-section">
+                  <h3 style={{ fontSize: '1.5rem', fontWeight: 'bold', marginBottom: '1.5rem' }}>
+                    POR QUE ESCOLHER A IMEDIATO?
+                  </h3>
+                  <div>
+                    <div className="benefit-item">
+                      <div className="benefit-icon">✓</div>
+                      <span>25 anos de experiência no mercado</span>
+                    </div>
+                    <div className="benefit-item">
+                      <div className="benefit-icon">✓</div>
+                      <span>Atendimento em todo o Brasil</span>
+                    </div>
+                    <div className="benefit-item">
+                      <div className="benefit-icon">✓</div>
+                      <span>Melhores preços do mercado</span>
+                    </div>
+                    <div className="benefit-item">
+                      <div className="benefit-icon">✓</div>
+                      <span>Suporte especializado 24/7</span>
+                    </div>
+                  </div>
+
+                  <div style={{ background: '#dbeafe', padding: '2rem', borderRadius: '12px', marginTop: '2rem' }}>
+                    <h4 style={{ fontSize: '1.25rem', fontWeight: 'bold', color: '#1e40af', marginBottom: '1rem' }}>
+                      ATENDIMENTO DE EMERGÊNCIA
+                    </h4>
+                    <p style={{ color: '#1e40af', marginBottom: '1rem' }}>
+                      Estamos sempre prontos para ajudar você em qualquer situação.
+                    </p>
+                    <div style={{ display: 'flex', alignItems: 'center' }}>
+                      <Image
+                        src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                        alt="Telefone"
+                        width={24}
+                        height={24}
+                        style={{ marginRight: '0.75rem' }}
+                      />
+                      <span style={{ color: '#1e40af', fontWeight: '600' }}>(11) 99999-9999</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* Footer */}
+        <footer style={{ background: '#1f2937', color: 'white', padding: '2rem 0', textAlign: 'center' }}>
+          <div className="w-container">
+            <Image
+              src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5f845624fe08f9f0d0573fee_logotipo-imediato-seguros.svg"
+              alt="Imediato Seguros"
+              width={200}
+              height={60}
+              style={{ height: '60px', width: 'auto', marginBottom: '1rem' }}
+            />
+            <p style={{ color: '#9ca3af', marginBottom: '1rem' }}>
+              © 2024 Imediato Seguros. Todos os direitos reservados.
+            </p>
+            <p style={{ color: '#6b7280', fontSize: '0.875rem' }}>
+              Corretora de Seguros autorizada pela SUSEP
+            </p>
+          </div>
+        </footer>
+      </div>
+    </>
+  );
+}
diff --git a/app/pixel-perfect/page.tsx b/app/pixel-perfect/page.tsx
new file mode 100644
index 00000000..dc4c58b4
--- /dev/null
+++ b/app/pixel-perfect/page.tsx
@@ -0,0 +1,271 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+
+export default function PixelPerfectClone() {
+  const [htmlStructure, setHtmlStructure] = useState<any>(null);
+  const [cssContent, setCssContent] = useState<any>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [activeTab, setActiveTab] = useState('preview');
+
+  useEffect(() => {
+    const loadData = async () => {
+      try {
+        const [htmlResponse, cssResponse] = await Promise.all([
+          fetch('/api/extract-html-structure'),
+          fetch('/api/extract-css')
+        ]);
+
+        const htmlData = await htmlResponse.json();
+        const cssData = await cssResponse.json();
+
+        setHtmlStructure(htmlData);
+        setCssContent(cssData);
+        setIsLoading(false);
+      } catch (error) {
+        console.error('Erro ao carregar dados:', error);
+        setIsLoading(false);
+      }
+    };
+
+    loadData();
+  }, []);
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-blue-600 mx-auto mb-4"></div>
+          <p className="text-gray-600">Extraindo HTML e CSS exatos...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Header */}
+      <div className="bg-white shadow-sm border-b">
+        <div className="max-w-7xl mx-auto px-4 py-4">
+          <h1 className="text-2xl font-bold text-gray-900">Clonagem Pixel-Perfect</h1>
+          <p className="text-gray-600">Baseada na análise exata do site original</p>
+        </div>
+      </div>
+
+      {/* Tabs */}
+      <div className="bg-white border-b">
+        <div className="max-w-7xl mx-auto px-4">
+          <nav className="flex space-x-8">
+            {[
+              { id: 'preview', label: 'Preview' },
+              { id: 'html', label: 'HTML Estruturado' },
+              { id: 'css', label: 'CSS Extraído' },
+              { id: 'forms', label: 'Formulários' }
+            ].map(tab => (
+              <button
+                key={tab.id}
+                onClick={() => setActiveTab(tab.id)}
+                className={`py-4 px-1 border-b-2 font-medium text-sm ${
+                  activeTab === tab.id
+                    ? 'border-blue-500 text-blue-600'
+                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
+                }`}
+              >
+                {tab.label}
+              </button>
+            ))}
+          </nav>
+        </div>
+      </div>
+
+      {/* Content */}
+      <div className="max-w-7xl mx-auto px-4 py-8">
+        {activeTab === 'preview' && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Preview da Clonagem</h2>
+              <div className="border rounded-lg overflow-hidden">
+                <iframe
+                  src="/seg-imediato"
+                  className="w-full h-96"
+                  title="Site Original"
+                />
+              </div>
+              <p className="text-sm text-gray-600 mt-2">
+                Site original para comparação
+              </p>
+            </div>
+
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Estatísticas da Extração</h2>
+              <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-blue-600">
+                    {htmlStructure?.forms?.length || 0}
+                  </div>
+                  <div className="text-sm text-gray-600">Formulários</div>
+                </div>
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-green-600">
+                    {cssContent?.external?.length || 0}
+                  </div>
+                  <div className="text-sm text-gray-600">CSS Externos</div>
+                </div>
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-purple-600">
+                    {cssContent?.inline?.length || 0}
+                  </div>
+                  <div className="text-sm text-gray-600">CSS Inline</div>
+                </div>
+                <div className="text-center">
+                  <div className="text-2xl font-bold text-orange-600">
+                    {htmlStructure?.scripts?.length || 0}
+                  </div>
+                  <div className="text-sm text-gray-600">Scripts</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'html' && htmlStructure && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">Estrutura HTML</h2>
+              
+              <div className="space-y-4">
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Head:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm">
+                    <div><strong>Título:</strong> {htmlStructure.head?.title}</div>
+                    <div><strong>Meta Tags:</strong> {htmlStructure.head?.meta?.length || 0}</div>
+                    <div><strong>Links:</strong> {htmlStructure.head?.links?.length || 0}</div>
+                  </div>
+                </div>
+
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Header:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm font-mono max-h-32 overflow-auto">
+                    {htmlStructure.header?.content?.substring(0, 500)}...
+                  </div>
+                </div>
+
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Main:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm font-mono max-h-32 overflow-auto">
+                    {htmlStructure.main?.content?.substring(0, 500)}...
+                  </div>
+                </div>
+
+                <div>
+                  <h3 className="font-medium text-gray-900 mb-2">Footer:</h3>
+                  <div className="bg-gray-100 p-3 rounded text-sm font-mono max-h-32 overflow-auto">
+                    {htmlStructure.footer?.content?.substring(0, 500)}...
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'css' && cssContent && (
+          <div className="space-y-6">
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">CSS Externos</h2>
+              <div className="space-y-4">
+                {cssContent.external?.map((css: any, index: number) => (
+                  <div key={index} className="border rounded p-4">
+                    <div className="font-medium text-gray-900 mb-2">
+                      CSS {index + 1}: {css.url}
+                    </div>
+                    <div className="text-sm text-gray-600 mb-2">
+                      Tamanho: {css.size} caracteres
+                    </div>
+                    <div className="bg-gray-900 text-green-400 p-3 rounded text-xs font-mono max-h-32 overflow-auto">
+                      <pre>{css.content.substring(0, 1000)}...</pre>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            <div className="bg-white rounded-lg shadow p-6">
+              <h2 className="text-xl font-semibold mb-4">CSS Embedido</h2>
+              <div className="space-y-4">
+                {cssContent.embedded?.map((css: any, index: number) => (
+                  <div key={index} className="border rounded p-4">
+                    <div className="font-medium text-gray-900 mb-2">
+                      CSS Embedido {index + 1}
+                    </div>
+                    <div className="bg-gray-900 text-green-400 p-3 rounded text-xs font-mono max-h-32 overflow-auto">
+                      <pre>{css.content.substring(0, 1000)}...</pre>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'forms' && htmlStructure && (
+          <div className="space-y-6">
+            {htmlStructure.forms?.map((form: any, index: number) => (
+              <div key={index} className="bg-white rounded-lg shadow p-6">
+                <h2 className="text-xl font-semibold mb-4">Formulário {index + 1}</h2>
+                
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <div>
+                    <h3 className="font-medium text-gray-900 mb-2">Informações do Formulário:</h3>
+                    <div className="bg-gray-100 p-3 rounded text-sm space-y-1">
+                      <div><strong>Action:</strong> {form.action || 'N/A'}</div>
+                      <div><strong>Method:</strong> {form.method}</div>
+                      <div><strong>Classes:</strong> {form.classes || 'N/A'}</div>
+                      <div><strong>ID:</strong> {form.id || 'N/A'}</div>
+                    </div>
+                  </div>
+                  
+                  <div>
+                    <h3 className="font-medium text-gray-900 mb-2">Campos ({form.inputs?.length || 0}):</h3>
+                    <div className="space-y-2 max-h-64 overflow-auto">
+                      {form.inputs?.map((input: any, i: number) => (
+                        <div key={i} className="bg-gray-100 p-2 rounded text-sm">
+                          <div><strong>Tipo:</strong> {input.type}</div>
+                          <div><strong>Nome:</strong> {input.name || 'N/A'}</div>
+                          <div><strong>Placeholder:</strong> {input.placeholder || 'N/A'}</div>
+                          <div><strong>Classes:</strong> {input.class || 'N/A'}</div>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                </div>
+
+                <div className="mt-4">
+                  <h3 className="font-medium text-gray-900 mb-2">Botões ({form.buttons?.length || 0}):</h3>
+                  <div className="space-y-2">
+                    {form.buttons?.map((button: any, i: number) => (
+                      <div key={i} className="bg-gray-100 p-2 rounded text-sm">
+                        <div><strong>Tipo:</strong> {button.type}</div>
+                        <div><strong>Texto:</strong> {button.content}</div>
+                        <div><strong>Classes:</strong> {button.class || 'N/A'}</div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+        
+        {/* Botão para Ver Resultado */}
+        <div className="mt-8 text-center">
+          <a 
+            href="/pixel-perfect-result"
+            className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors inline-block"
+          >
+            Ver Clonagem Pixel-Perfect
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/app/seg-imediato/page.tsx b/app/seg-imediato/page.tsx
new file mode 100644
index 00000000..b6a09393
--- /dev/null
+++ b/app/seg-imediato/page.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+export default function Page() {
+  return (
+    <div style={{ height: "100vh", width: "100%", overflow: "hidden" }}>
+      <iframe
+        title="Espelho Seguros Imediato"
+        src="/mirror/"
+        sandbox="allow-same-origin allow-scripts allow-forms allow-popups"
+        style={{ border: 0, width: "100%", height: "100%" }}
+      />
+    </div>
+  );
+}
diff --git a/app/webflow-clone/page.tsx b/app/webflow-clone/page.tsx
new file mode 100644
index 00000000..08762c77
--- /dev/null
+++ b/app/webflow-clone/page.tsx
@@ -0,0 +1,697 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import Image from "next/image";
+
+export default function SegurosImediatoWebflowClone() {
+  const [formData, setFormData] = useState({
+    nome: "",
+    dddCelular: "",
+    celular: "",
+    email: "",
+    cep: "",
+    cpf: "",
+    placa: "",
+    ano: "",
+    marca: ""
+  });
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log("Formulário Webflow enviado:", formData);
+  };
+
+  return (
+    <>
+      {/* CSS Original do Webflow */}
+      <style jsx global>{`
+        @import url('https://cdn.prod.website-files.com/59eb807f9d16950001e202af/css/segurosimediato.shared.2c3efc89a.min.css');
+        @import url('https://cdn.prod.website-files.com/59eb807f9d16950001e202af/css/segurosimediato.59eb807f9d16950001e202b2-2fa8a5b6f.min.css');
+        
+        /* Garantir que as classes Webflow funcionem */
+        .w-container {
+          max-width: 1200px;
+          margin-left: auto;
+          margin-right: auto;
+        }
+        
+        .w-row {
+          display: flex;
+          flex-wrap: wrap;
+        }
+        
+        .w-col {
+          flex: 1;
+        }
+        
+        .w-col-7 {
+          flex: 0 0 58.333333%;
+        }
+        
+        .w-col-5 {
+          flex: 0 0 41.666667%;
+        }
+        
+        .w-col-6 {
+          flex: 0 0 50%;
+        }
+        
+        /* Formulário Webflow */
+        .w-form {
+          position: relative;
+        }
+        
+        .w-input {
+          width: 100%;
+          height: 38px;
+          padding: 8px 12px;
+          margin-bottom: 10px;
+          border: 1px solid #ccc;
+          border-radius: 0;
+          font-size: 14px;
+          line-height: 1.4;
+        }
+        
+        .w-button {
+          display: inline-block;
+          padding: 9px 15px;
+          background-color: #3898ec;
+          color: white;
+          border: 0;
+          line-height: inherit;
+          text-decoration: none;
+          cursor: pointer;
+          border-radius: 0;
+        }
+        
+        /* Layout específico do site */
+        .brand-new-header {
+          background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
+          color: white;
+          padding: 1rem 0;
+        }
+        
+        .hero {
+          background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
+          color: white;
+          padding: 4rem 0;
+        }
+        
+        .container_padrao {
+          max-width: 1200px;
+          margin: 0 auto;
+          padding: 0 20px;
+        }
+        
+        /* Preço destacado */
+        .div-preco {
+          display: flex;
+          align-items: baseline;
+          justify-content: center;
+        }
+        
+        .preco {
+          font-size: 3rem;
+          font-weight: bold;
+          color: #fbbf24;
+        }
+        
+        .centavos-preco {
+          font-size: 1.5rem;
+          font-weight: bold;
+          color: #fbbf24;
+        }
+        
+        .div-pre-preco {
+          text-align: center;
+          margin-bottom: 0.5rem;
+        }
+        
+        .pre-preco {
+          font-size: 1rem;
+          color: white;
+        }
+        
+        /* Formulário específico */
+        .form_auto {
+          background: white;
+          padding: 2rem;
+          border-radius: 12px;
+          box-shadow: 0 10px 25px rgba(0,0,0,0.1);
+        }
+        
+        .field {
+          width: 100%;
+          padding: 0.75rem;
+          border: 2px solid #e5e7eb;
+          border-radius: 6px;
+          font-size: 1rem;
+          margin-bottom: 1rem;
+        }
+        
+        .field:focus {
+          outline: none;
+          border-color: #3b82f6;
+          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+        }
+        
+        .submit-button {
+          width: 100%;
+          background: #10b981;
+          color: white;
+          border: none;
+          padding: 1rem 2rem;
+          border-radius: 8px;
+          font-weight: bold;
+          font-size: 1.1rem;
+          cursor: pointer;
+          transition: all 0.3s ease;
+        }
+        
+        .submit-button:hover {
+          background: #059669;
+          transform: translateY(-2px);
+        }
+        
+        /* Grid de seguros */
+        .w-layout-grid {
+          display: grid;
+          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+          gap: 1rem;
+        }
+        
+        .grid-7 {
+          grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+        }
+        
+        /* Responsivo */
+        @media (max-width: 768px) {
+          .w-col-7, .w-col-5 {
+            flex: 0 0 100%;
+          }
+          
+          .hero {
+            padding: 2rem 0;
+          }
+          
+          .preco {
+            font-size: 2rem;
+          }
+          
+          .centavos-preco {
+            font-size: 1rem;
+          }
+        }
+      `}</style>
+
+      {/* Estrutura HTML Idêntica ao Webflow */}
+      <div className="body" page="home">
+        {/* Header Webflow */}
+        <div id="new-header" section="new-header" className="brand-new-header">
+          <div className="container-15 w-container">
+            <div className="dvblksess2-2">
+              <div className="div-block-38">
+                <a href="/" id="link-home" aria-current="page" className="link-image-header-2 w-inline-block w--current">
+                  <Image
+                    src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5f845624fe08f9f0d0573fee_logotipo-imediato-seguros.svg"
+                    alt="Imediato Seguros"
+                    width={200}
+                    height={60}
+                    className="image-30"
+                    loading="lazy"
+                  />
+                </a>
+              </div>
+              
+              <div className="div-block-37">
+                <div className="dvblkhdr2-2">
+                  <div className="dvblkstd1">
+                    <h2 className="heading-19">São Paulo:</h2>
+                  </div>
+                  <div className="dvblkstd11">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                      alt="Icone Telefone svg"
+                      width={20}
+                      height={20}
+                      className="image-26"
+                    />
+                  </div>
+                  <div className="dvblkstd12">
+                    <a href="tel:+551132301422" id="sp-fone-link" telefone="telefone-1" className="fone-link top sp">
+                      (11) 3230-1422
+                    </a>
+                  </div>
+                </div>
+                
+                <div className="dvblkhdr2-2">
+                  <div className="dvblkstd1">
+                    <h2 className="heading-19">Rio de Janeiro:</h2>
+                  </div>
+                  <div className="dvblkstd11">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                      alt="Icone Telefone svg"
+                      width={20}
+                      height={20}
+                      className="image-26"
+                    />
+                  </div>
+                  <div className="dvblkstd12">
+                    <a href="tel:+552140421811" id="rj-fone-link-header" className="fone-link top sp">
+                      (21) 4042-1811
+                    </a>
+                  </div>
+                </div>
+                
+                <div className="dvblkhdr2-2">
+                  <div className="dvblkstd1">
+                    <h2 className="heading-19">Whatsapp:</h2>
+                  </div>
+                  <div className="dvblkstd11">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf62fd9e5e1c4c2811e865_whatsapp%20azul%202.svg"
+                      alt="Icone whatsapp svg"
+                      width={20}
+                      height={20}
+                      className="image-26"
+                    />
+                  </div>
+                  <div className="dvblkstd12">
+                    <a href="#" id="whatsappfone1" className="whatsapplink">
+                      (11) 3230-1422
+                    </a>
+                  </div>
+                </div>
+                
+                <div className="dvblkhdr2-2">
+                  <div className="dvblkstd1">
+                    <h2 className="heading-19">Emergência:</h2>
+                  </div>
+                  <div className="dvblkstd11">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg"
+                      alt="Icone Telefone svg"
+                      width={20}
+                      height={20}
+                      className="image-26"
+                    />
+                  </div>
+                  <div className="dvblkstd12">
+                    <a href="tel:+5511953288466" id="sp-cellfone-link" telefone="telefone-1" className="fone-link-copy top sp">
+                      (11) 95328-8466
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Hero Section Webflow */}
+        <div className="hero hero-auto auto">
+          <div className="container_padrao menina w-container">
+            <div className="text-block-16">
+              25 ANOS DE EXPERIÊNCIA.<br/>
+              ESPECIALISTAS EM<br/>
+              SEGUROS DE AUTO.<br/>
+              ATENDIMENTO EM TODO<br/>
+              O TERRITÓRIO NACIONAL.
+            </div>
+            
+            <div id="submit_button" whenClicked="set" className="wrapper w-form">
+              <div className="cabecalho-form">
+                <div className="row-form w-row">
+                  <div className="col-form cotacao-form auto-form w-col w-col-7 w-col-medium-6 w-col-small-6 w-col-tiny-6">
+                    <div className="div-main-title-esq auto">
+                      <div className="brand-new-text-title-form-esq auto">SEGURO</div>
+                    </div>
+                    <div className="div-main-title-esq auto">
+                      <div className="brand-new-text-title-form-esq auto">DE AUTO</div>
+                    </div>
+                    <div className="div-sub-title">
+                      <div className="sub-text-form-esq auto">CÁLCULO ONLINE</div>
+                    </div>
+                    <div className="div-sub-title">
+                      <div className="sub-text-form-esq auto">COTAÇÃO EM 16 SEGURADORAS</div>
+                    </div>
+                  </div>
+                  
+                  <div className="col-form dir w-col w-col-5 w-col-medium-6 w-col-small-6 w-col-tiny-6">
+                    <div className="div-pre-preco">
+                      <div className="pre-preco">A PARTIR DE</div>
+                    </div>
+                    <div className="div-preco">
+                      <div className="preco caminhao">R$ 79</div>
+                      <div className="centavos-preco">90</div>
+                    </div>
+                    <div className="div-pre-preco">
+                      <div className="pre-preco">MENSAIS</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              
+              {/* Formulário Webflow Original */}
+              <form 
+                id="wf-form-Home-Seguro-Auto" 
+                name="wf-form-Home-Seguro-Auto" 
+                data-name="Home Seguro Auto" 
+                redirect="/sucesso" 
+                data-redirect="/sucesso" 
+                method="post" 
+                className="form_auto w-clearfix"
+                onSubmit={handleSubmit}
+              >
+                <input 
+                  className="field nome w-input" 
+                  maxLength={256} 
+                  name="nome" 
+                  data-name="NOME" 
+                  placeholder="Nome" 
+                  type="text" 
+                  id="NOME" 
+                  value={formData.nome}
+                  onChange={handleInputChange}
+                  required 
+                />
+                
+                <div className="div-block-3"></div>
+                
+                <div className="brand-new-text-alert">
+                  Preencha o <strong>DDD</strong>, o <strong className="bold-text-5">Celular, </strong>o <strong>CEP </strong>e o<strong> CPF</strong> só com números. 
+                  Caso prefira não informar o <strong>CPF, </strong>o <strong className="bold-text-4">CEP </strong>e a <strong>PLACA</strong> do veículo, 
+                  entraremos em contato para coletar essas informações.
+                </div>
+                
+                <input 
+                  className="field ddd-fone w-input" 
+                  maxLength={256} 
+                  name="dddCelular" 
+                  data-name="DDD-CELULAR" 
+                  placeholder="DDD" 
+                  type="text" 
+                  id="DDD-CELULAR" 
+                  value={formData.dddCelular}
+                  onChange={handleInputChange}
+                  required 
+                />
+                
+                <input 
+                  className="field celular noauto w-input" 
+                  maxLength={256} 
+                  name="celular" 
+                  data-name="CELULAR" 
+                  placeholder="CELULAR" 
+                  type="text" 
+                  id="CELULAR" 
+                  value={formData.celular}
+                  onChange={handleInputChange}
+                  required 
+                />
+                
+                <input 
+                  className="field email w-input" 
+                  maxLength={256} 
+                  name="email" 
+                  data-name="Email" 
+                  placeholder="Email" 
+                  type="email" 
+                  id="email" 
+                  value={formData.email}
+                  onChange={handleInputChange}
+                  required 
+                />
+                
+                <input 
+                  className="field cep w-input" 
+                  maxLength={256} 
+                  name="cep" 
+                  data-name="CEP" 
+                  placeholder="CEP DA RESIDÊNCIA" 
+                  type="text" 
+                  id="CEP" 
+                  value={formData.cep}
+                  onChange={handleInputChange}
+                />
+                
+                <input 
+                  className="field cidade noauto w-input" 
+                  maxLength={256} 
+                  name="cpf" 
+                  data-name="CPF" 
+                  placeholder="CPF" 
+                  type="text" 
+                  id="CPF" 
+                  value={formData.cpf}
+                  onChange={handleInputChange}
+                />
+                
+                <input 
+                  className="field estado w-input" 
+                  maxLength={256} 
+                  name="placa" 
+                  data-name="PLACA" 
+                  placeholder="PLACA DO VEÍCULO" 
+                  type="text" 
+                  id="PLACA" 
+                  value={formData.placa}
+                  onChange={handleInputChange}
+                />
+                
+                <input 
+                  className="field ano w-input" 
+                  maxLength={256} 
+                  name="ano" 
+                  data-name="ANO" 
+                  placeholder="ANO DO MODELO DO VEÍCULO" 
+                  type="number" 
+                  id="ANO" 
+                  value={formData.ano}
+                  onChange={handleInputChange}
+                />
+                
+                <input 
+                  className="field veiculo w-input" 
+                  maxLength={256} 
+                  name="marca" 
+                  data-name="MARCA" 
+                  placeholder="Fabricante / Marca / Modelo  Ex: FIAT UNO VIVACE 1.4 flex" 
+                  type="text" 
+                  id="MARCA" 
+                  value={formData.marca}
+                  onChange={handleInputChange}
+                />
+                
+                <input 
+                  type="submit" 
+                  data-wait="Aguarde..." 
+                  id="submit_button_auto" 
+                  whenClicked="set" 
+                  className="submit-button w-button" 
+                  value="CALCULE AGORA!" 
+                />
+                
+                <div className="html-embed w-embed">
+                  <input id="GCLID_FLD" name="GCLID_FLD" />
+                </div>
+                <div className="html-embed-3 w-embed">
+                  <input id="SEQUENCIA_FLD" name="SEQUENCIA_FLD" />
+                </div>
+              </form>
+              
+              <div className="box-sucesso w-form-done">
+                <div>
+                  Obrigado!<br/>
+                  Sua mensagem foi enviada com sucesso e em breve retornaremos com as melhores opções de seguros pra você.
+                </div>
+              </div>
+              
+              <div className="w-form-fail">
+                <div>
+                  Desculpe. Algo está errado no preenchimento do formulário.<br/>
+                  Tente novamente.
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Seção de Seguros */}
+        <div className="sessao-menu menu-auto bg-dots">
+          <div className="w-container">
+            <div className="titulo-principal-isolado">escolha o seu seguro</div>
+            <div className="w-layout-grid grid-7">
+              <div className="dvblkseguro">
+                <a href="/seguro-auto" className="link-blk-seg w-inline-block">
+                  <div className="dvblksegurologo">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fffffd30f2ab3bdf3f1_logo-auto-sem-linha.svg"
+                      alt=""
+                      width={50}
+                      height={50}
+                      className="imglogoseguro lazyload"
+                      loading="lazy"
+                    />
+                  </div>
+                  <div className="dvblksegurodescpreco">
+                    <div className="dvblkseguropreo">
+                      <h1 className="headsegdescricao">Auto</h1>
+                    </div>
+                    <div className="dvblksegurodescricao">
+                      <div className="txtblksegpreco">
+                        A partir de<br/>R$ 79,90 <br/>mensais
+                      </div>
+                    </div>
+                  </div>
+                </a>
+              </div>
+              
+              <div className="dvblkseguro caminhao">
+                <a href="/seguro-caminhao" className="link-blk-seg w-inline-block">
+                  <div className="dvblksegurologo">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6123b64c567800209abed277_caminhao-0.svg"
+                      alt=""
+                      width={50}
+                      height={50}
+                      className="imglogoseguro lazyload"
+                      loading="lazy"
+                    />
+                  </div>
+                  <div className="dvblksegurodescpreco">
+                    <div className="dvblkseguropreo">
+                      <h1 className="headsegdescricao">Caminhão</h1>
+                    </div>
+                    <div className="dvblksegurodescricao">
+                      <div className="txtblksegpreco">
+                        A partir de<br/>R$ 99,90 <br/>mensais
+                      </div>
+                    </div>
+                  </div>
+                </a>
+              </div>
+              
+              <div className="dvblkseguro uber">
+                <a href="/seguro-uber" className="link-blk-seg w-inline-block">
+                  <div className="dvblksegurologo">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fff3d71025a487e4863_logo-uber-sem-linha.svg"
+                      alt="Seguro de Aplicativo svg"
+                      width={50}
+                      height={50}
+                      className="imglogoseguro lazyload"
+                      loading="lazy"
+                    />
+                  </div>
+                  <div className="dvblksegurodescpreco">
+                    <div className="dvblkseguropreo">
+                      <h1 className="headsegdescricao">Uber</h1>
+                    </div>
+                    <div className="dvblksegurodescricao">
+                      <div className="txtblksegpreco">
+                        A partir de<br/>R$ 84,90<br/>mensais
+                      </div>
+                    </div>
+                  </div>
+                </a>
+              </div>
+              
+              <div className="dvblkseguro motos">
+                <a href="/seguro-motos" className="link-blk-seg w-inline-block">
+                  <div className="dvblksegurologo">
+                    <Image
+                      src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fffa34976d27b97d375_logo-moto-sem-linha.svg"
+                      alt="Seguro de Moto svg"
+                      width={50}
+                      height={50}
+                      className="imglogoseguro lazyload"
+                      loading="lazy"
+                    />
+                  </div>
+                  <div className="dvblksegurodescpreco">
+                    <div className="dvblkseguropreo">
+                      <h1 className="headsegdescricao">Motos</h1>
+                    </div>
+                    <div className="dvblksegurodescricao">
+                      <div className="txtblksegpreco">
+                        A partir de<br/>R$ 49,90 <br/>mensais
+                      </div>
+                    </div>
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Footer */}
+        <div className="calculo-auto footer">
+          <div className="container_padrao footer w-container">
+            <div className="row footer w-row">
+              <div className="col rodape w-col w-col-5 w-col-medium-6 w-col-small-6">
+                <p className="paragraph">
+                  <strong className="bold-text">IMEDIATO SOLUÇÕES CORRETORA DE SEGUROS LTDA.</strong>
+                </p>
+                <p className="paragraph-sub">
+                  MAIS DE 35 ANOS DE EXPERIÊNCIA.<br/>
+                  ESPECIALISTA EM SEGUROS DE AUTO.
+                </p>
+                <div className="div-block-43">
+                  <div className="div-block-44">
+                    <div className="text-block-48">
+                      Registro na SUSEP: <strong className="bold-text-3">222137462</strong>
+                    </div>
+                  </div>
+                </div>
+                <div className="text-block-49">
+                  CPNJ: <strong className="bold-text-2">45.998.165/0001-32</strong>
+                </div>
+                <p className="paragraph-text">
+                  Rua Barão de Itapetininga, 125 - 6o andar<br/>
+                  <span className="thin">CEP 01042-001 - Centro - São Paulo – SP</span>
+                </p>
+              </div>
+              
+              <div className="col rodape w-col w-col-7 w-col-medium-6 w-col-small-6">
+                <div className="div-block-39">
+                  <div className="dvblkfone">
+                    <div className="text-block-12 rod">São Paulo:</div>
+                    <a href="tel:+551132301422" id="sp-fone-link-footer" className="fone-link sp">
+                      (11) 3230-1422
+                    </a>
+                  </div>
+                  <div className="dvblkfone">
+                    <div className="text-block-12 rod">Rio de Janeiro:</div>
+                    <a href="tel:+552140421811" id="rj-fone-link" className="fone-link rj">
+                      (21) 4042-1811
+                    </a>
+                  </div>
+                  <div className="dvblkfone whatsapp">
+                    <div className="text-block-12 rod">Whatsapp:</div>
+                    <a href="#" id="whatsappfone2" className="whatsapp-link wp">
+                      (11) 4171-8837
+                    </a>
+                  </div>
+                  <div className="dvblkfone">
+                    <a href="mailto:CONTATO@IMEDIATOSEGUROS.COM.BR" className="link-header mail">
+                      contato@imediatoseguros.com.br
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/backup-clone-v1/README.md b/backup-clone-v1/README.md
new file mode 100644
index 00000000..76793b3b
--- /dev/null
+++ b/backup-clone-v1/README.md
@@ -0,0 +1,64 @@
+# Backup da Clonagem V1 - Seguros Imediato
+
+## 📅 Data do Backup
+**Data**: 08/10/2025  
+**Versão**: V1 - Clonagem Inicial  
+**Status**: ✅ Backup Completo
+
+## 📁 Arquivos Incluídos
+
+### Componentes React
+- `SegurosImediatoComponents.tsx` - Componentes principais da clonagem V1
+  - SegurosImediatoHeader
+  - SegurosImediatoHero  
+  - SegurosImediatoForm
+  - SegurosImediatoFooter
+
+### Páginas
+- `page.tsx` - Página de resultado da clonagem V1 (`/clone-result`)
+
+## 🎯 Funcionalidades da V1
+
+### ✅ Implementado
+- Header com navegação
+- Hero section com CTA
+- Formulário de cotação funcional
+- Seções de benefícios e serviços
+- Footer com informações
+- Design responsivo básico
+
+### 📋 Estrutura do Formulário V1
+- Nome Completo
+- CPF
+- Email
+- Telefone
+- Placa do Veículo
+- Marca/Modelo
+- Ano
+- CEP
+
+### 🎨 Design V1
+- Cores: Azul (#0066CC), Verde (#10B981), Cinza (#6B7280)
+- Tipografia: System fonts
+- Layout: Grid responsivo
+- Componentes: Cards, botões, inputs
+
+## 🔄 Próximas Versões
+
+### V2 - Pixel Perfect (Em Desenvolvimento)
+- Análise detalhada do site original
+- Extração de HTML/CSS exatos
+- Replicação pixel-perfect
+- Formulário idêntico ao original
+- Cores e tipografia exatas
+
+## 📝 Notas
+- Esta versão V1 serviu como base e protótipo
+- A V2 será muito mais fiel ao site original
+- Todos os arquivos estão preservados neste backup
+- A clonagem V1 continua funcionando em `/clone-result`
+
+---
+**Backup criado por**: Sistema de Clonagem Automática  
+**Localização**: `backup-clone-v1/`  
+**Status**: ✅ Preservado e Seguro
diff --git a/backup-clone-v1/SegurosImediatoComponents.tsx b/backup-clone-v1/SegurosImediatoComponents.tsx
new file mode 100644
index 00000000..160610a5
--- /dev/null
+++ b/backup-clone-v1/SegurosImediatoComponents.tsx
@@ -0,0 +1,279 @@
+"use client";
+
+import React from 'react';
+
+interface SegurosImediatoHeaderProps {
+  title?: string;
+  subtitle?: string;
+}
+
+export function SegurosImediatoHeader({ 
+  title = "Seguros Imediato", 
+  subtitle = "Cotação Grátis e Completa Sem Compromisso" 
+}: SegurosImediatoHeaderProps) {
+  return (
+    <header className="bg-white shadow-sm border-b">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex justify-between items-center py-4">
+          <div className="flex items-center">
+            <div className="flex-shrink-0">
+              <h1 className="text-2xl font-bold text-blue-900">{title}</h1>
+            </div>
+          </div>
+          <nav className="hidden md:flex space-x-8">
+            <a href="#servicos" className="text-gray-700 hover:text-blue-600 font-medium">Serviços</a>
+            <a href="#sobre" className="text-gray-700 hover:text-blue-600 font-medium">Sobre</a>
+            <a href="#contato" className="text-gray-700 hover:text-blue-600 font-medium">Contato</a>
+          </nav>
+        </div>
+      </div>
+    </header>
+  );
+}
+
+interface SegurosImediatoHeroProps {
+  title?: string;
+  subtitle?: string;
+  ctaText?: string;
+  onCtaClick?: () => void;
+}
+
+export function SegurosImediatoHero({ 
+  title = "Cotação Seguro Auto",
+  subtitle = "Cotação Grátis e Completa Sem Compromisso",
+  ctaText = "Solicitar Cotação",
+  onCtaClick
+}: SegurosImediatoHeroProps) {
+  return (
+    <section className="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-16">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <h1 className="text-4xl md:text-6xl font-bold mb-6">
+            {title}
+          </h1>
+          <p className="text-xl md:text-2xl mb-8 opacity-90 max-w-3xl mx-auto">
+            {subtitle}
+          </p>
+          <button 
+            onClick={onCtaClick}
+            className="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors"
+          >
+            {ctaText}
+          </button>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+interface SegurosImediatoFormProps {
+  onSubmit?: (data: any) => void;
+}
+
+export function SegurosImediatoForm({ onSubmit }: SegurosImediatoFormProps) {
+  const [formData, setFormData] = React.useState({
+    nome: '',
+    cpf: '',
+    email: '',
+    telefone: '',
+    placa: '',
+    marca: '',
+    ano: '',
+    cep: '',
+    cidade: '',
+    estado: ''
+  });
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    onSubmit?.(formData);
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
+    setFormData(prev => ({
+      ...prev,
+      [e.target.name]: e.target.value
+    }));
+  };
+
+  return (
+    <div className="max-w-4xl mx-auto px-4 py-12">
+      <div className="bg-white rounded-lg shadow-lg p-8">
+        <div className="text-center mb-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-4">
+            Solicite sua Cotação
+          </h2>
+          <p className="text-gray-600">
+            Preencha os dados abaixo e receba uma cotação personalizada em minutos
+          </p>
+        </div>
+        
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Nome Completo *
+              </label>
+              <input
+                type="text"
+                name="nome"
+                value={formData.nome}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                CPF *
+              </label>
+              <input
+                type="text"
+                name="cpf"
+                value={formData.cpf}
+                onChange={handleChange}
+                required
+                placeholder="000.000.000-00"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Email *
+              </label>
+              <input
+                type="email"
+                name="email"
+                value={formData.email}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Telefone *
+              </label>
+              <input
+                type="tel"
+                name="telefone"
+                value={formData.telefone}
+                onChange={handleChange}
+                required
+                placeholder="(00) 00000-0000"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Placa do Veículo *
+              </label>
+              <input
+                type="text"
+                name="placa"
+                value={formData.placa}
+                onChange={handleChange}
+                required
+                placeholder="ABC-1234"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Marca/Modelo *
+              </label>
+              <input
+                type="text"
+                name="marca"
+                value={formData.marca}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Ano *
+              </label>
+              <input
+                type="text"
+                name="ano"
+                value={formData.ano}
+                onChange={handleChange}
+                required
+                placeholder="2020"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                CEP *
+              </label>
+              <input
+                type="text"
+                name="cep"
+                value={formData.cep}
+                onChange={handleChange}
+                required
+                placeholder="00000-000"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+          </div>
+          
+          <div className="text-center">
+            <button
+              type="submit"
+              className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors"
+            >
+              Solicitar Cotação Grátis
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+interface SegurosImediatoFooterProps {
+  companyName?: string;
+  description?: string;
+}
+
+export function SegurosImediatoFooter({ 
+  companyName = "Seguros Imediato",
+  description = "Proteção completa para você e seu patrimônio"
+}: SegurosImediatoFooterProps) {
+  return (
+    <footer className="bg-gray-900 text-white py-8">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <h3 className="text-xl font-bold mb-2">{companyName}</h3>
+          <p className="text-gray-400 mb-4">{description}</p>
+          <div className="flex justify-center space-x-6">
+            <a href="#" className="text-gray-400 hover:text-white">
+              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
+              </svg>
+            </a>
+            <a href="#" className="text-gray-400 hover:text-white">
+              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
+              </svg>
+            </a>
+          </div>
+          <p className="text-gray-400 text-sm mt-4">
+            © 2024 {companyName}. Todos os direitos reservados.
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/backup-clone-v1/page.tsx b/backup-clone-v1/page.tsx
new file mode 100644
index 00000000..407366fe
--- /dev/null
+++ b/backup-clone-v1/page.tsx
@@ -0,0 +1,158 @@
+"use client";
+
+import React from 'react';
+import { 
+  SegurosImediatoHeader, 
+  SegurosImediatoHero, 
+  SegurosImediatoForm, 
+  SegurosImediatoFooter 
+} from '@/components/seguros-imediato/SegurosImediatoComponents';
+
+export default function SegurosImediatoClone() {
+  const handleFormSubmit = (data: any) => {
+    console.log('Dados do formulário:', data);
+    // Aqui você pode implementar a lógica de envio
+    alert('Cotação solicitada com sucesso! Entraremos em contato em breve.');
+  };
+
+  const handleCtaClick = () => {
+    // Scroll para o formulário
+    const formElement = document.getElementById('formulario-cotacao');
+    if (formElement) {
+      formElement.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <SegurosImediatoHeader 
+        title="Seguros Imediato"
+        subtitle="Cotação Grátis e Completa Sem Compromisso"
+      />
+      
+      <SegurosImediatoHero 
+        title="Cotação Seguro Auto"
+        subtitle="Cotação Grátis e Completa Sem Compromisso"
+        ctaText="Solicitar Cotação"
+        onCtaClick={handleCtaClick}
+      />
+      
+      <div id="formulario-cotacao">
+        <SegurosImediatoForm onSubmit={handleFormSubmit} />
+      </div>
+      
+      {/* Seção de Benefícios */}
+      <section className="py-16 bg-white">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Por que escolher a Seguros Imediato?
+            </h2>
+            <p className="text-lg text-gray-600">
+              Proteção completa com as melhores seguradoras do mercado
+            </p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Cotação Gratuita</h3>
+              <p className="text-gray-600">
+                Compare preços entre as principais seguradoras sem compromisso
+              </p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Processo Rápido</h3>
+              <p className="text-gray-600">
+                Receba sua cotação em minutos com atendimento especializado
+              </p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Melhores Preços</h3>
+              <p className="text-gray-600">
+                Negociamos as melhores condições com as seguradoras parceiras
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      
+      {/* Seção de Serviços */}
+      <section className="py-16 bg-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Nossos Serviços
+            </h2>
+            <p className="text-lg text-gray-600">
+              Proteção completa para todos os seus veículos
+            </p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Auto</h3>
+              <p className="text-gray-600">Proteção completa para seu carro</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Moto</h3>
+              <p className="text-gray-600">Cobertura especializada para motos</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Frota</h3>
+              <p className="text-gray-600">Soluções empresariais</p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Seguro Uber</h3>
+              <p className="text-gray-600">Proteção para motoristas</p>
+            </div>
+          </div>
+        </div>
+      </section>
+      
+      <SegurosImediatoFooter 
+        companyName="Seguros Imediato"
+        description="Proteção completa para você e seu patrimônio"
+      />
+    </div>
+  );
+}
diff --git a/components/analytics/GTM.tsx b/components/analytics/GTM.tsx
new file mode 100644
index 00000000..c168b4d7
--- /dev/null
+++ b/components/analytics/GTM.tsx
@@ -0,0 +1,255 @@
+"use client";
+
+import Script from 'next/script';
+
+/**
+ * Google Tag Manager Component
+ * Baseado na configuração original do Webflow
+ */
+
+interface GTMProps {
+  gtmId?: string;
+}
+
+export function GTM({ gtmId = 'GTM-PD6J398' }: GTMProps) {
+  return (
+    <>
+      {/* Google Tag Manager Script */}
+      <Script
+        id="gtm-script"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+            })(window,document,'script','dataLayer','${gtmId}');
+          `
+        }}
+      />
+      
+      {/* Google Tag Manager (noscript) */}
+      <noscript>
+        <iframe
+          src={`https://www.googletagmanager.com/ns.html?id=${gtmId}`}
+          height="0"
+          width="0"
+          style={{ display: 'none', visibility: 'hidden' }}
+        />
+      </noscript>
+    </>
+  );
+}
+
+/**
+ * Google Analytics 4 Component
+ */
+interface GA4Props {
+  measurementId?: string;
+}
+
+export function GA4({ measurementId }: GA4Props) {
+  if (!measurementId) return null;
+
+  return (
+    <>
+      <Script
+        src={`https://www.googletagmanager.com/gtag/js?id=${measurementId}`}
+        strategy="afterInteractive"
+      />
+      <Script
+        id="ga4-script"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${measurementId}', {
+              page_title: document.title,
+              page_location: window.location.href
+            });
+          `
+        }}
+      />
+    </>
+  );
+}
+
+/**
+ * Google Ads Conversion Tracking
+ */
+interface GoogleAdsProps {
+  conversionId?: string;
+  conversionLabel?: string;
+}
+
+export function GoogleAds({ conversionId, conversionLabel }: GoogleAdsProps) {
+  if (!conversionId || !conversionLabel) return null;
+
+  return (
+    <Script
+      id="google-ads-conversion"
+      strategy="afterInteractive"
+      dangerouslySetInnerHTML={{
+        __html: `
+          gtag('event', 'conversion', {
+            'send_to': '${conversionId}/${conversionLabel}',
+            'value': 1.0,
+            'currency': 'BRL'
+          });
+        `
+      }}
+    />
+  );
+}
+
+/**
+ * GCLID Tracker Component
+ */
+export function GCLIDTracker() {
+  return (
+    <Script
+      id="gclid-tracker"
+      strategy="afterInteractive"
+      dangerouslySetInnerHTML={{
+        __html: `
+          (function() {
+            function setCookie(name, value, days) {
+              var date = new Date();
+              date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+              var expires = "; expires=" + date.toUTCString();
+              document.cookie = name + "=" + value + expires + ";path=/";
+            }
+
+            function getParam(p) {
+              var params = new URLSearchParams(window.location.search);
+              return params.get(p) ? decodeURIComponent(params.get(p)) : null;
+            }
+
+            // Captura gclid OU gbraid (qualquer um dos dois)
+            var gclid = getParam("gclid") || getParam("GCLID") || getParam("gclId");
+            var gbraid = getParam("gbraid") || getParam("GBRAID") || getParam("gBraid");
+            
+            // Define prioridade: se gclid existir, usa ele. Se não, usa gbraid.
+            var trackingId = gclid || gbraid;
+            
+            if (trackingId) {
+              var gclsrc = getParam("gclsrc");
+              if (!gclsrc || gclsrc.indexOf("aw") !== -1) {
+                setCookie("gclid", trackingId, 90);
+                
+                // Enviar para dataLayer
+                window.dataLayer = window.dataLayer || [];
+                window.dataLayer.push({
+                  'gclid': trackingId,
+                  'event': 'gclid_captured'
+                });
+              }
+            }
+
+            // Preencher campos GCLID automaticamente
+            document.addEventListener("DOMContentLoaded", function () {
+              const gclidFields = document.getElementsByName("GCLID_FLD");
+              for (var i = 0; i < gclidFields.length; i++) {
+                gclidFields[i].value = trackingId || '';
+              }
+            });
+          })();
+        `
+      }}
+    />
+  );
+}
+
+/**
+ * CollectChat Integration
+ */
+interface CollectChatProps {
+  apiKey?: string;
+}
+
+export function CollectChat({ apiKey }: CollectChatProps) {
+  if (!apiKey) return null;
+
+  return (
+    <>
+      <Script
+        src="https://collect.chat/script.js"
+        strategy="afterInteractive"
+      />
+      <Script
+        id="collectchat-config"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.CollectChatAttributes = {
+              apiKey: '${apiKey}',
+              gclid: document.cookie.match(/(^|;)\\s*gclid=([^;]+)/) ? 
+                     decodeURIComponent(document.cookie.match(/(^|;)\\s*gclid=([^;]+)/)[2]) : null
+            };
+          `
+        }}
+      />
+    </>
+  );
+}
+
+/**
+ * Cookie Consent Banner
+ */
+interface CookieConsentProps {
+  onAccept?: () => void;
+  onDecline?: () => void;
+}
+
+export function CookieConsent({ onAccept, onDecline }: CookieConsentProps) {
+  const handleAccept = () => {
+    // Salvar consentimento
+    localStorage.setItem('cookie-consent', 'accepted');
+    onAccept?.();
+  };
+
+  const handleDecline = () => {
+    // Salvar recusa
+    localStorage.setItem('cookie-consent', 'declined');
+    onDecline?.();
+  };
+
+  // Verificar se já foi aceito
+  if (typeof window !== 'undefined') {
+    const consent = localStorage.getItem('cookie-consent');
+    if (consent) return null;
+  }
+
+  return (
+    <div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 p-4 z-50">
+      <div className="max-w-4xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4">
+        <div className="flex-1">
+          <p className="text-sm text-gray-700">
+            Utilizamos cookies para melhorar sua experiência em nosso site. 
+            Ao continuar navegando, você concorda com nossa{' '}
+            <a href="/politica-privacidade" className="text-brand-primary hover:underline">
+              Política de Privacidade
+            </a>.
+          </p>
+        </div>
+        <div className="flex gap-2">
+          <button
+            onClick={handleDecline}
+            className="px-4 py-2 text-sm border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
+          >
+            Recusar
+          </button>
+          <button
+            onClick={handleAccept}
+            className="px-4 py-2 text-sm bg-brand-primary text-white rounded-lg hover:bg-brand-accent transition-colors"
+          >
+            Aceitar
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/app/(home)/sections/ai-readiness/ControlPanel.tsx b/components/app/(home)/sections/ai-readiness/ControlPanel.tsx
index 863179d6..2206fb7b 100644
--- a/components/app/(home)/sections/ai-readiness/ControlPanel.tsx
+++ b/components/app/(home)/sections/ai-readiness/ControlPanel.tsx
@@ -54,7 +54,7 @@ export default function ControlPanel({
   analysisData,
   onReset,
 }: ControlPanelProps) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+   
   const [showAIAnalysis, setShowAIAnalysis] = useState(false); // Reserved for AI analysis feature
   const [aiInsights, setAiInsights] = useState<CheckItem[]>([]);
   const [isAnalyzingAI, setIsAnalyzingAI] = useState(false);
@@ -299,8 +299,8 @@ export default function ControlPanel({
 
       return () => clearInterval(checkInterval);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isAnalyzing, showResults, analysisData]);
+
+  }, [isAnalyzing, showResults, analysisData, checks, overallScore]);
 
   useEffect(() => {
     if (currentCheckIndex >= 0 && currentCheckIndex < checks.length && isAnalyzing) {
@@ -344,7 +344,7 @@ export default function ControlPanel({
   };
 
   // Utility function available but not used in current render
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+   
   const getScoreColor = (score: number) => {
     if (score >= 80) return "text-accent-black";
     if (score >= 60) return "text-accent-black";
diff --git a/components/app/(home)/sections/hero-scraping/Tag/Tag.tsx b/components/app/(home)/sections/hero-scraping/Tag/Tag.tsx
index 2cd6b809..a8554cc8 100644
--- a/components/app/(home)/sections/hero-scraping/Tag/Tag.tsx
+++ b/components/app/(home)/sections/hero-scraping/Tag/Tag.tsx
@@ -38,7 +38,7 @@ export default function HeroScrapingTag({
     };
 
     animate();
-  }, []);
+  }, [label]);
 
   return (
     <motion.div
diff --git a/components/forms/FormularioCotacao.tsx b/components/forms/FormularioCotacao.tsx
new file mode 100644
index 00000000..2d472b40
--- /dev/null
+++ b/components/forms/FormularioCotacao.tsx
@@ -0,0 +1,385 @@
+"use client";
+
+import React, { useState, useEffect } from 'react';
+import { Input } from '@/components/ui/input';
+import { Select } from '@/components/ui/select';
+import { Button } from '@/components/ui/button';
+import { Loading } from '@/components/ui/loading';
+import { validarCPFComFallback, validarCEPComFallback } from '@/lib/apis/fallback-system';
+import { DadosCotacao } from '@/types/cotacao';
+
+interface FormularioCotacaoProps {
+  tipoSeguro: 'auto' | 'moto' | 'frotas' | 'uber';
+  onSubmit: (dados: DadosCotacao) => Promise<void>;
+}
+
+export function FormularioCotacao({ tipoSeguro, onSubmit }: FormularioCotacaoProps) {
+  const [dados, setDados] = useState<Partial<DadosCotacao>>({
+    tipoSeguro,
+    fonte: 'website',
+    timestamp: new Date().toISOString(),
+    userAgent: typeof window !== 'undefined' ? navigator.userAgent : ''
+  });
+
+  const [loading, setLoading] = useState({
+    cpf: false,
+    cep: false,
+    placa: false,
+    telefone: false,
+    email: false,
+    submit: false
+  });
+
+  const [errors, setErrors] = useState<Record<string, string>>({});
+
+  // Opções para selects
+  const opcoesSexo = [
+    { value: 'Masculino', label: 'Masculino' },
+    { value: 'Feminino', label: 'Feminino' }
+  ];
+
+  const opcoesEstadoCivil = [
+    { value: 'Solteiro', label: 'Solteiro' },
+    { value: 'Casado', label: 'Casado' },
+    { value: 'Divorciado', label: 'Divorciado' },
+    { value: 'Viúvo', label: 'Viúvo' }
+  ];
+
+  const opcoesTipoVeiculo = [
+    { value: 'carro', label: 'Carro' },
+    { value: 'moto', label: 'Moto' }
+  ];
+
+  const opcoesUsoVeiculo = [
+    { value: 'particular', label: 'Particular' },
+    { value: 'comercial', label: 'Comercial' },
+    { value: 'uber', label: 'Uber' },
+    { value: 'taxi', label: 'Taxi' }
+  ];
+
+  const opcoesCobertura = [
+    { value: 'basica', label: 'Básica' },
+    { value: 'completa', label: 'Completa' },
+    { value: 'premium', label: 'Premium' }
+  ];
+
+  // Validação de CPF
+  const handleCPFChange = async (cpf: string) => {
+    setDados(prev => ({ ...prev, cpf }));
+    
+    if (cpf.length === 14) { // CPF completo com máscara
+      setLoading(prev => ({ ...prev, cpf: true }));
+      setErrors(prev => ({ ...prev, cpf: '' }));
+      
+      try {
+        const resultado = await validarCPFComFallback(cpf);
+        
+        if (resultado.ok && resultado.parsed) {
+          setDados(prev => ({
+            ...prev,
+            sexo: (resultado.parsed?.sexo as 'Masculino' | 'Feminino') || undefined,
+            dataNascimento: resultado.parsed?.dataNascimento || '',
+            estadoCivil: (resultado.parsed?.estadoCivil as 'Solteiro' | 'Casado' | 'Divorciado' | 'Viúvo') || undefined
+          }));
+        } else {
+          setErrors(prev => ({ ...prev, cpf: 'CPF inválido ou não encontrado' }));
+        }
+      } catch (error) {
+        setErrors(prev => ({ ...prev, cpf: 'Erro ao validar CPF' }));
+      } finally {
+        setLoading(prev => ({ ...prev, cpf: false }));
+      }
+    }
+  };
+
+  // Validação de CEP
+  const handleCEPChange = async (cep: string) => {
+    setDados(prev => ({ ...prev, cep }));
+    
+    if (cep.length === 9) { // CEP completo com máscara
+      setLoading(prev => ({ ...prev, cep: true }));
+      setErrors(prev => ({ ...prev, cep: '' }));
+      
+      try {
+        const resultado = await validarCEPComFallback(cep);
+        
+        if (resultado.ok && resultado.parsed) {
+          setDados(prev => ({
+            ...prev,
+            cidade: resultado.parsed?.cidade || '',
+            estado: resultado.parsed?.estado || '',
+            endereco: resultado.parsed?.endereco || ''
+          }));
+        } else {
+          setErrors(prev => ({ ...prev, cep: 'CEP inválido ou não encontrado' }));
+        }
+      } catch (error) {
+        setErrors(prev => ({ ...prev, cep: 'Erro ao validar CEP' }));
+      } finally {
+        setLoading(prev => ({ ...prev, cep: false }));
+      }
+    }
+  };
+
+  // Validação de email
+  const handleEmailChange = (email: string) => {
+    setDados(prev => ({ ...prev, email }));
+    
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/i;
+    if (email && !emailRegex.test(email)) {
+      setErrors(prev => ({ ...prev, email: 'E-mail inválido' }));
+    } else {
+      setErrors(prev => ({ ...prev, email: '' }));
+    }
+  };
+
+  // Validação de telefone
+  const handleTelefoneChange = (telefone: string) => {
+    setDados(prev => ({ ...prev, telefone }));
+    
+    const telefoneLimpo = telefone.replace(/\D/g, '');
+    if (telefoneLimpo.length === 11) {
+      setErrors(prev => ({ ...prev, telefone: '' }));
+    } else if (telefoneLimpo.length > 0) {
+      setErrors(prev => ({ ...prev, telefone: 'Telefone deve ter 11 dígitos' }));
+    }
+  };
+
+  // Validação de placa
+  const handlePlacaChange = (placa: string) => {
+    setDados(prev => ({ ...prev, placa }));
+    
+    const placaLimpa = placa.toUpperCase().replace(/[^A-Z0-9]/g, '');
+    const formatoAntigo = /^[A-Z]{3}[0-9]{4}$/;
+    const formatoMercosul = /^[A-Z]{3}[0-9][A-Z][0-9]{2}$/;
+    
+    if (placaLimpa.length === 7 && (formatoAntigo.test(placaLimpa) || formatoMercosul.test(placaLimpa))) {
+      setErrors(prev => ({ ...prev, placa: '' }));
+    } else if (placaLimpa.length > 0) {
+      setErrors(prev => ({ ...prev, placa: 'Placa inválida' }));
+    }
+  };
+
+  // Submit do formulário
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    
+    // Validar campos obrigatórios
+    const camposObrigatorios = ['nome', 'cpf', 'email', 'telefone', 'placa', 'cep'];
+    const novosErrors: Record<string, string> = {};
+    
+    camposObrigatorios.forEach(campo => {
+      if (!dados[campo as keyof DadosCotacao]) {
+        novosErrors[campo] = 'Campo obrigatório';
+      }
+    });
+    
+    if (Object.keys(novosErrors).length > 0) {
+      setErrors(novosErrors);
+      return;
+    }
+    
+    setLoading(prev => ({ ...prev, submit: true }));
+    
+    try {
+      await onSubmit(dados as DadosCotacao);
+    } catch (error) {
+      console.error('Erro ao enviar formulário:', error);
+    } finally {
+      setLoading(prev => ({ ...prev, submit: false }));
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-6">
+      {/* Dados Pessoais */}
+      <div className="bg-gray-50 p-6 rounded-lg">
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">Dados Pessoais</h3>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <Input
+            label="Nome Completo"
+            value={dados.nome || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, nome: e.target.value }))}
+            error={errors.nome}
+            required
+          />
+          
+          <Input
+            label="CPF"
+            value={dados.cpf || ''}
+            onChange={(e) => handleCPFChange(e.target.value)}
+            error={errors.cpf}
+            mask="cpf"
+            loading={loading.cpf}
+            required
+          />
+          
+          <Input
+            label="E-mail"
+            type="email"
+            value={dados.email || ''}
+            onChange={(e) => handleEmailChange(e.target.value)}
+            error={errors.email}
+            required
+          />
+          
+          <Input
+            label="Telefone"
+            value={dados.telefone || ''}
+            onChange={(e) => handleTelefoneChange(e.target.value)}
+            error={errors.telefone}
+            mask="telefone"
+            required
+          />
+          
+          <Input
+            label="Data de Nascimento"
+            type="date"
+            value={dados.dataNascimento || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, dataNascimento: e.target.value }))}
+          />
+          
+          <Select
+            label="Sexo"
+            value={dados.sexo || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, sexo: e.target.value as any }))}
+            options={opcoesSexo}
+            placeholder="Selecione o sexo"
+          />
+          
+          <Select
+            label="Estado Civil"
+            value={dados.estadoCivil || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, estadoCivil: e.target.value as any }))}
+            options={opcoesEstadoCivil}
+            placeholder="Selecione o estado civil"
+          />
+        </div>
+      </div>
+
+      {/* Dados do Veículo */}
+      <div className="bg-gray-50 p-6 rounded-lg">
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">Dados do Veículo</h3>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <Input
+            label="Placa"
+            value={dados.placa || ''}
+            onChange={(e) => handlePlacaChange(e.target.value)}
+            error={errors.placa}
+            mask="placa"
+            required
+          />
+          
+          <Input
+            label="Marca/Modelo"
+            value={dados.marca || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, marca: e.target.value }))}
+          />
+          
+          <Input
+            label="Ano"
+            value={dados.ano || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, ano: e.target.value }))}
+          />
+          
+          <Select
+            label="Tipo de Veículo"
+            value={dados.tipoVeiculo || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, tipoVeiculo: e.target.value as any }))}
+            options={opcoesTipoVeiculo}
+            placeholder="Selecione o tipo"
+          />
+          
+          <Select
+            label="Uso do Veículo"
+            value={dados.usoVeiculo || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, usoVeiculo: e.target.value as any }))}
+            options={opcoesUsoVeiculo}
+            placeholder="Selecione o uso"
+          />
+        </div>
+      </div>
+
+      {/* Dados de Endereço */}
+      <div className="bg-gray-50 p-6 rounded-lg">
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">Endereço</h3>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <Input
+            label="CEP"
+            value={dados.cep || ''}
+            onChange={(e) => handleCEPChange(e.target.value)}
+            error={errors.cep}
+            mask="cep"
+            loading={loading.cep}
+            required
+          />
+          
+          <Input
+            label="Cidade"
+            value={dados.cidade || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, cidade: e.target.value }))}
+            disabled
+          />
+          
+          <Input
+            label="Estado"
+            value={dados.estado || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, estado: e.target.value }))}
+            disabled
+          />
+          
+          <Input
+            label="Endereço"
+            value={dados.endereco || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, endereco: e.target.value }))}
+            disabled
+          />
+          
+          <Input
+            label="Número"
+            value={dados.numero || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, numero: e.target.value }))}
+          />
+          
+          <Input
+            label="Complemento"
+            value={dados.complemento || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, complemento: e.target.value }))}
+          />
+        </div>
+      </div>
+
+      {/* Dados do Seguro */}
+      <div className="bg-gray-50 p-6 rounded-lg">
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">Dados do Seguro</h3>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <Select
+            label="Cobertura"
+            value={dados.cobertura || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, cobertura: e.target.value as any }))}
+            options={opcoesCobertura}
+            placeholder="Selecione a cobertura"
+          />
+          
+          <Input
+            label="Franquia"
+            value={dados.franquia || ''}
+            onChange={(e) => setDados(prev => ({ ...prev, franquia: e.target.value }))}
+          />
+        </div>
+      </div>
+
+      {/* Botão de Submit */}
+      <div className="flex justify-end">
+        <Button
+          type="submit"
+          loading={loading.submit}
+          disabled={Object.keys(errors).some(key => errors[key])}
+          className="px-8 py-3"
+        >
+          Solicitar Cotação
+        </Button>
+      </div>
+    </form>
+  );
+}
diff --git a/components/seguros-imediato/ExactComponents.tsx b/components/seguros-imediato/ExactComponents.tsx
new file mode 100644
index 00000000..2d13b910
--- /dev/null
+++ b/components/seguros-imediato/ExactComponents.tsx
@@ -0,0 +1,314 @@
+"use client";
+
+import React from 'react';
+
+// Componente Header Exato baseado na análise
+export function ExactHeader() {
+  return (
+    <header className="bg-white shadow-sm border-b">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex justify-between items-center py-4">
+          <div className="flex items-center">
+            <div className="flex-shrink-0">
+              <h1 className="text-2xl font-bold text-blue-900">Seguros Imediato</h1>
+            </div>
+          </div>
+          <nav className="hidden md:flex space-x-8">
+            <a href="#servicos" className="text-gray-700 hover:text-blue-600 font-medium">Serviços</a>
+            <a href="#sobre" className="text-gray-700 hover:text-blue-600 font-medium">Sobre</a>
+            <a href="#contato" className="text-gray-700 hover:text-blue-600 font-medium">Contato</a>
+          </nav>
+        </div>
+      </div>
+    </header>
+  );
+}
+
+// Componente Hero Exato baseado na análise
+export function ExactHero() {
+  return (
+    <section className="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-16">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <h1 className="text-4xl md:text-6xl font-bold mb-6">
+            Cotação Seguro Auto
+          </h1>
+          <p className="text-xl md:text-2xl mb-8 opacity-90 max-w-3xl mx-auto">
+            Cotação Grátis e Completa Sem Compromisso
+          </p>
+          <button className="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors">
+            Solicitar Cotação
+          </button>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+// Componente Formulário Exato baseado na análise
+export function ExactForm() {
+  const [formData, setFormData] = React.useState({
+    nome: '',
+    cpf: '',
+    email: '',
+    telefone: '',
+    placa: '',
+    marca: '',
+    ano: '',
+    cep: '',
+    cidade: '',
+    estado: ''
+  });
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log('Dados do formulário:', formData);
+    alert('Cotação solicitada com sucesso! Entraremos em contato em breve.');
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
+    setFormData(prev => ({
+      ...prev,
+      [e.target.name]: e.target.value
+    }));
+  };
+
+  return (
+    <div className="max-w-4xl mx-auto px-4 py-12">
+      <div className="bg-white rounded-lg shadow-lg p-8">
+        <div className="text-center mb-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-4">
+            Solicite sua Cotação
+          </h2>
+          <p className="text-gray-600">
+            Preencha os dados abaixo e receba uma cotação personalizada em minutos
+          </p>
+        </div>
+        
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Nome Completo *
+              </label>
+              <input
+                type="text"
+                name="nome"
+                value={formData.nome}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                CPF *
+              </label>
+              <input
+                type="text"
+                name="cpf"
+                value={formData.cpf}
+                onChange={handleChange}
+                required
+                placeholder="000.000.000-00"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Email *
+              </label>
+              <input
+                type="email"
+                name="email"
+                value={formData.email}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Telefone *
+              </label>
+              <input
+                type="tel"
+                name="telefone"
+                value={formData.telefone}
+                onChange={handleChange}
+                required
+                placeholder="(00) 00000-0000"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Placa do Veículo *
+              </label>
+              <input
+                type="text"
+                name="placa"
+                value={formData.placa}
+                onChange={handleChange}
+                required
+                placeholder="ABC-1234"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Marca/Modelo *
+              </label>
+              <input
+                type="text"
+                name="marca"
+                value={formData.marca}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Ano *
+              </label>
+              <input
+                type="text"
+                name="ano"
+                value={formData.ano}
+                onChange={handleChange}
+                required
+                placeholder="2020"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                CEP *
+              </label>
+              <input
+                type="text"
+                name="cep"
+                value={formData.cep}
+                onChange={handleChange}
+                required
+                placeholder="00000-000"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+          </div>
+          
+          <div className="text-center">
+            <button
+              type="submit"
+              className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors"
+            >
+              Solicitar Cotação Grátis
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+// Componente Footer Exato baseado na análise
+export function ExactFooter() {
+  return (
+    <footer className="bg-gray-900 text-white py-8">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <h3 className="text-xl font-bold mb-2">Seguros Imediato</h3>
+          <p className="text-gray-400 mb-4">Proteção completa para você e seu patrimônio</p>
+          <div className="flex justify-center space-x-6">
+            <a href="#" className="text-gray-400 hover:text-white">
+              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
+              </svg>
+            </a>
+            <a href="#" className="text-gray-400 hover:text-white">
+              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
+              </svg>
+            </a>
+          </div>
+          <p className="text-gray-400 text-sm mt-4">
+            © 2024 Seguros Imediato. Todos os direitos reservados.
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+// Componente principal que combina todos os componentes exatos
+export function ExactSegurosImediato() {
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <ExactHeader />
+      <ExactHero />
+      <ExactForm />
+      
+      {/* Seção de Benefícios */}
+      <section className="py-16 bg-white">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">
+              Por que escolher a Seguros Imediato?
+            </h2>
+            <p className="text-lg text-gray-600">
+              Proteção completa com as melhores seguradoras do mercado
+            </p>
+          </div>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Cotação Gratuita</h3>
+              <p className="text-gray-600">
+                Compare preços entre as principais seguradoras sem compromisso
+              </p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Processo Rápido</h3>
+              <p className="text-gray-600">
+                Receba sua cotação em minutos com atendimento especializado
+              </p>
+            </div>
+            
+            <div className="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
+              <div className="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-semibold text-gray-900 mb-2">Melhores Preços</h3>
+              <p className="text-gray-600">
+                Negociamos as melhores condições com as seguradoras parceiras
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      
+      <ExactFooter />
+    </div>
+  );
+}
diff --git a/components/seguros-imediato/SegurosImediatoComponents.tsx b/components/seguros-imediato/SegurosImediatoComponents.tsx
new file mode 100644
index 00000000..160610a5
--- /dev/null
+++ b/components/seguros-imediato/SegurosImediatoComponents.tsx
@@ -0,0 +1,279 @@
+"use client";
+
+import React from 'react';
+
+interface SegurosImediatoHeaderProps {
+  title?: string;
+  subtitle?: string;
+}
+
+export function SegurosImediatoHeader({ 
+  title = "Seguros Imediato", 
+  subtitle = "Cotação Grátis e Completa Sem Compromisso" 
+}: SegurosImediatoHeaderProps) {
+  return (
+    <header className="bg-white shadow-sm border-b">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex justify-between items-center py-4">
+          <div className="flex items-center">
+            <div className="flex-shrink-0">
+              <h1 className="text-2xl font-bold text-blue-900">{title}</h1>
+            </div>
+          </div>
+          <nav className="hidden md:flex space-x-8">
+            <a href="#servicos" className="text-gray-700 hover:text-blue-600 font-medium">Serviços</a>
+            <a href="#sobre" className="text-gray-700 hover:text-blue-600 font-medium">Sobre</a>
+            <a href="#contato" className="text-gray-700 hover:text-blue-600 font-medium">Contato</a>
+          </nav>
+        </div>
+      </div>
+    </header>
+  );
+}
+
+interface SegurosImediatoHeroProps {
+  title?: string;
+  subtitle?: string;
+  ctaText?: string;
+  onCtaClick?: () => void;
+}
+
+export function SegurosImediatoHero({ 
+  title = "Cotação Seguro Auto",
+  subtitle = "Cotação Grátis e Completa Sem Compromisso",
+  ctaText = "Solicitar Cotação",
+  onCtaClick
+}: SegurosImediatoHeroProps) {
+  return (
+    <section className="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-16">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <h1 className="text-4xl md:text-6xl font-bold mb-6">
+            {title}
+          </h1>
+          <p className="text-xl md:text-2xl mb-8 opacity-90 max-w-3xl mx-auto">
+            {subtitle}
+          </p>
+          <button 
+            onClick={onCtaClick}
+            className="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors"
+          >
+            {ctaText}
+          </button>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+interface SegurosImediatoFormProps {
+  onSubmit?: (data: any) => void;
+}
+
+export function SegurosImediatoForm({ onSubmit }: SegurosImediatoFormProps) {
+  const [formData, setFormData] = React.useState({
+    nome: '',
+    cpf: '',
+    email: '',
+    telefone: '',
+    placa: '',
+    marca: '',
+    ano: '',
+    cep: '',
+    cidade: '',
+    estado: ''
+  });
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    onSubmit?.(formData);
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
+    setFormData(prev => ({
+      ...prev,
+      [e.target.name]: e.target.value
+    }));
+  };
+
+  return (
+    <div className="max-w-4xl mx-auto px-4 py-12">
+      <div className="bg-white rounded-lg shadow-lg p-8">
+        <div className="text-center mb-8">
+          <h2 className="text-3xl font-bold text-gray-900 mb-4">
+            Solicite sua Cotação
+          </h2>
+          <p className="text-gray-600">
+            Preencha os dados abaixo e receba uma cotação personalizada em minutos
+          </p>
+        </div>
+        
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Nome Completo *
+              </label>
+              <input
+                type="text"
+                name="nome"
+                value={formData.nome}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                CPF *
+              </label>
+              <input
+                type="text"
+                name="cpf"
+                value={formData.cpf}
+                onChange={handleChange}
+                required
+                placeholder="000.000.000-00"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Email *
+              </label>
+              <input
+                type="email"
+                name="email"
+                value={formData.email}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Telefone *
+              </label>
+              <input
+                type="tel"
+                name="telefone"
+                value={formData.telefone}
+                onChange={handleChange}
+                required
+                placeholder="(00) 00000-0000"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Placa do Veículo *
+              </label>
+              <input
+                type="text"
+                name="placa"
+                value={formData.placa}
+                onChange={handleChange}
+                required
+                placeholder="ABC-1234"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Marca/Modelo *
+              </label>
+              <input
+                type="text"
+                name="marca"
+                value={formData.marca}
+                onChange={handleChange}
+                required
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                Ano *
+              </label>
+              <input
+                type="text"
+                name="ano"
+                value={formData.ano}
+                onChange={handleChange}
+                required
+                placeholder="2020"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-2">
+                CEP *
+              </label>
+              <input
+                type="text"
+                name="cep"
+                value={formData.cep}
+                onChange={handleChange}
+                required
+                placeholder="00000-000"
+                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+          </div>
+          
+          <div className="text-center">
+            <button
+              type="submit"
+              className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors"
+            >
+              Solicitar Cotação Grátis
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+interface SegurosImediatoFooterProps {
+  companyName?: string;
+  description?: string;
+}
+
+export function SegurosImediatoFooter({ 
+  companyName = "Seguros Imediato",
+  description = "Proteção completa para você e seu patrimônio"
+}: SegurosImediatoFooterProps) {
+  return (
+    <footer className="bg-gray-900 text-white py-8">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center">
+          <h3 className="text-xl font-bold mb-2">{companyName}</h3>
+          <p className="text-gray-400 mb-4">{description}</p>
+          <div className="flex justify-center space-x-6">
+            <a href="#" className="text-gray-400 hover:text-white">
+              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
+              </svg>
+            </a>
+            <a href="#" className="text-gray-400 hover:text-white">
+              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
+              </svg>
+            </a>
+          </div>
+          <p className="text-gray-400 text-sm mt-4">
+            © 2024 {companyName}. Todos os direitos reservados.
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/components/shared/effects/subtle-ascii-animation.tsx b/components/shared/effects/subtle-ascii-animation.tsx
index 6e182702..e5731cba 100644
--- a/components/shared/effects/subtle-ascii-animation.tsx
+++ b/components/shared/effects/subtle-ascii-animation.tsx
@@ -10,29 +10,29 @@ export default function SubtleAsciiAnimation({
 }) {
   const containerRef = useRef<HTMLDivElement>(null);
 
-  // Simple ASCII pattern for subtle animation
-  const asciiFrames = [
-    "░░░░░░░░░░░░░░░░",
-    "▒░░░░░░░░░░░░░░░",
-    "▒▒░░░░░░░░░░░░░░",
-    "░▒▒░░░░░░░░░░░░░",
-    "░░▒▒░░░░░░░░░░░░",
-    "░░░▒▒░░░░░░░░░░░",
-    "░░░░▒▒░░░░░░░░░░",
-    "░░░░░▒▒░░░░░░░░░",
-    "░░░░░░▒▒░░░░░░░░",
-    "░░░░░░░▒▒░░░░░░░",
-    "░░░░░░░░▒▒░░░░░░",
-    "░░░░░░░░░▒▒░░░░░",
-    "░░░░░░░░░░▒▒░░░░",
-    "░░░░░░░░░░░▒▒░░░",
-    "░░░░░░░░░░░░▒▒░░",
-    "░░░░░░░░░░░░░▒▒░",
-    "░░░░░░░░░░░░░░▒▒",
-    "░░░░░░░░░░░░░░░▒",
-  ];
-
   useEffect(() => {
+    // Simple ASCII pattern for subtle animation
+    const asciiFrames = [
+      "░░░░░░░░░░░░░░░░",
+      "▒░░░░░░░░░░░░░░░",
+      "▒▒░░░░░░░░░░░░░░",
+      "░▒▒░░░░░░░░░░░░░",
+      "░░▒▒░░░░░░░░░░░░",
+      "░░░▒▒░░░░░░░░░░░",
+      "░░░░▒▒░░░░░░░░░░",
+      "░░░░░▒▒░░░░░░░░░",
+      "░░░░░░▒▒░░░░░░░░",
+      "░░░░░░░▒▒░░░░░░░",
+      "░░░░░░░░▒▒░░░░░░",
+      "░░░░░░░░░▒▒░░░░░",
+      "░░░░░░░░░░▒▒░░░░",
+      "░░░░░░░░░░░▒▒░░░",
+      "░░░░░░░░░░░░▒▒░░",
+      "░░░░░░░░░░░░░▒▒░",
+      "░░░░░░░░░░░░░░▒▒",
+      "░░░░░░░░░░░░░░░▒",
+    ];
+
     let frameIndex = 0;
 
     const animateAscii = () => {
diff --git a/components/shared/icons/animated-icons.tsx b/components/shared/icons/animated-icons.tsx
index fb7dea7b..995fa9aa 100644
--- a/components/shared/icons/animated-icons.tsx
+++ b/components/shared/icons/animated-icons.tsx
@@ -79,7 +79,7 @@ const withChartIconAnimation = (IconComponent: React.ComponentType<any>) => {
   }) => {
     const controls = useAnimation();
 
-    const handleHoverStart = async () => {
+    const handleHoverStart = useCallback(async () => {
       await controls.start((i) => ({
         pathLength: 0,
         opacity: 0,
@@ -90,7 +90,11 @@ const withChartIconAnimation = (IconComponent: React.ComponentType<any>) => {
         opacity: 1,
         transition: { delay: i * 0.1, duration: 0.3 },
       }));
-    };
+    }, [controls]);
+
+    const handleHoverEnd = useCallback(() => {
+      controls.start("normal");
+    }, [controls]);
 
     useEffect(() => {
       if (isHovered) {
@@ -98,11 +102,7 @@ const withChartIconAnimation = (IconComponent: React.ComponentType<any>) => {
       } else {
         handleHoverEnd();
       }
-    }, [isHovered, handleHoverStart]);
-
-    const handleHoverEnd = () => {
-      controls.start("normal");
-    };
+    }, [isHovered, handleHoverStart, handleHoverEnd]);
 
     return (
       <div className={className}>
diff --git a/components/shared/notifications/slack-notification.tsx b/components/shared/notifications/slack-notification.tsx
index f1de9355..dd229b72 100644
--- a/components/shared/notifications/slack-notification.tsx
+++ b/components/shared/notifications/slack-notification.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import Image from "next/image";
 
 export default function SlackNotification({
   shouldNotify,
@@ -32,10 +33,12 @@ export default function SlackNotification({
       >
         <div className="flex flex-row items-center max-w-xs cursor-pointer">
           <div className="flex min-w-16 mr-2 mt-1">
-            <img
+            <Image
               className="w-16 h-16"
               src="/images/slack_logo_icon.png"
               alt="Slack Logo"
+              width={64}
+              height={64}
             />
           </div>
           <div className="flex flex-col">
diff --git a/components/shared/preview/json-error-highlighter.tsx b/components/shared/preview/json-error-highlighter.tsx
index 00da8ece..6fc5305b 100644
--- a/components/shared/preview/json-error-highlighter.tsx
+++ b/components/shared/preview/json-error-highlighter.tsx
@@ -1,5 +1,5 @@
 import { cn } from "@/utils/cn";
-import React, { useRef, useState, useEffect } from "react";
+import React, { useRef, useState, useEffect, useCallback } from "react";
 
 export function JsonErrorHighlighter({
   value,
@@ -31,7 +31,7 @@ export function JsonErrorHighlighter({
   const errorLineIdx = (error?.line ?? 1) - 1;
 
   // Calculate visible lines on scroll or resize
-  const recalcVisibleLines = () => {
+  const recalcVisibleLines = useCallback(() => {
     const textarea = textareaRef.current;
     if (!textarea) return;
     const lineHeight = parseFloat(getComputedStyle(textarea).lineHeight) || 24;
@@ -49,7 +49,7 @@ export function JsonErrorHighlighter({
       lineHeight,
       clientHeight,
     });
-  };
+  }, [lines.length]);
 
   useEffect(() => {
     recalcVisibleLines();
@@ -57,7 +57,7 @@ export function JsonErrorHighlighter({
     const handleResize = () => recalcVisibleLines();
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
-  }, [value]);
+  }, [value, recalcVisibleLines]);
 
   // Attach scroll handler
   const handleScroll = () => {
diff --git a/components/shared/preview/live-preview-frame.tsx b/components/shared/preview/live-preview-frame.tsx
index 3d61c4e8..378e2ca0 100644
--- a/components/shared/preview/live-preview-frame.tsx
+++ b/components/shared/preview/live-preview-frame.tsx
@@ -1,6 +1,7 @@
 "use client";
 
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import Image from "next/image";
 
 export default function LivePreviewFrame({
   sessionId,
@@ -31,7 +32,7 @@ export default function LivePreviewFrame({
   const [isIdle, setIsIdle] = useState(false);
 
   // Function to start the random idle movement sequence
-  const scheduleNextIdleMove = () => {
+  const scheduleNextIdleMove = useCallback(() => {
     if (idleMoveTimerRef.current) {
       clearTimeout(idleMoveTimerRef.current);
     }
@@ -49,7 +50,7 @@ export default function LivePreviewFrame({
         scheduleNextIdleMove(); // Schedule the next one
       }
     }, randomDelay);
-  };
+  }, [isIdle]);
 
   // Effect to handle starting/stopping idle movement sequence
   useEffect(() => {
@@ -66,7 +67,7 @@ export default function LivePreviewFrame({
         clearTimeout(idleMoveTimerRef.current);
       }
     };
-  }, [isIdle]);
+  }, [isIdle, scheduleNextIdleMove]);
 
   // Main Animation effect (runs continuously)
   useEffect(() => {
@@ -122,7 +123,7 @@ export default function LivePreviewFrame({
         clearTimeout(idleStartTimerRef.current);
       }
     };
-  }, [targetPosition]); // Re-run main loop logic if targetPosition changes
+  }, [targetPosition, isIdle]); // Re-run main loop logic if targetPosition changes
 
   const cleanupConnection = () => {
     if (reconnectTimeoutRef.current) {
@@ -150,7 +151,7 @@ export default function LivePreviewFrame({
     }
   }, [onScrapeComplete]);
 
-  const connect = () => {
+  const connect = useCallback(() => {
     setIsConnecting(true);
     // Clear any existing connection
     if (wsRef.current) {
@@ -270,7 +271,7 @@ export default function LivePreviewFrame({
       console.error("Failed to create connection");
       setIsConnecting(false);
     }
-  };
+  }, [sessionId, isIdle]);
 
   useEffect(() => {
     // Only connect if we have a sessionId
@@ -289,7 +290,7 @@ export default function LivePreviewFrame({
         cleanupConnection();
       };
     }
-  }, [sessionId]); // Re-run effect when sessionId changes
+  }, [sessionId, connect]); // Re-run effect when sessionId changes
 
   return (
     <div
@@ -336,6 +337,7 @@ export default function LivePreviewFrame({
         style={{
           backgroundColor: "#f0f0f0",
         }}
+        alt="Live preview frame"
       />
     </div>
   );
diff --git a/components/shared/preview/multiple-web-browsers.tsx b/components/shared/preview/multiple-web-browsers.tsx
index fb6f5f3e..793779c6 100644
--- a/components/shared/preview/multiple-web-browsers.tsx
+++ b/components/shared/preview/multiple-web-browsers.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import WebBrowser from "./web-browser";
 
@@ -29,14 +29,7 @@ export default function MultipleWebBrowsers({
   const SCALE_FACTOR = scaleFactor || 0.06;
   const [activeBrowsers, setActiveBrowsers] = useState<BrowserData[]>(browsers);
 
-  useEffect(() => {
-    if (autoRotate) {
-      startRotation();
-    }
-    return () => clearInterval(interval);
-  }, [autoRotate, rotationInterval]);
-
-  const startRotation = () => {
+  const startRotation = useCallback(() => {
     interval = setInterval(() => {
       setActiveBrowsers((prevBrowsers: BrowserData[]) => {
         const newArray = [...prevBrowsers];
@@ -44,7 +37,14 @@ export default function MultipleWebBrowsers({
         return newArray;
       });
     }, rotationInterval);
-  };
+  }, [rotationInterval]);
+
+  useEffect(() => {
+    if (autoRotate) {
+      startRotation();
+    }
+    return () => clearInterval(interval);
+  }, [autoRotate, rotationInterval, startRotation]);
 
   return (
     <div className="relative h-[600px] w-full">
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 56dba580..aa192f8f 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -1,52 +1,55 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
+"use client";
 
-import { cn } from "@/lib/utils"
+import React from 'react';
+import { cn } from '@/lib/utils/cn';
 
-const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-[10px] text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-zinc-900 text-white hover:bg-zinc-800 [box-shadow:inset_0px_-2px_0px_0px_#18181b,_0px_1px_6px_0px_rgba(24,_24,_27,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#18181b,_0px_1px_3px_0px_rgba(24,_24,_27,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#18181b,_0px_1px_2px_0px_rgba(24,_24,_27,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100",
-        secondary: "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 [box-shadow:inset_0px_-2px_0px_0px_#d4d4d8,_0px_1px_6px_0px_rgba(161,_161,_170,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#d4d4d8,_0px_1px_3px_0px_rgba(161,_161,_170,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#d4d4d8,_0px_1px_2px_0px_rgba(161,_161,_170,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100",
-        outline: "border border-zinc-300 bg-transparent hover:bg-zinc-50 text-zinc-900 [box-shadow:inset_0px_-2px_0px_0px_#e4e4e7,_0px_1px_6px_0px_rgba(228,_228,_231,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#e4e4e7,_0px_1px_3px_0px_rgba(228,_228,_231,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#e4e4e7,_0px_1px_2px_0px_rgba(228,_228,_231,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100",
-        destructive: "bg-red-500 text-white hover:bg-red-600 [box-shadow:inset_0px_-2px_0px_0px_#dc2626,_0px_1px_6px_0px_rgba(239,_68,_68,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#dc2626,_0px_1px_3px_0px_rgba(239,_68,_68,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#dc2626,_0px_1px_2px_0px_rgba(239,_68,_68,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100",
-        code: "bg-[#36322F] text-white hover:bg-[#4a4542] [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100",
-        orange: "bg-orange-500 text-white hover:bg-orange-600 [box-shadow:inset_0px_-2px_0px_0px_#c2410c,_0px_1px_6px_0px_rgba(234,_88,_12,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#c2410c,_0px_1px_3px_0px_rgba(234,_88,_12,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#c2410c,_0px_1px_2px_0px_rgba(234,_88,_12,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-8 px-3 py-1 text-sm",
-        lg: "h-12 px-6 py-3",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+  size?: 'sm' | 'md' | 'lg';
+  loading?: boolean;
+  children: React.ReactNode;
 }
 
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? "button" : "button"
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = "Button"
-
-export { Button, buttonVariants }
\ No newline at end of file
+export function Button({ 
+  variant = 'primary', 
+  size = 'md', 
+  loading = false, 
+  className, 
+  children, 
+  disabled,
+  ...props 
+}: ButtonProps) {
+  const baseClasses = "inline-flex items-center justify-center rounded-lg font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
+  
+  const variants = {
+    primary: "bg-gradient-to-r from-brand-accent to-brand-primary text-white hover:from-brand-primary hover:to-brand-accent focus:ring-brand-primary",
+    secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 focus:ring-gray-500",
+    outline: "border-2 border-brand-primary text-brand-primary hover:bg-brand-primary hover:text-white focus:ring-brand-primary",
+    ghost: "text-brand-primary hover:bg-brand-primary/10 focus:ring-brand-primary",
+    danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500"
+  };
+  
+  const sizes = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-6 py-3 text-lg"
+  };
+  
+  return (
+    <button
+      className={cn(
+        baseClasses,
+        variants[variant],
+        sizes[size],
+        className
+      )}
+      disabled={disabled || loading}
+      {...props}
+    >
+      {loading && (
+        <div className="animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent mr-2"></div>
+      )}
+      {children}
+    </button>
+  );
+}
\ No newline at end of file
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index 9eefd14b..f48ab07d 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -1,24 +1,53 @@
-import * as React from "react"
+"use client";
 
-import { cn } from "@/lib/utils"
+import React from 'react';
+import { cn } from '@/lib/utils/cn';
+import { useInputMask } from '@/hooks/useInputMask';
 
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement>
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label: string;
+  error?: string;
+  mask?: 'cpf' | 'cep' | 'placa' | 'telefone' | 'email';
+  required?: boolean;
+  loading?: boolean;
+}
 
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          "flex h-10 w-full rounded-[10px] border border-zinc-300 bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [box-shadow:inset_0px_-2px_0px_0px_#e4e4e7,_0px_1px_6px_0px_rgba(228,_228,_231,_30%)] hover:[box-shadow:inset_0px_-2px_0px_0px_#d4d4d8,_0px_1px_6px_0px_rgba(212,_212,_216,_40%)] focus-visible:[box-shadow:inset_0px_-2px_0px_0px_#f97316,_0px_1px_6px_0px_rgba(249,_115,_22,_30%)] transition-all duration-200",
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Input.displayName = "Input"
+export function Input({ 
+  label, 
+  error, 
+  mask, 
+  required, 
+  loading, 
+  className, 
+  ...props 
+}: InputProps) {
+  const inputRef = useInputMask(mask);
 
-export { Input }
\ No newline at end of file
+  return (
+    <div className="space-y-1">
+      <label className="block text-sm font-medium text-gray-700">
+        {label}
+        {required && <span className="text-red-500 ml-1">*</span>}
+      </label>
+      <div className="relative">
+        <input
+          ref={inputRef}
+          className={cn(
+            "w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-primary transition-colors",
+            error ? "border-red-500" : "border-gray-300 hover:border-gray-400",
+            loading && "opacity-50 cursor-not-allowed",
+            className
+          )}
+          disabled={loading}
+          {...props}
+        />
+        {loading && (
+          <div className="absolute right-3 top-1/2 transform -translate-y-1/2">
+            <div className="animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-brand-primary"></div>
+          </div>
+        )}
+      </div>
+      {error && <p className="text-sm text-red-500">{error}</p>}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/ui/loading.tsx b/components/ui/loading.tsx
new file mode 100644
index 00000000..97d74496
--- /dev/null
+++ b/components/ui/loading.tsx
@@ -0,0 +1,51 @@
+"use client";
+
+import React from 'react';
+import { cn } from '@/lib/utils/cn';
+
+export interface LoadingProps {
+  size?: 'sm' | 'md' | 'lg';
+  text?: string;
+  className?: string;
+}
+
+export function Loading({ size = 'md', text, className }: LoadingProps) {
+  const sizes = {
+    sm: 'h-4 w-4',
+    md: 'h-8 w-8',
+    lg: 'h-12 w-12'
+  };
+
+  return (
+    <div className={cn("flex items-center justify-center", className)}>
+      <div className="flex flex-col items-center space-y-2">
+        <div className={cn(
+          "animate-spin rounded-full border-2 border-gray-300 border-t-brand-primary",
+          sizes[size]
+        )}></div>
+        {text && (
+          <p className="text-sm text-gray-600">{text}</p>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export function LoadingOverlay({ text = "Carregando..." }: { text?: string }) {
+  return (
+    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+      <div className="bg-white rounded-lg p-6 shadow-lg">
+        <Loading size="lg" text={text} />
+      </div>
+    </div>
+  );
+}
+
+export function LoadingSpinner({ className }: { className?: string }) {
+  return (
+    <div className={cn(
+      "animate-spin rounded-full border-2 border-gray-300 border-t-brand-primary h-4 w-4",
+      className
+    )}></div>
+  );
+}
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index aaa63fbc..da5986a0 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -1,25 +1,65 @@
-import * as React from "react"
+"use client";
 
-import { cn } from "@/lib/utils"
+import React from 'react';
+import { cn } from '@/lib/utils/cn';
 
-export type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement>
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+  label: string;
+  error?: string;
+  required?: boolean;
+  loading?: boolean;
+  options: { value: string; label: string }[];
+  placeholder?: string;
+}
 
-const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
-  ({ className, children, ...props }, ref) => {
-    return (
-      <select
-        className={cn(
-          "flex h-10 w-full rounded-[10px] border border-zinc-300 bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [box-shadow:inset_0px_-2px_0px_0px_#e4e4e7,_0px_1px_6px_0px_rgba(228,_228,_231,_30%)] hover:[box-shadow:inset_0px_-2px_0px_0px_#d4d4d8,_0px_1px_6px_0px_rgba(212,_212,_216,_40%)] focus-visible:[box-shadow:inset_0px_-2px_0px_0px_#f97316,_0px_1px_6px_0px_rgba(249,_115,_22,_30%)] transition-all duration-200",
-          className
+export function Select({ 
+  label, 
+  error, 
+  required, 
+  loading, 
+  options, 
+  placeholder = "Selecione uma opção",
+  className, 
+  ...props 
+}: SelectProps) {
+  return (
+    <div className="space-y-1">
+      <label className="block text-sm font-medium text-gray-700">
+        {label}
+        {required && <span className="text-red-500 ml-1">*</span>}
+      </label>
+      <div className="relative">
+        <select
+          className={cn(
+            "w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-primary transition-colors appearance-none bg-white",
+            error ? "border-red-500" : "border-gray-300 hover:border-gray-400",
+            loading && "opacity-50 cursor-not-allowed",
+            className
+          )}
+          disabled={loading || props.disabled}
+          {...props}
+        >
+          <option value="" disabled>
+            {placeholder}
+          </option>
+          {options.map((option) => (
+            <option key={option.value} value={option.value}>
+              {option.label}
+            </option>
+          ))}
+        </select>
+        <div className="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
+          <svg className="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
+          </svg>
+        </div>
+        {loading && (
+          <div className="absolute right-8 top-1/2 transform -translate-y-1/2">
+            <div className="animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-brand-primary"></div>
+          </div>
         )}
-        ref={ref}
-        {...props}
-      >
-        {children}
-      </select>
-    )
-  }
-)
-Select.displayName = "Select"
-
-export { Select }
\ No newline at end of file
+      </div>
+      {error && <p className="text-sm text-red-500">{error}</p>}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/hooks/useInputMask.ts b/hooks/useInputMask.ts
new file mode 100644
index 00000000..7ac5f0ea
--- /dev/null
+++ b/hooks/useInputMask.ts
@@ -0,0 +1,85 @@
+import { useEffect, useRef } from 'react';
+
+export type MaskType = 'cpf' | 'cep' | 'placa' | 'telefone' | 'email';
+
+export function useInputMask(mask: MaskType | undefined) {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (!mask || !inputRef.current) return;
+
+    const input = inputRef.current;
+
+    const applyMask = (value: string): string => {
+      const digits = value.replace(/\D/g, '');
+      
+      switch (mask) {
+        case 'cpf':
+          return digits.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
+        case 'cep':
+          return digits.replace(/(\d{5})(\d{3})/, '$1-$2');
+        case 'placa':
+          return digits.replace(/([A-Za-z]{3})(\d{1})([A-Za-z0-9]{1})(\d{2})/, '$1$2$3$4');
+        case 'telefone':
+          return digits.replace(/(\d{2})(\d{5})(\d{4})/, '($1) $2-$3');
+        default:
+          return value;
+      }
+    };
+
+    const handleInput = (e: Event) => {
+      const target = e.target as HTMLInputElement;
+      const maskedValue = applyMask(target.value);
+      target.value = maskedValue;
+    };
+
+    const handleKeyDown = (e: KeyboardEvent) => {
+      // Permitir teclas de navegação
+      const allowedKeys = [
+        'Backspace', 'Delete', 'Tab', 'Escape', 'Enter',
+        'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',
+        'Home', 'End'
+      ];
+      
+      if (allowedKeys.includes(e.key)) {
+        return;
+      }
+
+      // Para CPF, CEP e telefone, permitir apenas números
+      if (['cpf', 'cep', 'telefone'].includes(mask)) {
+        if (!/\d/.test(e.key)) {
+          e.preventDefault();
+        }
+      }
+
+      // Para placa, permitir letras e números
+      if (mask === 'placa') {
+        if (!/[A-Za-z0-9]/.test(e.key)) {
+          e.preventDefault();
+        }
+      }
+    };
+
+    const handlePaste = (e: ClipboardEvent) => {
+      e.preventDefault();
+      const pastedText = e.clipboardData?.getData('text') || '';
+      const maskedValue = applyMask(pastedText);
+      input.value = maskedValue;
+    };
+
+    // Adicionar event listeners
+    input.addEventListener('input', handleInput);
+    input.addEventListener('keydown', handleKeyDown);
+    input.addEventListener('paste', handlePaste);
+
+    // Cleanup
+    return () => {
+      input.removeEventListener('input', handleInput);
+      input.removeEventListener('keydown', handleKeyDown);
+      input.removeEventListener('paste', handlePaste);
+    };
+  }, [mask]);
+
+  return inputRef;
+}
+
diff --git a/lib/alerts/sweetalert-config.ts b/lib/alerts/sweetalert-config.ts
new file mode 100644
index 00000000..2eead35a
--- /dev/null
+++ b/lib/alerts/sweetalert-config.ts
@@ -0,0 +1,273 @@
+import Swal from 'sweetalert2';
+
+/**
+ * Configuração customizada do SweetAlert2 para o tema da marca
+ * Baseado no código original do Webflow
+ */
+
+// Configuração base do tema
+const themeConfig = {
+  // Cores da marca
+  primary: '#004A8D',
+  accent: '#009FE3',
+  success: '#10B981',
+  warning: '#F59E0B',
+  error: '#EF4444',
+  
+  // Configurações de estilo
+  borderRadius: '14px',
+  boxShadow: '0 16px 50px rgba(0, 74, 141, 0.25)',
+  padding: '22px'
+};
+
+// Configuração global do SweetAlert2
+Swal.mixin({
+  customClass: {
+    popup: 'swal2-popup-custom',
+    title: 'swal2-title-custom',
+    htmlContainer: 'swal2-content-custom',
+    confirmButton: 'swal2-confirm-custom',
+    cancelButton: 'swal2-cancel-custom',
+    actions: 'swal2-actions-custom'
+  },
+  buttonsStyling: false,
+  allowOutsideClick: false,
+  allowEscapeKey: true,
+  reverseButtons: true
+});
+
+// Estilos CSS customizados
+const customStyles = `
+  <style id="swal2-brand-theme">
+    :root {
+      --brand-primary: ${themeConfig.primary};
+      --brand-accent: ${themeConfig.accent};
+      --brand-text: ${themeConfig.primary};
+    }
+
+    /* Overlay com leve tint azul e sempre centralizado */
+    .swal2-container {
+      background-color: rgba(0, 74, 141, 0.35) !important;
+      z-index: 99999 !important;
+    }
+
+    .swal2-popup {
+      border-radius: ${themeConfig.borderRadius} !important;
+      box-shadow: ${themeConfig.boxShadow} !important;
+      padding-top: ${themeConfig.padding} !important;
+    }
+
+    .swal2-title {
+      color: var(--brand-text) !important;
+      font-weight: 700 !important;
+    }
+
+    .swal2-html-container {
+      color: #2b3a4a !important;
+      line-height: 1.45 !important;
+      text-align: center !important;
+      white-space: pre-wrap;
+    }
+
+    /* ========= ÍCONES ========= */
+    /* WARNING → círculo azul escuro, borda igual, ponto de exclamação branco */
+    .swal2-icon.swal2-warning {
+      border-color: var(--brand-primary) !important;
+      background-color: var(--brand-primary) !important;
+      color: #fff !important;
+    }
+
+    .swal2-icon.swal2-warning .swal2-icon-content {
+      color: #fff !important;
+      font-weight: 800 !important;
+    }
+
+    /* INFO / SUCCESS (mantêm paleta da marca) */
+    .swal2-icon.swal2-info {
+      border-color: var(--brand-accent) !important;
+      color: var(--brand-accent) !important;
+    }
+
+    .swal2-icon.swal2-success {
+      border-color: rgba(0,159,227,.35) !important;
+      color: var(--brand-accent) !important;
+    }
+
+    /* ========= BOTÕES ========= */
+    .swal2-actions {
+      gap: 10px !important;
+    }
+
+    .swal2-styled.swal2-cancel {
+      color: var(--brand-primary) !important;
+      background: #fff !important;
+      border: 2px solid var(--brand-primary) !important;
+      border-radius: 10px !important;
+      font-weight: 600 !important;
+      min-width: 170px !important;
+      padding: 10px 16px !important;
+    }
+
+    .swal2-styled.swal2-confirm {
+      color: #fff !important;
+      background: linear-gradient(180deg, var(--brand-accent) 0%, var(--brand-primary) 100%) !important;
+      border: 0 !important;
+      border-radius: 10px !important;
+      font-weight: 600 !important;
+      min-width: 170px !important;
+      padding: 10px 16px !important;
+    }
+  </style>
+`;
+
+// Injetar estilos no DOM
+if (typeof document !== 'undefined') {
+  const existingStyle = document.getElementById('swal2-brand-theme');
+  if (!existingStyle) {
+    document.head.insertAdjacentHTML('beforeend', customStyles);
+  }
+}
+
+// Funções de alerta customizadas
+export const AlertUtils = {
+  /**
+   * Alerta de aviso com opção de cancelar
+   */
+  warnConfirmCancel: (options: {
+    title: string;
+    html?: string;
+    text?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+  }) => {
+    return Swal.fire({
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: options.confirmButtonText || 'Corrigir',
+      cancelButtonText: options.cancelButtonText || 'Não',
+      reverseButtons: true,
+      allowOutsideClick: false,
+      allowEscapeKey: true,
+      title: options.title,
+      html: options.html,
+      text: options.text
+    });
+  },
+
+  /**
+   * Alerta de informação com opção de prosseguir
+   */
+  infoConfirmCancel: (options: {
+    title: string;
+    html?: string;
+    text?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+  }) => {
+    return Swal.fire({
+      icon: 'info',
+      showCancelButton: true,
+      confirmButtonText: options.confirmButtonText || 'Prosseguir assim mesmo',
+      cancelButtonText: options.cancelButtonText || 'Corrigir',
+      reverseButtons: true,
+      allowOutsideClick: false,
+      allowEscapeKey: true,
+      title: options.title,
+      html: options.html,
+      text: options.text
+    });
+  },
+
+  /**
+   * Alerta de sucesso
+   */
+  success: (options: {
+    title: string;
+    html?: string;
+    text?: string;
+    confirmButtonText?: string;
+  }) => {
+    return Swal.fire({
+      icon: 'success',
+      confirmButtonText: options.confirmButtonText || 'OK',
+      title: options.title,
+      html: options.html,
+      text: options.text
+    });
+  },
+
+  /**
+   * Alerta de erro
+   */
+  error: (options: {
+    title: string;
+    html?: string;
+    text?: string;
+    confirmButtonText?: string;
+  }) => {
+    return Swal.fire({
+      icon: 'error',
+      confirmButtonText: options.confirmButtonText || 'OK',
+      title: options.title,
+      html: options.html,
+      text: options.text
+    });
+  },
+
+  /**
+   * Loading/Progress
+   */
+  loading: (title: string = 'Carregando...') => {
+    return Swal.fire({
+      title,
+      allowOutsideClick: false,
+      allowEscapeKey: false,
+      showConfirmButton: false,
+      didOpen: () => {
+        Swal.showLoading();
+      }
+    });
+  },
+
+  /**
+   * Fechar loading
+   */
+  closeLoading: () => {
+    Swal.close();
+  },
+
+  /**
+   * Alerta de validação de formulário
+   */
+  validationError: (errors: string[]) => {
+    const errorList = errors.map(error => `• ${error}`).join('\n');
+    
+    return Swal.fire({
+      icon: 'info',
+      title: 'Atenção!',
+      html: `⚠️ Os campos CPF, CEP, PLACA, CELULAR e E-MAIL corretamente preenchidos são necessários para efetuar o cálculo do seguro.<br><br>Campos com problema:<br><br>${errorList}<br><br>Caso decida prosseguir assim mesmo, um especialista entrará em contato para coletar esses dados.`,
+      showCancelButton: true,
+      confirmButtonText: 'Prosseguir assim mesmo',
+      cancelButtonText: 'Corrigir',
+      reverseButtons: true,
+      allowOutsideClick: false,
+      allowEscapeKey: true
+    });
+  },
+
+  /**
+   * Confirmação de envio de formulário
+   */
+  confirmSubmission: () => {
+    return Swal.fire({
+      icon: 'success',
+      title: 'Cotação Enviada!',
+      html: 'Sua solicitação de cotação foi enviada com sucesso.<br><br>Nossa equipe entrará em contato em breve para fornecer a melhor proposta.',
+      confirmButtonText: 'OK'
+    });
+  }
+};
+
+// Exportar configuração para uso em outros componentes
+export { themeConfig };
+export default Swal;
diff --git a/lib/apis/fallback-system.ts b/lib/apis/fallback-system.ts
new file mode 100644
index 00000000..a700eb7f
--- /dev/null
+++ b/lib/apis/fallback-system.ts
@@ -0,0 +1,294 @@
+import { ValidacaoResult } from '@/types/validation';
+
+/**
+ * Sistema de fallbacks para APIs externas
+ * Mitiga riscos de downtime e mudanças em APIs
+ */
+
+export interface APIFallbackConfig {
+  primary: string;
+  fallbacks: string[];
+  timeout: number;
+  retries: number;
+}
+
+export class APIFallbackManager {
+  private static instance: APIFallbackManager;
+  private cache: Map<string, { data: any; timestamp: number }> = new Map();
+  private readonly CACHE_DURATION = 5 * 60 * 1000; // 5 minutos
+
+  static getInstance(): APIFallbackManager {
+    if (!APIFallbackManager.instance) {
+      APIFallbackManager.instance = new APIFallbackManager();
+    }
+    return APIFallbackManager.instance;
+  }
+
+  /**
+   * Executa chamada com fallbacks automáticos
+   */
+  async executeWithFallback<T>(
+    config: APIFallbackConfig,
+    requestFn: (url: string) => Promise<T>
+  ): Promise<T> {
+    const cacheKey = `${config.primary}-${JSON.stringify(config)}`;
+    
+    // Verificar cache primeiro
+    const cached = this.getFromCache<T>(cacheKey);
+    if (cached) {
+      return cached;
+    }
+
+    const urls = [config.primary, ...config.fallbacks];
+    
+    for (let i = 0; i < urls.length; i++) {
+      try {
+        const result = await this.executeWithTimeout(
+          () => requestFn(urls[i]),
+          config.timeout
+        );
+        
+        // Salvar no cache
+        this.setCache(cacheKey, result);
+        return result;
+      } catch (error) {
+        console.warn(`API ${urls[i]} falhou:`, error);
+        
+        if (i === urls.length - 1) {
+          throw new Error('Todas as APIs falharam');
+        }
+      }
+    }
+    
+    throw new Error('Nenhuma API disponível');
+  }
+
+  private async executeWithTimeout<T>(
+    fn: () => Promise<T>,
+    timeout: number
+  ): Promise<T> {
+    return Promise.race([
+      fn(),
+      new Promise<never>((_, reject) =>
+        setTimeout(() => reject(new Error('Timeout')), timeout)
+      )
+    ]);
+  }
+
+  private getFromCache<T>(key: string): T | null {
+    const cached = this.cache.get(key);
+    if (cached && Date.now() - cached.timestamp < this.CACHE_DURATION) {
+      return cached.data as T;
+    }
+    return null;
+  }
+
+  private setCache<T>(key: string, data: T): void {
+    this.cache.set(key, {
+      data,
+      timestamp: Date.now()
+    });
+  }
+}
+
+/**
+ * Configurações de fallback para cada API
+ */
+export const API_FALLBACK_CONFIGS = {
+  cpf: {
+    primary: 'https://mdmidia.com.br/cpf-validate.php',
+    fallbacks: [
+      'https://api.serpro.gov.br/cpf/v1/consulta',
+      'https://api.cpfcnpj.com.br/cpf'
+    ],
+    timeout: 5000,
+    retries: 3
+  },
+  cep: {
+    primary: 'https://viacep.com.br/ws',
+    fallbacks: [
+      'https://api.postmon.com.br/v1/cep',
+      'https://cep.awesomeapi.com.br/json'
+    ],
+    timeout: 3000,
+    retries: 2
+  },
+  placa: {
+    primary: 'https://mdmidia.com.br/placa-validate.php',
+    fallbacks: [
+      'https://api.fipe.org.br/api/v1/carros/marcas',
+      'https://api.veiculos.fipe.org.br/api/veiculos'
+    ],
+    timeout: 5000,
+    retries: 3
+  },
+  telefone: {
+    primary: 'https://apilayer.net/api/validate',
+    fallbacks: [
+      'https://api.numverify.com/v1/validate',
+      'https://api.abstractapi.com/v1/phone'
+    ],
+    timeout: 4000,
+    retries: 2
+  },
+  email: {
+    primary: 'https://optin.safetymails.com',
+    fallbacks: [
+      'https://api.emailhunter.co/v2/verify',
+      'https://api.zerobounce.net/v2/validate'
+    ],
+    timeout: 3000,
+    retries: 2
+  }
+};
+
+/**
+ * Validação de CPF com fallbacks
+ */
+export async function validarCPFComFallback(cpf: string): Promise<ValidacaoResult> {
+  const fallbackManager = APIFallbackManager.getInstance();
+  
+  try {
+    // Tentar API principal primeiro
+    const result = await fallbackManager.executeWithFallback(
+      API_FALLBACK_CONFIGS.cpf,
+      async (url) => {
+        const response = await fetch(url, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ cpf: cpf.replace(/\D/g, '') })
+        });
+        
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+        
+        return await response.json();
+      }
+    );
+    
+    return {
+      ok: true,
+      parsed: {
+        sexo: mapearSexo(result.data?.sexo),
+        dataNascimento: formatarData(result.data?.data_nascimento),
+        estadoCivil: mapearEstadoCivil(result.data?.estado_civil)
+      },
+      raw: result
+    };
+  } catch (error) {
+    console.error('Todas as APIs de CPF falharam:', error);
+    
+    // Fallback para validação local apenas
+    return {
+      ok: validarCPFAlgoritmo(cpf),
+      reason: 'formato',
+      parsed: {
+        sexo: '',
+        dataNascimento: '',
+        estadoCivil: ''
+      }
+    };
+  }
+}
+
+/**
+ * Validação de CEP com fallbacks
+ */
+export async function validarCEPComFallback(cep: string): Promise<ValidacaoResult> {
+  const fallbackManager = APIFallbackManager.getInstance();
+  const cepLimpo = cep.replace(/\D/g, '');
+  
+  if (cepLimpo.length !== 8) {
+    return { ok: false, reason: 'formato' };
+  }
+  
+  try {
+    const result = await fallbackManager.executeWithFallback(
+      API_FALLBACK_CONFIGS.cep,
+      async (url) => {
+        const response = await fetch(`${url}/${cepLimpo}/json/`);
+        
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+        
+        return await response.json();
+      }
+    );
+    
+    if (result.erro) {
+      return { ok: false, reason: 'nao_encontrado' };
+    }
+    
+    return {
+      ok: true,
+      parsed: {
+        cidade: result.localidade,
+        estado: result.uf,
+        endereco: result.logradouro,
+        bairro: result.bairro
+      },
+      raw: result
+    };
+  } catch (error) {
+    console.error('Todas as APIs de CEP falharam:', error);
+    return { ok: false, reason: 'erro_api' };
+  }
+}
+
+// Funções auxiliares
+function validarCPFAlgoritmo(cpf: string): boolean {
+  const cpfLimpo = cpf.replace(/\D/g, '');
+  
+  if (cpfLimpo.length !== 11 || /^(\d)\1{10}$/.test(cpfLimpo)) {
+    return false;
+  }
+  
+  let soma = 0;
+  for (let i = 1; i <= 9; i++) {
+    soma += parseInt(cpfLimpo[i-1]) * (11 - i);
+  }
+  let resto = (soma * 10) % 11;
+  if (resto === 10 || resto === 11) resto = 0;
+  if (resto !== parseInt(cpfLimpo[9])) return false;
+  
+  soma = 0;
+  for (let i = 1; i <= 10; i++) {
+    soma += parseInt(cpfLimpo[i-1]) * (12 - i);
+  }
+  resto = (soma * 10) % 11;
+  if (resto === 10 || resto === 11) resto = 0;
+  
+  return resto === parseInt(cpfLimpo[10]);
+}
+
+function mapearSexo(sexo: number): string {
+  switch (sexo) {
+    case 1: return 'Masculino';
+    case 2: return 'Feminino';
+    default: return '';
+  }
+}
+
+function mapearEstadoCivil(estadoCivil: number): string {
+  switch (estadoCivil) {
+    case 0: return 'Solteiro';
+    case 1: return 'Casado';
+    case 2: return 'Divorciado';
+    case 3: return 'Viúvo';
+    default: return '';
+  }
+}
+
+function formatarData(dataISO: string): string {
+  try {
+    const date = new Date(dataISO);
+    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = date.getFullYear();
+    return `${day}/${month}/${year}`;
+  } catch {
+    return dataISO;
+  }
+}
diff --git a/lib/monitoring/advanced-monitoring.ts b/lib/monitoring/advanced-monitoring.ts
new file mode 100644
index 00000000..bf5f9f96
--- /dev/null
+++ b/lib/monitoring/advanced-monitoring.ts
@@ -0,0 +1,402 @@
+import { DadosCotacao } from '@/types/cotacao';
+
+/**
+ * Sistema de monitoramento avançado
+ * Integra Sentry, New Relic e alertas customizados
+ */
+
+export interface MonitoringConfig {
+  sentry: {
+    dsn: string;
+    environment: 'development' | 'staging' | 'production';
+    tracesSampleRate: number;
+  };
+  newRelic: {
+    licenseKey: string;
+    applicationId: string;
+  };
+  alerts: {
+    webhook: string;
+    email: string;
+    slack: string;
+  };
+}
+
+export interface PerformanceMetrics {
+  pageLoadTime: number;
+  apiResponseTime: number;
+  formCompletionTime: number;
+  errorRate: number;
+  conversionRate: number;
+}
+
+export interface BusinessMetrics {
+  leadsGenerated: number;
+  formAbandonmentRate: number;
+  apiFailureRate: number;
+  userSatisfactionScore: number;
+}
+
+export class AdvancedMonitoring {
+  private static instance: AdvancedMonitoring;
+  private config: MonitoringConfig;
+  private metrics: Map<string, any> = new Map();
+
+  constructor(config: MonitoringConfig) {
+    this.config = config;
+    this.initializeMonitoring();
+  }
+
+  static getInstance(config?: MonitoringConfig): AdvancedMonitoring {
+    if (!AdvancedMonitoring.instance && config) {
+      AdvancedMonitoring.instance = new AdvancedMonitoring(config);
+    }
+    return AdvancedMonitoring.instance;
+  }
+
+  private initializeMonitoring(): void {
+    // Inicializar Sentry
+    if (typeof window !== 'undefined' && this.config.sentry.dsn) {
+      this.initializeSentry();
+    }
+
+    // Inicializar New Relic
+    if (typeof window !== 'undefined' && this.config.newRelic.licenseKey) {
+      this.initializeNewRelic();
+    }
+
+    // Configurar alertas
+    this.setupAlerts();
+  }
+
+  private initializeSentry(): void {
+    // Mock do Sentry para demonstração
+    console.log('Sentry inicializado:', this.config.sentry.dsn);
+  }
+
+  private initializeNewRelic(): void {
+    // Mock do New Relic para demonstração
+    console.log('New Relic inicializado:', this.config.newRelic.applicationId);
+  }
+
+  private setupAlerts(): void {
+    // Configurar alertas para falhas críticas
+    this.setupErrorAlerts();
+    this.setupPerformanceAlerts();
+    this.setupBusinessAlerts();
+  }
+
+  private setupErrorAlerts(): void {
+    // Alertas para erros críticos
+    window.addEventListener('error', (event) => {
+      this.trackError('javascript_error', {
+        message: event.message,
+        filename: event.filename,
+        lineno: event.lineno,
+        colno: event.colno,
+        stack: event.error?.stack
+      });
+    });
+
+    window.addEventListener('unhandledrejection', (event) => {
+      this.trackError('unhandled_promise_rejection', {
+        reason: event.reason,
+        promise: event.promise
+      });
+    });
+  }
+
+  private setupPerformanceAlerts(): void {
+    // Monitorar Core Web Vitals
+    if ('web-vitals' in window) {
+      // Mock para demonstração
+      this.trackPerformance('lcp', 2.5);
+      this.trackPerformance('fid', 100);
+      this.trackPerformance('cls', 0.1);
+    }
+  }
+
+  private setupBusinessAlerts(): void {
+    // Alertas para métricas de negócio
+    setInterval(() => {
+      this.checkBusinessMetrics();
+    }, 60000); // A cada minuto
+  }
+
+  /**
+   * Rastrear erros
+   */
+  trackError(type: string, data: any): void {
+    const errorData = {
+      type,
+      data,
+      timestamp: new Date().toISOString(),
+      url: window.location.href,
+      userAgent: navigator.userAgent
+    };
+
+    // Enviar para Sentry
+    this.sendToSentry('error', errorData);
+
+    // Enviar para New Relic
+    this.sendToNewRelic('error', errorData);
+
+    // Alertar se crítico
+    if (this.isCriticalError(type)) {
+      this.sendAlert('error', errorData);
+    }
+  }
+
+  /**
+   * Rastrear performance
+   */
+  trackPerformance(metric: string, value: number): void {
+    const perfData = {
+      metric,
+      value,
+      timestamp: new Date().toISOString(),
+      url: window.location.href
+    };
+
+    // Enviar para New Relic
+    this.sendToNewRelic('performance', perfData);
+
+    // Alertar se performance ruim
+    if (this.isPoorPerformance(metric, value)) {
+      this.sendAlert('performance', perfData);
+    }
+  }
+
+  /**
+   * Rastrear métricas de negócio
+   */
+  trackBusinessMetric(metric: string, value: number): void {
+    const businessData = {
+      metric,
+      value,
+      timestamp: new Date().toISOString(),
+      url: window.location.href
+    };
+
+    this.metrics.set(metric, value);
+    this.sendToNewRelic('business', businessData);
+  }
+
+  /**
+   * Rastrear conversão de formulário
+   */
+  trackFormConversion(dados: DadosCotacao, success: boolean): void {
+    const conversionData = {
+      success,
+      dados: this.anonymizeData(dados),
+      timestamp: new Date().toISOString(),
+      url: window.location.href,
+      formType: dados.tipoSeguro
+    };
+
+    this.sendToNewRelic('conversion', conversionData);
+    this.trackBusinessMetric('form_conversion', success ? 1 : 0);
+  }
+
+  /**
+   * Rastrear falha de API
+   */
+  trackAPIFailure(api: string, error: any): void {
+    const apiData = {
+      api,
+      error: error.message || error,
+      timestamp: new Date().toISOString(),
+      url: window.location.href
+    };
+
+    this.trackError('api_failure', apiData);
+    this.trackBusinessMetric('api_failure_rate', 1);
+  }
+
+  /**
+   * Verificar métricas de negócio
+   */
+  private checkBusinessMetrics(): void {
+    const metrics = this.getBusinessMetrics();
+    
+    // Verificar taxa de abandono
+    if (metrics.formAbandonmentRate > 0.3) {
+      this.sendAlert('business', {
+        type: 'high_abandonment_rate',
+        value: metrics.formAbandonmentRate,
+        threshold: 0.3
+      });
+    }
+
+    // Verificar taxa de falha de API
+    if (metrics.apiFailureRate > 0.05) {
+      this.sendAlert('business', {
+        type: 'high_api_failure_rate',
+        value: metrics.apiFailureRate,
+        threshold: 0.05
+      });
+    }
+  }
+
+  /**
+   * Obter métricas de negócio
+   */
+  getBusinessMetrics(): BusinessMetrics {
+    return {
+      leadsGenerated: this.metrics.get('leads_generated') || 0,
+      formAbandonmentRate: this.metrics.get('form_abandonment_rate') || 0,
+      apiFailureRate: this.metrics.get('api_failure_rate') || 0,
+      userSatisfactionScore: this.metrics.get('user_satisfaction_score') || 0
+    };
+  }
+
+  /**
+   * Verificar se erro é crítico
+   */
+  private isCriticalError(type: string): boolean {
+    const criticalErrors = [
+      'api_failure',
+      'form_submission_error',
+      'payment_error',
+      'security_error'
+    ];
+    return criticalErrors.includes(type);
+  }
+
+  /**
+   * Verificar se performance é ruim
+   */
+  private isPoorPerformance(metric: string, value: number): boolean {
+    const thresholds: Record<string, number> = {
+      lcp: 2.5, // Largest Contentful Paint
+      fid: 100, // First Input Delay
+      cls: 0.1, // Cumulative Layout Shift
+      ttfb: 600 // Time to First Byte
+    };
+    
+    return thresholds[metric] !== undefined && value > thresholds[metric];
+  }
+
+  /**
+   * Anonimizar dados sensíveis
+   */
+  private anonymizeData(dados: DadosCotacao): Partial<DadosCotacao> {
+    return {
+      tipoSeguro: dados.tipoSeguro,
+      fonte: dados.fonte,
+      timestamp: dados.timestamp,
+      // Remover dados sensíveis
+      cpf: dados.cpf ? '***' + dados.cpf.slice(-3) : undefined,
+      email: dados.email ? dados.email.replace(/(.{2}).*(@.*)/, '$1***$2') : undefined,
+      telefone: dados.telefone ? '***' + dados.telefone.slice(-4) : undefined
+    };
+  }
+
+  /**
+   * Enviar para Sentry
+   */
+  private sendToSentry(type: string, data: any): void {
+    // Mock para demonstração
+    console.log('Sentry:', type, data);
+  }
+
+  /**
+   * Enviar para New Relic
+   */
+  private sendToNewRelic(type: string, data: any): void {
+    // Mock para demonstração
+    console.log('New Relic:', type, data);
+  }
+
+  /**
+   * Enviar alerta
+   */
+  private sendAlert(type: string, data: any): void {
+    const alertData = {
+      type,
+      data,
+      timestamp: new Date().toISOString(),
+      severity: this.getSeverity(type),
+      environment: this.config.sentry.environment
+    };
+
+    // Enviar para webhook
+    if (this.config.alerts.webhook) {
+      fetch(this.config.alerts.webhook, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(alertData)
+      }).catch(console.error);
+    }
+
+    // Enviar para Slack
+    if (this.config.alerts.slack) {
+      this.sendSlackAlert(alertData);
+    }
+
+    console.log('Alert sent:', alertData);
+  }
+
+  /**
+   * Enviar alerta para Slack
+   */
+  private sendSlackAlert(data: any): void {
+    const message = {
+      text: `🚨 Alerta ${data.severity}: ${data.type}`,
+      attachments: [{
+        color: data.severity === 'high' ? 'danger' : 'warning',
+        fields: [
+          { title: 'Tipo', value: data.type, short: true },
+          { title: 'Severidade', value: data.severity, short: true },
+          { title: 'Ambiente', value: data.environment, short: true },
+          { title: 'Timestamp', value: data.timestamp, short: true }
+        ]
+      }]
+    };
+
+    fetch(this.config.alerts.slack, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(message)
+    }).catch(console.error);
+  }
+
+  /**
+   * Obter severidade do alerta
+   */
+  private getSeverity(type: string): 'low' | 'medium' | 'high' {
+    const highSeverity = ['api_failure', 'security_error', 'payment_error'];
+    const mediumSeverity = ['performance', 'form_error'];
+    
+    if (highSeverity.includes(type)) return 'high';
+    if (mediumSeverity.includes(type)) return 'medium';
+    return 'low';
+  }
+}
+
+/**
+ * Configuração de monitoramento
+ */
+export const MONITORING_CONFIG: MonitoringConfig = {
+  sentry: {
+    dsn: process.env.NEXT_PUBLIC_SENTRY_DSN || '',
+    environment: (process.env.NODE_ENV as any) || 'development',
+    tracesSampleRate: 0.1
+  },
+  newRelic: {
+    licenseKey: process.env.NEXT_PUBLIC_NEW_RELIC_LICENSE_KEY || '',
+    applicationId: process.env.NEXT_PUBLIC_NEW_RELIC_APP_ID || ''
+  },
+  alerts: {
+    webhook: process.env.ALERT_WEBHOOK_URL || '',
+    email: process.env.ALERT_EMAIL || '',
+    slack: process.env.SLACK_WEBHOOK_URL || ''
+  }
+};
+
+/**
+ * Inicializar monitoramento
+ */
+export function initializeMonitoring(): AdvancedMonitoring {
+  return AdvancedMonitoring.getInstance(MONITORING_CONFIG);
+}
diff --git a/lib/utils/cn.ts b/lib/utils/cn.ts
new file mode 100644
index 00000000..365058ce
--- /dev/null
+++ b/lib/utils/cn.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/original-page.css b/original-page.css
new file mode 100644
index 00000000..35c2d59e
--- /dev/null
+++ b/original-page.css
@@ -0,0 +1 @@
+:root{--steel-blue:#108fce;--royal-blue:#265a99;--white:white;--royal-blue-2:#1067ce;--dark-slate-grey:#024e3f;--grey:#858e78;--grey-2:#858e70;--dark-olive-green:#385134;--forest-green-2:#51a33d;--gainsboro:#e4e4e4;--dim-grey-3:#50636b;--goldenrod:#c90;--burntsienna:#c07e64;--dark-slate-blue:#3e4095;--crimson:#d53438;--dark-slate-blue-2:#2e4080;--royal-blue-3:#265a99;--dark-slate-grey-2:#252e29;--dim-grey-2:#6c615d;--dim-grey-4:#5e5e5e;--chocolate:#e36314;--olive-drab:#7f960e;--dark-slate-blue-3:#435d7d;--steel-blue-2:#108fce;--black:black;--cinza-clarinho:#f5f7fa;--orange-red:#f65e01;--forest-green:#51a33d;--dim-grey:#5e5e5e;--orange-red-2:#f25500;--cinza-facebook:#f8fafc}body{color:#5e5e5e;background-image:none;background-position:0 0;background-repeat:repeat;height:100%;font-family:Titillium Web;font-size:14px;font-weight:400;line-height:20px}.w-layout-grid{grid-row-gap:16px;grid-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.calculo-auto{position:relative;overflow:hidden}.calculo-auto.header{color:#265a99;background-color:#fff;height:auto}.calculo-auto.hero-pet{z-index:999999;background-color:#b6b6b6;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);background-position:50% 100%;background-repeat:no-repeat;background-size:cover;height:648px}.calculo-auto.hero-pet.pet{z-index:0;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5d448211500bcb7ed7d58f35_Mulher%20%26%20Cao%20-%20Min.webp);background-position:50%;background-size:cover;height:auto;padding-top:20px;padding-bottom:20px}.calculo-auto.hero-pet.indique{background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5b5a0d6f2217c06d5aeb89b2_Amigos-2-mini.webp);background-position:50% 0;background-size:cover;height:auto}.calculo-auto.calculo{background-color:#4f534d;height:50px;padding-top:2vh;padding-bottom:2vh;display:none}.calculo-auto.sucesso{background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5d703081b96c236eaefbbbcf_cronometro-min.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:70%;display:flex}.calculo-auto.footer{background-color:#265a99;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;margin-bottom:0;padding-top:4vh;padding-bottom:4vh;font-family:Titilliumweb,sans-serif}.container_padrao{max-width:1024px;height:auto;margin-top:26px;padding-left:10px;padding-right:10px;position:relative}.container_padrao.calculo{justify-content:flex-end;align-items:center;display:flex}.container_padrao.seguradora{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.container_padrao.menina{justify-content:flex-start;align-items:center;height:100%;margin-top:0;padding:1vw;display:flex}.container_padrao.menina.indique{padding-top:30px;padding-bottom:30px}.container_padrao.footer{padding-bottom:10px}.row{height:auto;margin-bottom:30px;position:relative}.row.header{align-items:flex-start;height:auto;padding-top:0;display:flex}.row.footer{flex-wrap:wrap;justify-content:space-between;height:auto;margin:auto auto 1vw;display:flex}.col{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.col.cotacao{justify-content:space-between;align-items:flex-start;padding:0}.col.cotacao.auto{height:auto}.col.topo{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;height:auto;margin-top:10px}.col.head{flex-direction:row;justify-content:flex-start;align-items:flex-start;height:auto;margin-top:0}.col.dir{justify-content:space-between;align-items:flex-end;height:auto;padding-left:0;padding-right:0}.col.rodape{color:#fff;flex-wrap:wrap;justify-content:space-between;height:auto}.link-header{color:#fff;letter-spacing:1px;text-transform:uppercase;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);background-position:0;background-repeat:no-repeat;width:50%;padding-top:9px;padding-bottom:9px;padding-left:39px;font-size:25.5px;font-weight:600;line-height:27px;text-decoration:none;position:relative}.link-header.mail{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f9455a1da8429ab84585_mail%202%20branco.gif);background-position:0;background-size:auto 80%;justify-content:flex-end;width:100%;margin-top:0;padding-top:0;padding-bottom:0;padding-left:0;font-family:Titilliumweb,sans-serif;font-size:1.5rem;line-height:2.5rem;text-decoration:none;display:flex}.wrapper{perspective-origin:50%;background-color:#00488b;border:1px solid #00244580;width:65%;height:auto;margin-bottom:0;padding:1vw;position:relative}.wrapper.indique{height:auto}.field.raca,.field.nomepet{width:100%;height:35px;margin-bottom:10px}.field.tempo-de-contrato,.field.valor-do-aluguel{width:49%}.field{text-transform:uppercase;border-radius:3px;width:28%;height:35px;margin-bottom:10px;padding:0 10px;font-size:14px;line-height:14px;text-decoration:none;position:relative}.field.telefone{width:32%;height:35px;margin-bottom:10px;font-family:Titilliumweb,sans-serif}.field.seguradora{background-image:none;background-repeat:repeat;background-size:auto;width:49%;height:35px;margin-bottom:10px}.field.seguradora.noauto{width:78%;font-family:Titilliumweb,sans-serif}.field.raca,.field.nomepet{width:100%;height:35px;margin-bottom:10px}.field.tempo-de-contrato,.field.valor-do-aluguel{width:49%}.field.brand-new-email{width:49%;height:2.1rem;margin-bottom:10px;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.brand-new-email.pet{width:100%}.field.nome{width:100%;height:2.1rem;margin-bottom:10px;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.email{width:49%;height:2.1rem;margin-bottom:10px;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.email.pet{width:100%}.field.celular{width:49%;height:35px;margin-bottom:10px}.field.celular.noauto{width:32%;height:2.1rem;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.cep{width:49%;height:2.1rem;margin-bottom:10px;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.cidade{width:52%;height:35px;margin-bottom:10px}.field.cidade.noauto{width:49%;height:2.1rem;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.estado{width:49%;height:2.1rem;margin-bottom:10px;margin-right:0;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.veiculo{background-image:none;background-repeat:repeat;background-size:auto;width:100%;height:2.1rem;margin-bottom:10px;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.ano{background-image:none;background-repeat:repeat;background-size:auto;width:49%;height:2.1rem;margin-bottom:10px;margin-right:0;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.field.ddd-fone{object-fit:fill;flex:0 auto;width:15%;height:2.1rem;font-family:Titilliumweb,sans-serif;font-size:1rem;line-height:1.3rem}.submit-button{float:left;clear:left;background-color:var(--steel-blue);background-image:linear-gradient(180deg,var(--steel-blue),var(--royal-blue));letter-spacing:1px;text-transform:uppercase;border-bottom:5px solid #108fce;border-radius:15px;width:100%;height:58px;padding-top:0;padding-bottom:0;font-family:Titilliumweb,sans-serif;font-size:1.8rem;font-weight:600;line-height:2rem;display:block;transform:scale(1)}.submit-button:hover{background-color:var(--white);color:var(--royal-blue-2);background-image:none;transform:none}.submit-button.pet{border:1px solid var(--grey);background-image:linear-gradient(to bottom,var(--grey-2),var(--dark-olive-green))}.submit-button.pet:hover{border-color:var(--forest-green-2);background-image:linear-gradient(to bottom,var(--royal-blue),var(--dark-olive-green));color:var(--white)}.paragraph{color:#fff;align-self:stretch;width:auto;height:auto;margin-bottom:0;padding-right:0;font-size:.5vw;line-height:1vw}.thin{font-weight:400}.div-block-3{width:100%;height:1px}.box-sucesso{color:#fff;background-color:#5cac48;height:334px;padding-top:104px;padding-bottom:104px;font-size:26px;line-height:28px}.text-block-12{color:#fff;justify-content:flex-start;align-items:center;width:10%;margin-top:6px;font-size:26px;font-weight:600;line-height:30px;display:flex}.text-block-12._2nd{color:#0000}.text-block-12.rod{flex-direction:row;justify-content:space-between;width:50%;margin-top:auto;font-family:Titilliumweb,sans-serif;font-size:2.2rem;line-height:3.2rem}.fone-link.sp,.fone-link.rj{background-size:auto 80%;width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.5rem}.fone-link{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f6ec1738f440e57f8a4a_fone%20fixo%20branco.gif);background-position:0%;background-repeat:no-repeat;background-size:auto 90%;justify-content:flex-end;align-items:center;width:60%;margin-top:6px;font-size:2vw;font-weight:600;line-height:2.5vw;text-decoration:none;display:flex}.fone-link.cel{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f757e4ec39839a5f5997_whatsapp%20branco.gif);background-position:0%;background-size:auto 90%}.fone-link.sp,.fone-link.rj{background-size:auto 80%;width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.5rem}.fone-link.wp{background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f757e4ec39839a5f5997_whatsapp%20branco.gif);width:50%;margin-top:0;font-size:3.5vh;line-height:3.5vh}.fone-link.top{color:#265a99;background-image:none;flex:none;width:auto;margin-top:0;font-size:5vh;line-height:5vh}.fone-link.top.sp{flex:none;margin-top:0;font-size:1.7vw}.fone-link.top.wup{font-size:1.7vw;line-height:2vw}.fone-link.top.sp{text-align:right;text-align:right;flex:none;justify-content:flex-end;width:100%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.2rem}.fone-link.sp,.fone-link.rj{background-size:auto 80%;width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.5rem}.fone-link.rj.cel{background-size:auto 80%;margin-top:5px}.text-block-16{color:#fff;text-shadow:3px 3px 2px #0a0a0a;background-color:#0000;border:1px #265a99;width:auto;font-family:Titilliumweb,sans-serif;font-size:1.6rem;line-height:1.9rem;position:absolute;bottom:3vw;right:0}.bold-text{font-family:Titilliumweb,sans-serif;font-size:1.5rem;line-height:1.8rem}.seguradoras.parceiras{box-shadow:none;background-color:var(--gainsboro);box-shadow:none;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;margin-top:0;margin-bottom:0;padding-top:6vh;padding-bottom:6vh;font-family:Titilliumweb,sans-serif}.seguradoras{margin-top:20px;margin-bottom:20px;padding-top:20px;padding-bottom:20px;box-shadow:0 1px 2px #00b3e34f}.seguradoras.parceiras{box-shadow:none;background-color:var(--gainsboro);box-shadow:none;box-shadow:none;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;background-color:var(--gainsboro);box-shadow:none;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;margin-top:0;margin-bottom:0;padding-top:6vh;padding-bottom:6vh;font-family:Titilliumweb,sans-serif}.html-embed{flex:0 auto;font-size:10px;display:none}.titulo-principal-c-subtitulo{color:#1f4572;text-align:center;text-transform:uppercase;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:2vh;font-family:Titilliumweb,sans-serif;font-size:3rem;font-weight:400;line-height:3.3rem}.img-seg-3.azul,.img-seg-3.hdi,.img-seg-3.tokio{width:95%}.img-seg-3{filter:grayscale();width:100%;margin-left:auto;margin-right:auto;display:block;transform:translate(0)}.img-seg-3.azul,.img-seg-3.hdi,.img-seg-3.tokio{width:95%}.img-seg-3.azul,.img-seg-3.hdi,.img-seg-3.tokio{width:95%}.img-seg-3.tokio.lazyload{transform:none}.img-seg-3.sompo{width:95%}.img-seg-3.sompo.lazyload{transform:none}.img-seg-3.lazyload{filter:none;transform:none}.dvblk-std-1{background-color:var(--white);border:1px solid #5e5e5e2e;flex-direction:column;justify-content:space-between;align-items:center;margin-top:0;padding-top:10px;display:flex;box-shadow:0 2px 5px #0003}.img-std-1{background-color:var(--dim-grey-3);box-shadow:0 0 0 1px var(--dim-grey-3);border:10px solid #fff;border-radius:50%;width:50%;height:50%;padding:0;overflow:auto}.img-std-1.chave{background-color:var(--grey-2);box-shadow:0 0 0 1px var(--grey-2);height:auto}.img-std-1.vidros{background-color:var(--dark-olive-green);box-shadow:0 0 0 1px var(--dark-olive-green);height:auto}.img-std-1.paneseca{background-color:var(--goldenrod);box-shadow:0 0 0 1px var(--goldenrod);height:auto}.img-std-1.paneeletrica{background-color:var(--burntsienna);box-shadow:0 0 0 1px var(--burntsienna);height:auto}.img-std-1.taxi{background-color:#108fce;height:auto;box-shadow:0 0 0 1px #108fce}.img-std-1.panemecanica{background-color:#d53438;height:auto;box-shadow:0 0 0 1px #d53438}.img-std-1.colisao{background-color:var(--dark-slate-blue);box-shadow:0 0 0 1px var(--dark-slate-blue);height:auto}.img-std-1.roubo{background-color:var(--dark-slate-grey);box-shadow:0 0 0 1px var(--dark-slate-grey);height:auto}.img-std-1.fogo{background-color:var(--crimson);box-shadow:0 0 0 1px var(--crimson);height:auto}.img-std-1.dp{background-color:var(--dark-slate-blue-2);box-shadow:0 0 0 1px var(--dark-slate-blue-2);height:auto}.img-std-1.dm{background-color:var(--royal-blue-3);height:auto;box-shadow:0 0 0 1px #265a99}.img-std-1._24hs{background-color:var(--forest-green-2);height:auto;box-shadow:0 0 0 1px #51a33d}.img-std-1.farois{background-color:var(--royal-blue-2);box-shadow:0 0 0 1px var(--royal-blue-2);height:auto}.img-std-1.retrovisor{background-color:var(--dark-slate-grey-2);box-shadow:0 0 0 1px var(--dark-slate-grey-2);height:auto}.img-std-1.pneu{background-color:var(--dim-grey-2);box-shadow:0 0 0 1px var(--dim-grey-2);height:auto}.img-std-1.reserva{height:auto}.por-que{background-color:var(--gainsboro);background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;padding-top:6vh;padding-bottom:6vh}.dv-blk-pq{background-color:var(--gainsboro);border:1px solid #5e5e5e;flex-direction:column;align-items:center;display:flex;box-shadow:0 2px 5px #0003}.image-16{filter:grayscale();padding:.7vw}.text-block-36{color:#1f4572;text-align:justify;padding:.7vw;font-family:Titilliumweb,sans-serif;font-size:1.2rem;line-height:1.6rem}.head-pq{color:#1f4572;text-align:center;text-transform:uppercase;margin-top:1vw;margin-bottom:1vw;font-family:Titilliumweb,sans-serif;font-size:1.8rem;font-weight:400;line-height:2.1rem}.div-block-16{grid-column-gap:16px;grid-row-gap:16px;flex-flow:row;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:flex}.dv-blk-condicoes{flex:none;width:18.6%;padding:10px}.img-cond{opacity:1;filter:grayscale();padding:20px}.img-cond.lazyload{background-color:var(--white);background-color:var(--white);box-shadow:0 2px 5px #0003}.txtblk2{color:#1f4572;text-align:center;font-family:Titilliumweb,sans-serif;font-size:1.3rem;line-height:1.9rem}.heading-4{color:#1f4572;text-align:center;text-transform:uppercase;font-family:Titilliumweb,sans-serif;font-size:1.7rem;font-weight:400;line-height:2.3rem}.heading-4.pet{font-size:.8vw}.pqa{margin-bottom:0;padding-top:2vh;padding-bottom:2vh;font-family:Titillium Web}.dvblkstd1{flex-direction:row;flex:0 auto;justify-content:flex-start;align-items:center;width:40%;padding-bottom:0;display:flex}.dvblkstd11{text-align:center;flex-direction:row;flex:0 auto;justify-content:flex-end;align-items:center;width:10%;font-size:5%;line-height:4vh;display:flex}.dvblkstd12{flex-direction:row;flex:0 auto;justify-content:flex-end;align-items:center;width:50%;display:flex}.heading-std-1-copy{color:#1f4572;text-align:center;font-family:Titilliumweb,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.9rem}.estado{color:#252e29;width:14%;padding-left:auto;padding-right:auto}.ano{color:#252e29;width:18%;padding-left:auto;padding-right:auto}.ano._24hs{width:22%;margin-left:auto;margin-right:0}.cidade{color:#252e29;width:63%;padding-left:auto;padding-right:auto}.celular{color:#252e29;width:49%}.veiculo{width:49%}.email{color:#252e29;width:49%;padding-left:auto;padding-right:auto}.cep{color:#252e29;width:20%;padding-left:auto;padding-right:auto}.nome{color:#252e29;flex:0 auto;width:48%;padding-left:auto;padding-right:auto}.nome._24hs{width:49%}.form_auto{flex-flow:wrap;place-content:space-between;height:auto;margin-top:19px;padding:0;display:flex;position:relative}.dvblkseguro{background-color:var(--royal-blue);flex:1;width:auto;height:auto;padding-top:.5rem;padding-bottom:.5rem;display:flex;box-shadow:0 2px 5px #0003}.dvblkseguro:hover{background-color:#108fceb3}.dvblkseguro.taxi{background-color:var(--chocolate);height:auto}.dvblkseguro.taxi:hover{background-color:#f65e01b3}.dvblkseguro.utilitarios{background-color:var(--olive-drab)}.dvblkseguro.utilitarios:hover{background-color:#51a33db3}.dvblkseguro.motos{background-color:#e34636}.dvblkseguro.motos:hover{background-color:#858e78b3}.dvblkseguro._24hs{background-color:var(--dark-slate-blue-3)}.dvblkseguro._24hs:hover{background-color:#265a99b3}.dvblkseguro.uber{background-color:var(--steel-blue-2)}.dvblkseguro.uber:hover{background-color:#5e5e5eb3}.dvblkseguro.pet{background-color:var(--dim-grey-2)}.dvblkseguro.fianca{background-color:var(--dark-slate-blue-2)}.dvblkseguro.caminhao{background-color:var(--grey)}.dvblksegurologo{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex}.dvblksegurodescpreco{flex-direction:column;flex:1;justify-content:space-between;display:flex}.imglogoseguro{width:auto;height:auto;padding:5px}.headsegdescricao{color:#fff;text-align:center;text-shadow:1px 1px 3px #5e5e5e;margin-top:0;margin-bottom:0;padding:5px;font-family:Titilliumweb,sans-serif;font-size:1.7rem;font-weight:600;line-height:2.3rem;text-decoration:none}.txtblksegpreco{color:#fff;text-align:center;padding:5px;font-family:Titilliumweb,sans-serif;font-size:1.5rem;line-height:1.8rem}.sessao-menu{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh;display:block}.link-blk-seg{flex:1;align-items:stretch;text-decoration:none;display:flex}.link-blk-seg.w--current{text-decoration:none}.hero{background-color:#008bc9;position:relative;overflow:hidden}.hero.hero-caminhao{z-index:999999;background-color:#b6b6b6;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);background-position:50% 100%;background-repeat:no-repeat;background-size:cover;height:648px}.hero.hero-caminhao.caminhao{z-index:0;background-color:#008bc9;background-image:none;height:auto;padding-top:2vh;padding-bottom:2vh;font-family:Titilliumweb,sans-serif}.hero.hero-auto{z-index:999999;background-color:#b6b6b6;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);background-position:50% 100%;background-repeat:no-repeat;background-size:cover;height:648px}.hero.hero-auto.auto{z-index:0;border:2px none var(--white);z-index:0;border:2px none var(--white);background-color:#008bc9;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-repeat:repeat;background-size:auto;height:auto;padding-top:2vh;padding-bottom:2vh}.google-reviews{background-color:var(--cinza-clarinho);padding-top:6vh;padding-bottom:6vh;display:block}.google-reviews.bg-dots{background-color:var(--cinza-clarinho);background-color:var(--cinza-clarinho)}.html-embed-2{text-align:left;flex-direction:row;justify-content:space-between;display:flex;position:static}.html-embed-3{display:none}.divwhatsappclass{object-fit:contain;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:2vw;margin-right:2vw;display:flex;position:fixed;inset:auto 0% 0% auto}.linkblkwhatsapp{margin-left:0}.imgclasswhatsapp{width:5vw;height:5vw;margin-bottom:auto;margin-right:auto}.brand-new-text-alert{color:var(--white);text-align:justify;width:100%;margin-top:0;margin-bottom:10px;font-family:Titilliumweb,sans-serif;font-size:1.3rem;line-height:1.5rem}.equipe{background-color:var(--gainsboro);background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;border:0 #000;padding-top:6vh;padding-bottom:6vh;font-family:Titilliumweb,sans-serif;display:block}.collection-list-3{flex-wrap:wrap;place-content:space-around space-between;align-items:center;display:flex}.facebook{background-color:var(--gainsboro);background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad08376ec69fa4ae7d6e27_grid-12.svg);background-position:0 0;background-size:auto;padding-top:6vh;padding-bottom:6vh;display:block}.equipe-item{border:1px none var(--royal-blue);background-color:var(--cinza-clarinho);box-shadow:1px 1px 3px 0 var(--grey);border-radius:2px;flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:space-between;align-self:auto;align-items:center;width:32%;height:auto;min-height:0;margin:1vh .5vh;padding:.5vh;display:flex}.div-block-36{object-fit:contain;border-radius:50%;width:100%;height:auto;margin-top:15px;overflow:hidden}.image-25{object-fit:cover;width:100%;max-width:none;height:100%}.text-block-47{float:none;clear:none;color:#53584a;padding-top:1vh;padding-bottom:1vh;font-family:Titilliumweb,sans-serif;font-size:2rem;font-weight:600;line-height:2.3rem;position:static}.div-block-37{flex-direction:column;justify-content:space-between;width:80%;padding-left:4vw;display:flex}.div-block-38{flex:0 auto;justify-content:space-between;align-self:auto;align-items:stretch;width:auto;height:auto;display:block}.brand-new-header{background-color:#f2f5f8;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ad0b4d507fa7c358ff42e2_header-grid-nodes-12-standard.svg);background-position:0 0;background-size:auto;height:auto;margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh;display:block}.image-26{width:70%;height:auto;max-height:none;margin-right:0;padding:0;font-size:3.5vh;line-height:3.5vh}.heading-19{color:#265a99;flex:0 auto;margin-top:0;margin-bottom:0;font-family:Titilliumweb,sans-serif;font-size:2rem;font-weight:600;line-height:1.2vw;display:block;overflow:visible}.dvblksess2-2{flex-direction:row;justify-content:flex-start;align-items:stretch;height:auto;margin-left:0;margin-right:0;display:flex}.dvblkhdr2-2{flex-wrap:nowrap;flex:none;align-content:center;align-items:center;width:100%;padding-bottom:0;display:flex}.container-15{align-items:flex-end;height:auto;display:block}.link-image-header-2{height:auto}.link-image-header-2.w--current{flex-direction:column;justify-content:center;align-items:flex-start;width:auto;height:auto;display:flex}.pre-preco{color:#fff;text-align:right;padding-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.5rem}.centavos-preco{color:#fff;text-shadow:1px 1px 3px #000;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:3.2rem}.row-form{flex-wrap:wrap;align-content:stretch;height:auto;margin-bottom:30px;display:flex;position:relative}.div-sub-title{flex:0 auto;align-self:stretch;align-items:flex-end;margin-top:0;margin-bottom:0;padding-left:0;font-family:Titilliumweb,sans-serif;font-size:1.2rem;line-height:1.3rem;display:flex}.cabecalho-form{height:auto}.col-form{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.col-form.cotacao-form{justify-content:space-between;align-items:flex-start;padding:0}.col-form.cotacao-form.auto-form{flex-wrap:nowrap;flex:1;align-self:stretch;height:auto;padding-left:10px}.col-form.dir{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;height:auto;padding-left:0;padding-right:10px}.div-main-title-esq{padding-left:10px}.div-main-title-esq.auto{align-self:stretch;padding-left:0}.div-preco{flex-wrap:nowrap;justify-content:flex-end;align-self:stretch;padding-right:0;display:flex}.div-pre-preco{align-self:stretch;padding-right:0}.brand-new-text-title-form-esq.uber,.brand-new-text-title-form-esq.taxi{font-size:4vh;line-height:5vh}.brand-new-text-title-form-esq{color:#fff;text-shadow:1px 1px 3px #000;padding-left:0;font-size:2vw;font-weight:600;line-height:3vw}.brand-new-text-title-form-esq.auto{font-family:Titilliumweb,sans-serif;font-size:3rem;line-height:3.2rem}.brand-new-text-title-form-esq.vida{font-size:4vh;line-height:4vh}.brand-new-text-title-form-esq.utilitario{font-family:Titilliumweb,sans-serif;font-size:3.5vh;line-height:5vh}.brand-new-text-title-form-esq.moto{font-family:Titilliumweb,sans-serif;font-size:4vh;line-height:5vh}.brand-new-text-title-form-esq.uber,.brand-new-text-title-form-esq.taxi{font-size:4vh;line-height:5vh}.brand-new-text-title-form-esq.caminhao{font-family:Titilliumweb,sans-serif;font-size:4vh;line-height:5vh}.brand-new-text-title-form-esq.brand-new-auto,.brand-new-text-title-form-esq.auto{font-family:Titilliumweb,sans-serif;font-size:3rem;line-height:3.2rem}.preco{color:#fff;text-align:right;text-shadow:1px 1px 3px #000;font-family:Titilliumweb,sans-serif;font-size:8vh;font-weight:700;line-height:9vh}.preco.uber{font-size:10vh;line-height:10vh}.preco.caminhao{font-size:4rem;line-height:4.5rem}.sub-text-form-esq{color:#fff;padding-left:0;font-size:.8vw;line-height:2vw}.sub-text-form-esq.auto{text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow-wrap:normal;white-space:nowrap;word-break:normal;overflow-wrap:normal;align-self:center;font-family:Titilliumweb,sans-serif;font-size:1.6rem;line-height:1.9rem}.dvblkfone{justify-content:space-between;align-self:stretch;margin-top:0;font-size:3.5vh;line-height:4.5vh;display:flex}.div-block-39{flex-flow:column;flex:1;justify-content:space-between;align-self:stretch;display:flex}.paragraph-sub{color:#fff;align-self:stretch;width:auto;height:auto;margin-bottom:0;padding-right:0;font-family:Titilliumweb,sans-serif;font-size:1.5rem;line-height:1.8rem}.paragraph-text{color:#fff;align-self:stretch;width:auto;height:auto;margin-bottom:0;padding-right:0;font-family:Titilliumweb,sans-serif;font-size:1.2rem;line-height:1.5rem}.new-coberturas-auto{background-color:var(--white);padding-top:6vh;padding-bottom:6vh;font-family:Titilliumweb,sans-serif}.new-coberturas-auto.bg-dots{background-color:var(--cinza-clarinho);background-color:var(--cinza-clarinho)}.grid-6{grid-column-gap:2vh;grid-row-gap:2vh;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:0;padding-top:2vh;padding-bottom:2vh}.container-coberturas{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh}.pqauto{background-color:var(--white);padding-top:6vh;padding-bottom:6vh;font-family:Titilliumweb,sans-serif;font-size:1.8vw;line-height:2.3vw}.pqauto.bg-dots{background-color:var(--cinza-clarinho);background-color:var(--cinza-clarinho)}.collection-list-wrapper-3{padding-top:1vh;padding-bottom:1vh}.grid-7{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr}.menu-auto{background-color:var(--white);padding-top:6vh;padding-bottom:6vh}.menu-auto.bg-dots{background-color:var(--cinza-clarinho);background-color:var(--cinza-clarinho)}.grid-8{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr}.grid-9{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding-top:2vh;padding-bottom:2vh}.whatsapp-link.top.sp{text-align:right;flex:none;justify-content:flex-end;width:100%;margin-top:0;font-size:4.5vh;line-height:4.5vh}.whatsapp-link{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f6ec1738f440e57f8a4a_fone%20fixo%20branco.gif);background-position:0%;background-repeat:no-repeat;background-size:auto 90%;justify-content:flex-end;align-items:center;width:60%;margin-top:6px;font-size:2vw;font-weight:600;line-height:2.5vw;text-decoration:none;display:flex}.whatsapp-link.top{color:#265a99;background-image:none;flex:none;width:auto;margin-top:0;font-size:5vh;line-height:5vh}.whatsapp-link.top.sp{text-align:right;flex:none;justify-content:flex-end;width:100%;margin-top:0;font-size:4.5vh;line-height:4.5vh}.whatsapp-link.sp{background-size:auto 80%;width:50%;margin-top:0;font-size:3.5vh;line-height:4.5vh}.whatsapp-link.wp{background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f757e4ec39839a5f5997_whatsapp%20branco.gif);width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.5rem}.ouvidoria-link{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f6ec1738f440e57f8a4a_fone%20fixo%20branco.gif);background-position:0%;background-repeat:no-repeat;background-size:auto 90%;justify-content:flex-end;align-items:center;width:60%;margin-top:6px;font-size:2vw;font-weight:600;line-height:2.5vw;text-decoration:none;display:flex}.ouvidoria-link.rj{background-size:auto 80%;width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.5rem}.div-block-43{display:flex}.text-block-48{font-family:Titilliumweb,sans-serif;font-size:1.2rem;line-height:1.5rem}.link{margin-left:.2px;font-family:Titilliumweb,sans-serif;font-size:1.2rem;line-height:1.5rem;display:block}.text-block-49{font-family:Titilliumweb,sans-serif;font-size:.5vw;line-height:.7vw}.div-block-44{font-family:Titilliumweb,sans-serif;font-size:.7vw;line-height:1vw}.titulo-principal-isolado{color:#1f4572;text-align:center;text-transform:uppercase;margin-bottom:0;padding-top:0;padding-bottom:6vh;font-family:Titilliumweb,sans-serif;font-size:4rem;font-weight:400;line-height:4.3rem}.sub-titulo-principal{color:#1f4572;text-align:center;text-transform:uppercase;margin-top:0;margin-bottom:0;padding:0 0 6vh;font-family:Titilliumweb,sans-serif;font-size:2.5rem;font-style:normal;font-weight:400;line-height:2.8rem}.whatsapplink{color:var(--royal-blue);font-family:Titilliumweb,sans-serif;font-size:2rem;font-weight:600;line-height:2.2rem;text-decoration:none}.image-30{width:75%;height:auto}.container-16{flex-direction:column;align-items:center;display:flex}.equipe-botao{background-color:var(--steel-blue);box-shadow:1px 1px 3px 2px var(--royal-blue);border-radius:1vw;margin-top:6vh;padding:1vw 2vw;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.3rem}.reputacao-botao{background-color:var(--steel-blue);box-shadow:1px 1px 3px 1px var(--royal-blue);text-align:center;letter-spacing:1.1px;border-radius:.5vw;margin-top:4vh;margin-bottom:2vh;padding:.5vw 1vw;font-family:Titilliumweb,sans-serif;font-size:1.2rem;line-height:1.5rem;display:block}.fraude{display:none}.fone-link-copy.sp,.fone-link-copy.rj{background-size:auto 80%;width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:3.5vh;line-height:4.5vh}.fone-link-copy{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f6ec1738f440e57f8a4a_fone%20fixo%20branco.gif);background-position:0%;background-repeat:no-repeat;background-size:auto 90%;justify-content:flex-end;align-items:center;width:60%;margin-top:6px;font-size:2vw;font-weight:600;line-height:2.5vw;text-decoration:none;display:flex}.fone-link-copy.cel{color:#fff;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f757e4ec39839a5f5997_whatsapp%20branco.gif);background-position:0%;background-size:auto 90%}.fone-link-copy.sp,.fone-link-copy.rj{background-size:auto 80%;width:50%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:3.5vh;line-height:4.5vh}.fone-link-copy.rj.cel{background-size:auto 80%;margin-top:5px}.fone-link-copy.wp{background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ab4f757e4ec39839a5f5997_whatsapp%20branco.gif);width:50%;margin-top:0;font-size:3.5vh;line-height:3.5vh}.fone-link-copy.top{color:#265a99;background-image:none;flex:none;width:auto;margin-top:0;font-size:5vh;line-height:5vh}.fone-link-copy.top.sp{flex:none;margin-top:0;font-size:1.7vw}.fone-link-copy.top.wup{font-size:1.7vw;line-height:2vw}.fone-link-copy.top.sp{text-align:right;text-align:right;flex:none;justify-content:flex-end;width:100%;margin-top:0;font-family:Titilliumweb,sans-serif;font-size:2rem;line-height:2.2rem}.div-block-45{justify-content:flex-start;align-items:center;display:flex}.sub-titulo-principal-esp{color:#1f4572;text-align:center;text-transform:uppercase;margin-top:0;margin-bottom:0;padding:0 0 3vh;font-family:Titilliumweb,sans-serif;font-size:2rem;font-style:normal;font-weight:400;line-height:2.3rem}.wpform-class{z-index:999;justify-content:flex-end;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;inset:0%}.modal-form-bg-class{background-color:#008bc926;border:2px solid #000;justify-content:flex-end;align-items:flex-end;width:auto;height:auto;display:flex}.modal-container{mix-blend-mode:normal;background-color:#25d366;border:2px solid #fff;border-radius:14px;width:30vw;height:auto;margin-top:0;margin-bottom:2vh;margin-right:2vh;padding:2vh;position:absolute;inset:auto 2vh 1vh auto}.wpform-name-class{font-family:Titilliumweb,sans-serif}.wpform-celular-class{width:40%;font-family:Titilliumweb,sans-serif}.wpform-ddd-class{width:15%;font-family:Titilliumweb,sans-serif}.form-wp-class{flex-flow:wrap;place-content:space-around space-between;padding:2vh;display:flex}.wpform-email-class{width:40%;font-family:Titilliumweb,sans-serif}.wpform-submit-button-class{background-color:var(--dark-olive-green);color:var(--white);border:2px solid #fff;border-radius:8px;flex:1;margin-top:2vh;font-family:Titilliumweb,sans-serif;font-size:2vh;font-weight:600;line-height:3vh}.wpform-submit-button-class:hover{background-color:var(--white);color:var(--dark-olive-green);border-color:#385134}.heading-wp-form{color:#fff;margin-top:auto;margin-bottom:auto;padding:2vh;font-family:Titilliumweb,sans-serif;font-size:2.5vh;font-weight:400;line-height:2.5vh}.wpform-close-class{color:#fff;text-align:center;margin-top:1vh;padding-right:1vh;font-family:Titilliumweb,sans-serif;font-size:5vh;font-style:normal;line-height:5vh;text-decoration:none;position:absolute;inset:0% 0% auto auto;transform:rotate(45deg)}.link-block-4{text-decoration:none}.bold-text-2{font-size:1.2rem;font-weight:600;line-height:1.5rem}.bold-text-3{font-weight:600;line-height:.7vw}.div-block-46{margin-left:.2vw}.bold-text-4{line-height:1.6rem}.qtde_colaboradores{font-weight:700}.text-field-4{width:23%;font-family:Titilliumweb,sans-serif}@media screen and (max-width:991px){body{background-image:none;background-position:0 0;background-repeat:repeat;background-size:auto}.calculo-auto{display:block;overflow:hidden}.calculo-auto.header{height:auto}.calculo-auto.hero-pet{background-size:auto 125%;height:61.849vw}.calculo-auto.hero-pet.pet{height:auto}.calculo-auto.calculo{height:4.81771vw}.calculo-auto.footer{background-color:#265a99;padding-top:4rem;padding-bottom:4rem}.calculo-auto.sucesso{justify-content:center;align-items:center;display:flex}.container_padrao.menina{align-items:flex-start;height:auto;margin-top:auto;padding:2vw}.container_padrao.footer{margin-top:0;padding-top:10px;padding-left:10px;padding-right:10px}.row{margin-bottom:2vw;margin-left:0;margin-right:0}.row.footer{height:auto}.col{padding-left:2.60417vw;padding-right:2.60417vw}.col.cotacao{justify-content:space-between;padding:0 0}.col.rodape{flex-wrap:wrap;flex:0 auto;justify-content:space-between;align-self:stretch;padding-left:0;padding-right:0}.col.topo{padding-left:1vw;padding-right:1vw}.link-header{letter-spacing:.13vw;background-size:3vw;margin-left:-2vw;padding-top:.390625vw;padding-bottom:.390625vw;padding-left:4.16667vw;font-size:2.27865vw;line-height:3.51563vw}.link-header.mail{letter-spacing:0;letter-spacing:0;background-position:0;background-size:auto 70%;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;margin-bottom:0;margin-left:0;padding-top:0;padding-bottom:0;padding-left:0;font-size:1rem;line-height:1.1rem}.wrapper{background-color:#00488bbf;width:58.5938vw;height:auto;padding:2vw}.form_taxi,.div-block{height:auto}.field{border-radius:.390625vw;height:30px;margin-bottom:10px;padding-left:1.30208vw;padding-right:1.30208vw;font-size:1.5625vw;line-height:1.5625vw}.field.telefone,.field.celular{height:30px}.field.estado,.field.veiculo{height:2rem}.field.raca,.field.nomepet{height:30px}.field.nome{height:2rem}.field.email{width:49%;height:2rem}.field.telefone,.field.celular{height:30px}.field.celular.noauto{width:32%;height:2rem}.field.cep{width:49%;height:2rem}.field.cidade{height:30px}.field.cidade.noauto{width:49%;height:2rem;font-size:1rem;line-height:1.3rem}.field.estado,.field.veiculo{height:2rem}.field.seguradora{height:30px}.field.seguradora.noauto{width:78%}.field.ano{height:2rem}.field.raca,.field.nomepet{height:30px}.field.ddd-fone{height:2rem}.field.brand-new-email{width:49%;height:4vw}.submit-button{background-color:var(--dark-slate-grey);background-image:linear-gradient(180deg,var(--steel-blue),#265a99);letter-spacing:.26vw;border-bottom-width:4px;height:5.59896vw;margin-top:.911458vw;padding-left:1.95313vw;padding-right:1.95313vw;font-size:1.5rem;line-height:1.8rem}.text-block-6{margin-bottom:0;font-size:4vw;font-weight:400;line-height:4.5vw}.div-block-2{height:23.5677vw;margin-top:4.81771vw;margin-bottom:4vw}.bt-servicos{background-position:24px;background-size:13%;border-radius:2px}.text-block-8{padding-top:4.42708vw;padding-bottom:4.42708vw;padding-left:8.98438vw;font-size:2.08333vw;line-height:2.08333vw}.paragraph{padding-top:0;padding-right:0;font-size:2vw;line-height:2.3vw}.thin{font-size:1.8vw;font-weight:400}.logo{width:23.3073vw}.box-sucesso{background-color:#108fce;height:31.3802vw;padding-top:9.59375vw;padding-bottom:9.59375vw;font-size:2.47396vw;line-height:3.125vw}.paragraph-2{margin-bottom:1.30208vw;font-size:1.7vw;line-height:2vw}.content-fones{align-content:stretch}.container-2{justify-content:center;align-items:center;display:flex}.div-block-5{margin-top:0;overflow:visible}.text-block-12{font-size:18px;font-weight:600;line-height:20px}.text-block-12._2nd{color:#0000}.text-block-12._2nd.rod{color:#fff;padding-left:11px}.text-block-12.rod{width:50%;margin-top:0;padding-top:0;font-size:1.3rem;line-height:1.6rem}.fone-link{background-position:0%;background-size:auto 90%;font-size:3vw;line-height:3.5vw}.fone-link.sp,.fone-link.rj{width:50%;font-size:1.3rem;line-height:1.1rem}.fone-link.cel{background-position:0 0;background-size:auto 90%}.fone-link.top{background-image:none;font-size:4vh;line-height:4vh}.fone-link.top.sp{margin-top:0;font-size:3vw;line-height:3.5vw}.fone-link.top.wup{font-size:3vw;line-height:3.5vw}.fone-link.top.sp{align-self:center;margin-top:0;font-size:1.5rem;line-height:1.8rem}.fone-link.sp,.fone-link.rj{width:50%;font-size:1.3rem;line-height:1.1rem}.fone-link.wp{width:50%;font-size:2.5vw;line-height:2.5vw}.image-14{margin-top:0}.text-block-16{text-shadow:1px 1px 6px #000;width:auto;font-size:1.3rem;line-height:3.2vw;bottom:3vw;right:3vw}.bold-text{font-size:.8rem;line-height:1.1rem}.seguradoras.parceiras{box-shadow:none;box-shadow:none;box-shadow:none;box-shadow:none;padding-top:2vh}.text-context{font-size:4vw;line-height:5vw}.text-context.v200{font-size:4.2vw;line-height:5.3vw}.text-context.pet{font-size:3vw;line-height:3.5vw}.text-block-28{font-size:1.5vw;line-height:3vw}.text-block-28.pet{font-size:1.6vw;line-height:2.7vw}.text-block-29{margin-top:7px;padding-top:0;font-size:3vw;font-weight:400;line-height:4vw}.text-block-31{font-size:7vw;line-height:1em}.text-block-31.v200,.text-block-31.pet,.text-block-31.v200,.text-block-31.pet{font-size:5vw;line-height:6vw}.div-block-9{justify-content:flex-end}.text-block-33{font-size:2vw;line-height:3vw}.titulo-principal-c-subtitulo{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh;font-size:2rem;line-height:2.3rem}.div-block-14{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh}.sub-titulo-produtos-2,.sub-titulo-produtos-2.cinza,.sub-titulo-produtos-2.cinza{margin-bottom:0;font-size:2.5vw;line-height:3.5vw}.message{width:80%;font-size:4vw;line-height:6vw}.message.fone{font-size:8vw;line-height:10vw}.text-block-35{margin-top:0;font-size:4vw;line-height:4.5vw}.text-block-35.especialistas{padding-top:2vh;padding-bottom:2vh;font-size:3vh;line-height:4vh}.por-que{margin-left:auto;margin-right:auto;padding-top:2vh;padding-bottom:2vh}.text-block-36{font-size:1rem;line-height:1.3rem}.head-pq{font-size:1.3rem;line-height:1.6rem}.dv-blk-condicoes{width:18.3%}.txtblk2{text-align:center;font-size:1rem;line-height:1.3rem}.heading-4{font-size:1.1rem;line-height:1.4rem}.heading-4.pet{font-size:2vw}.pqa{font-size:4vw;line-height:5vw}.dvblkstd1{align-self:stretch;align-items:center;width:40%;height:3vh;padding-bottom:0}.heading-5{color:#265a99;font-size:3vw;line-height:3.5vw}.image-17{width:3.5vw;height:3.5vw;margin-right:0;font-size:3.5vw;line-height:3.5vw}.content-fones-2{align-content:stretch;padding-bottom:4px}.content-fones-2.mid{padding-bottom:5px}.content-fones-2.low{padding-bottom:0}.dvblkstd11{justify-content:center;align-self:stretch;height:3vh}.dvblkstd12{align-self:stretch;width:50%;height:3vh}.heading-std-1-copy{font-size:1rem;line-height:1.3rem}.cidade{font-size:14px;line-height:20px}.heading-13{font-size:2vh;line-height:2.5vh}.h3-cobertura{font-size:20px;line-height:26px}.h3-cobertura.gasolina,.h3-cobertura.eletrica,.h3-cobertura.chaveiro,.h3-cobertura.reboque,.h3-cobertura.mecanica,.h3-cobertura.taxi,.h3-cobertura.gasolina,.h3-cobertura.eletrica,.h3-cobertura.chaveiro,.h3-cobertura.reboque,.h3-cobertura.mecanica,.h3-cobertura.taxi{font-size:3vh;line-height:3.5vh}.text-block-38.gasoline,.text-block-38.reboque{font-size:2vh;line-height:3vh}.text-block-38.chaveir,.text-block-38.eletric,.text-block-38.mecanica,.text-block-38.gasoline,.text-block-38.reboque{font-size:2vh;line-height:3vh}.text-block-38.tax{text-align:center;font-size:2vh;line-height:3vh}.text-block-38.chaveir,.text-block-38.eletric,.text-block-38.mecanica{font-size:2vh;line-height:3vh}.cobertura-2{padding-left:1vw;padding-right:1vw}.heading-12{font-size:3.5vh;line-height:4.5vh}.heading-12.veic{color:#fff}.text-block-40{font-size:2vh;line-height:3vh}.heading-14{font-size:3.5vh;line-height:4vh}.text-block-41{font-size:2vh;line-height:3vh}.div-block-24{flex-direction:column;align-items:flex-start;width:30%;display:flex}.dvblkhdr2{width:auto;display:flex}.new-header{flex-direction:row;justify-content:flex-end;display:block}.div-block-28{flex-direction:column;width:70%;display:flex}.image-header{width:60%}.dvblksess2{flex-flow:row;place-content:flex-start center;align-items:flex-start;width:auto;max-width:100%;margin:10px;display:flex}.form_auto{height:auto}.div-block-29{padding-left:9px;padding-right:9px}.dvblkseguro{width:auto;height:auto}.dvblkseguro.taxi,.dvblkseguro.utilitarios,.dvblkseguro.motos,.dvblkseguro._24hs,.dvblkseguro.uber,.dvblkseguro.taxi,.dvblkseguro.utilitarios,.dvblkseguro.motos,.dvblkseguro._24hs,.dvblkseguro.uber{width:auto}.dvblksegurodescpreco{flex:1}.imglogoseguro{height:10vh}.headsegdescricao{font-size:1.3rem;line-height:1.6rem}.txtblksegpreco{text-align:center;font-size:1rem;line-height:1.3rem}.sessao-menu{display:block}.wrapper-pet{background-color:#024e3f70;width:50%;height:auto;padding:2vw}.coberturas-pet{background-color:#fff}.porto-seguro{display:none}.pqa-pet{background-color:#858e7833}.dv-blk-condicoes-pet{width:16.66%}.hero{display:block;overflow:hidden}.hero.hero-auto{background-size:auto 125%;height:61.849vw}.hero.hero-auto.auto{height:auto}.hero.hero-caminhao{background-size:auto 125%;height:61.849vw}.hero.hero-caminhao.caminhao{height:auto}.tipos-de-seguros---taxi-2,.tipos-de-seguros---moto{display:block;overflow:hidden}.tipos-de-seguros---moto.moto{background-size:auto 125%;height:61.849vw}.tipos-de-seguros---moto.moto.motos{height:auto}.tipos-de-seguros---uber{display:block;overflow:hidden}.tipos-de-seguros---uber.ubers{background-size:auto 125%;height:61.849vw}.text-block-43{font-size:2vw;line-height:2.5vw}.div-block-30.primeiro{display:none}.tipos-de-seguros---renov{display:block;overflow:hidden}.tipos-de-seguros---renov.hero-pet-copy{background-size:auto 125%;height:61.849vw}.tipos-de-seguros---renov.hero-pet-copy.renov{height:auto}.body{margin-left:auto;margin-right:auto}.divwhatsappclass{width:140px;height:140px;margin-bottom:0%;margin-right:0%;inset:auto 0% 0% auto}.imgclasswhatsapp{width:70px;height:70px}.brand-new-text-alert{text-align:justify;font-size:1rem;line-height:1.3rem}.container-14{flex-direction:column;align-items:center}.pesquisa{padding-left:10px;padding-right:10px}.equipe{padding-top:2vh;padding-bottom:2vh}.heading-18{font-size:16px;top:-80%}.collection-item-4{width:15%;height:20vw;margin:5px}.div-block-34{z-index:999;background-color:#265a9991;border-radius:10px;margin:5px;position:static;top:-56px}.image-23{width:20%}.div-block-35{position:static;top:35px;left:15px}.equipe-item{width:47%;height:auto;margin:5px}.text-block-47{font-size:1.5rem;line-height:1.8rem}.div-block-37{flex-direction:column;justify-content:space-between;align-self:stretch;width:80%;padding-left:15vw;display:flex}.div-block-38{flex-direction:column;align-items:flex-start;width:20%;display:flex}.brand-new-header{background-image:linear-gradient(#ffffffb3,#ffffffb3),url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ccca159e82bf95068580a18_background%20-%20ebusiness.svg);background-position:0 0,50% 0;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll,scroll;flex-direction:row;justify-content:flex-end;margin-top:auto;margin-bottom:auto;padding-top:2vh;padding-bottom:2vh;display:block}.image-26{width:70%;height:auto;margin-right:0;font-size:3vh;line-height:3vh}.heading-19{color:#265a99;align-self:center;font-size:1.5rem;line-height:1.8rem}.dvblksess2-2{flex-flow:row;place-content:flex-start center;align-items:stretch;width:auto;max-width:100%;height:auto;margin:auto;display:flex}.dvblkhdr2-2{flex-wrap:wrap;flex:none;place-content:space-around space-between;align-self:auto;width:auto;padding-bottom:0;display:flex}.container-15{align-items:flex-start;display:block}.pre-preco{margin-top:0;padding-top:0;font-size:1.5rem;font-weight:400;line-height:1.8rem}.centavos-preco{font-family:Titilliumweb,sans-serif;font-size:1.5rem;line-height:1.8rem}.row-form{margin-bottom:2vw;margin-left:0;margin-right:0}.div-sub-title{flex:0 auto;align-items:stretch;margin-top:0;padding-bottom:0;font-size:3rem;line-height:3vw}.cabecalho-form{height:auto}.col-form{padding-left:2.60417vw;padding-right:2.60417vw}.col-form.cotacao-form{justify-content:space-between;padding:0 0}.col-form.cotacao-form.auto-form{justify-content:space-between}.div-preco{justify-content:flex-end}.brand-new-text-title-form-esq{font-size:4vw;line-height:5vw}.brand-new-text-title-form-esq.uber,.brand-new-text-title-form-esq.taxi,.brand-new-text-title-form-esq.brand-new-auto{font-size:4vw;line-height:5vw}.brand-new-text-title-form-esq.auto{font-size:2.2rem;line-height:2.5rem}.brand-new-text-title-form-esq.moto{font-size:5vw;line-height:6vw}.brand-new-text-title-form-esq.uber,.brand-new-text-title-form-esq.taxi,.brand-new-text-title-form-esq.brand-new-auto{font-size:4vw;line-height:5vw}.preco{flex:1;font-size:7vw;line-height:8vw}.preco.uber{font-size:7vh;line-height:7vh}.preco.caminhao{font-size:3rem;line-height:3.5rem}.sub-text-form-esq{font-size:1.5vw;line-height:3vw}.sub-text-form-esq.auto{align-self:auto;font-size:1rem;line-height:1.3rem}.dvblkfone{margin-top:0}.div-block-39{flex-wrap:nowrap}.paragraph-sub,.paragraph-text{padding-top:0;padding-right:0;font-size:.8rem;line-height:1.1rem}.lottie-animation-2{width:auto}.container-coberturas{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh}.grid-9{margin-left:0;margin-right:0}.whatsapp-link{background-position:0%;background-size:auto 90%;font-size:3vw;line-height:3.5vw}.whatsapp-link.top.sp{align-self:center;margin-top:0;font-size:3vh;line-height:3vh}.whatsapp-link.top{background-image:none;font-size:4vh;line-height:4vh}.whatsapp-link.top.sp{align-self:center;margin-top:0;font-size:3vh;line-height:3vh}.whatsapp-link.sp{width:50%;font-size:2.5vw;line-height:2.5vw}.whatsapp-link.wp{width:50%;font-size:1.3rem;line-height:1.1rem}.ouvidoria-link{background-position:0%;background-size:auto 90%;font-size:3vw;line-height:3.5vw}.ouvidoria-link.rj{width:50%;font-size:1.3rem;line-height:1.1rem}.text-block-48{font-size:.8rem;line-height:1.1rem}.link{margin-left:2vw;font-size:.8rem;line-height:1.1rem}.text-block-49{font-size:.8rem;line-height:1.1rem}.hero-seguradora{background-position:50%;background-size:100%;height:auto}.heading-20{margin-top:0;margin-bottom:0;padding:14vh 2vh;font-size:3vh;line-height:4vh}.titulo-principal-isolado{margin-bottom:0;font-size:2rem;font-weight:400;line-height:2.3rem}.sub-titulo-principal{margin-bottom:0;font-size:1.5rem;line-height:1.8rem}.whatsapplink{font-size:1.5rem;line-height:1.8rem}.image-30{width:100%}.equipe-botao{padding:2vw 4vw;font-size:1.8rem;line-height:2.1rem}.equipe-total{padding-top:2vh;padding-bottom:2vh}.reputacao-botao{padding:1vw 2vw;font-size:2vw;line-height:2vw}.wrapper-fian-a{width:58.5938vw;height:auto;padding:2vw}.hero-fian-a{display:block;overflow:hidden}.text-title-form-esq--fianca{font-size:4vw;line-height:5vw}.div-sub-title-fianca{flex:0 auto;align-items:stretch;margin-top:0;padding-bottom:0;font-size:2vw;line-height:3vw}.fone-link-copy{background-position:0%;background-size:auto 90%;font-size:3vw;line-height:3.5vw}.fone-link-copy.sp,.fone-link-copy.rj,.fone-link-copy.wp{width:50%;font-size:2.5vw;line-height:2.5vw}.fone-link-copy.cel{background-position:0 0;background-size:auto 90%}.fone-link-copy.top{background-image:none;font-size:4vh;line-height:4vh}.fone-link-copy.top.sp{margin-top:0;font-size:3vw;line-height:3.5vw}.fone-link-copy.top.wup{font-size:3vw;line-height:3.5vw}.fone-link-copy.top.sp{align-self:center;margin-top:0;font-size:1.5rem;line-height:1.8rem}.fone-link-copy.sp,.fone-link-copy.rj,.fone-link-copy.wp{width:50%;font-size:2.5vw;line-height:2.5vw}.sub-titulo-principal-esp{margin-bottom:0;font-size:1.5rem;line-height:1.8rem}.modal-container{width:50vw}.wpform-celular-class{width:60%}.wpform-ddd-class{width:30%}.wpform-email-class{width:100%}.heading-wp-form{font-size:2vh;line-height:2vh}.divwhatsappclass-2{width:140px;height:140px;margin-bottom:0%;margin-right:0%;inset:auto 0% 0% auto}.imgclasswhatsapp-form{width:70px;height:70px}.bold-text-2{font-size:1rem;line-height:1.3rem}.divwhatsappclass--form{width:140px;height:140px;margin-bottom:0%;margin-right:0%;inset:auto 0% 0% auto}.brand-new-hero{display:block;overflow:hidden}.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto{height:auto}.brand-new-hero.hero-auto{background-size:auto 125%;height:61.849vw}.brand-new-hero.hero-auto.auto{height:auto}.brand-new-hero.hero-caminhao{background-size:auto 125%;height:61.849vw}.brand-new-hero.hero-caminhao.caminhao{height:auto}.brand-new-hero.new-hero-auto{background-size:auto 125%;height:61.849vw}.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto,.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto{height:auto}.brand-new-sub-text-form-esq{font-size:1.5vw;line-height:3vw}.brand-new-sub-text-form-esq.auto,.brand-new-sub-text-form-esq.brand-new-auto,.brand-new-sub-text-form-esq.auto,.brand-new-sub-text-form-esq.brand-new-auto{align-self:auto;font-size:1.8vw;line-height:2.5vw}.brand-new-pre-preco{margin-top:0;padding-top:0;font-size:3vw;font-weight:400;line-height:4vw}.brand-new-preco{flex:1;font-size:7vw;line-height:8vw}.brand-new-preco.uber{font-size:7vh;line-height:7vh}.brand-new-preco.caminhao{font-size:6vw;line-height:7vw}.brand-new-field{border-radius:.390625vw;height:30px;margin-bottom:10px;padding-left:1.30208vw;padding-right:1.30208vw;font-size:1.5625vw;line-height:1.5625vw}.brand-new-field.telefone,.brand-new-field.celular{height:30px}.brand-new-field.estado,.brand-new-field.veiculo{height:4vw}.brand-new-field.raca,.brand-new-field.nomepet{height:30px}.brand-new-field.nome{height:30px}.brand-new-field.email{width:49%;height:4vw}.brand-new-field.telefone,.brand-new-field.celular{height:30px}.brand-new-field.celular.noauto{width:32%;height:4vw}.brand-new-field.cep{width:49%;height:4vw}.brand-new-field.cidade{height:30px}.brand-new-field.cidade.noauto{width:49%;height:4vw;font-size:1.5625vw;line-height:1.5625vw}.brand-new-field.estado,.brand-new-field.veiculo{height:4vw}.brand-new-field.seguradora{height:30px}.brand-new-field.seguradora.noauto{width:78%}.brand-new-field.ano{height:4vw}.brand-new-field.raca,.brand-new-field.nomepet{height:30px}.brand-new-field.ddd-fone{height:4vw}.brand-new-field.brand-new-nome{height:30px}.brand-new-field.brand-new-ddd-fone{height:4vw}.brand-new-text-experiencia{text-shadow:1px 1px 6px #000;width:auto;font-size:2.8vw;line-height:3.2vw;bottom:3vw;right:3vw}.bold-text-5{font-size:2vw}}@media screen and (max-width:767px){body{background-image:none;background-repeat:repeat;background-size:auto}.calculo-auto.header{height:auto}.calculo-auto.hero-pet.pet{height:auto;margin-bottom:10px;padding-top:2vw;padding-bottom:2vw}.calculo-auto.footer{padding-bottom:12vh}.container_padrao{border-top:1px #000;height:auto;padding-left:0;padding-right:0}.container_padrao.menina{align-items:flex-start;height:auto;margin-top:0;padding:1vw}.row{display:flex}.row.footer{height:auto;margin-bottom:auto;margin-right:auto}.col{padding-left:1.60417vw;padding-right:1.60417vw}.col.cotacao{flex-direction:column;justify-content:space-between;height:auto;padding:0}.col.rodape{justify-content:space-between;padding-left:0;padding-right:0}.col.topo{margin-top:8px;font-size:12px;line-height:14px}.col.head{flex-direction:column;align-items:flex-start}.col.dir{height:auto}.link-header{letter-spacing:.05vw}.link-header.mail{text-align:right;text-align:right;background-position:0;background-size:auto 70%;justify-content:flex-end;margin-top:0;margin-left:0;padding:0;font-size:.8rem;line-height:1.1rem}.wrapper{height:auto;margin-left:15px;padding:2vw}.form_taxi{align-content:space-between;height:auto}.div-block{height:auto}.field{height:4.6vw;margin-bottom:1vw;font-size:1.8vw;line-height:1.8vw}.field.telefone,.field.celular{height:4.6vw;margin-bottom:1vw}.field.estado,.field.veiculo{height:1.5rem;margin-bottom:1vw;font-size:.8rem;line-height:1.1rem}.field.raca,.field.nomepet{height:4.6vw;margin-bottom:1vw}.field.nome{height:4.6vw;margin-bottom:1vw;padding-left:1vw;padding-right:1vw;font-size:.8rem;line-height:1.1rem}.field.email{height:1.5rem;margin-bottom:1vw;font-size:.8rem;line-height:1.1rem}.field.telefone,.field.celular{height:4.6vw;margin-bottom:1vw}.field.celular.noauto{width:32%;height:1.5rem;font-size:.8rem;line-height:1.1rem}.field.cep{width:49%;height:1.5rem;margin-bottom:1vw;font-size:.8rem;line-height:1.1rem}.field.cidade{height:4.6vw;margin-bottom:1vw}.field.cidade.noauto{width:49%;height:1.5rem;font-size:.8rem;line-height:1.1rem}.field.estado,.field.veiculo{height:1.5rem;margin-bottom:1vw;font-size:.8rem;line-height:1.1rem}.field.seguradora{height:4.6vw;margin-bottom:1vw}.field.seguradora.noauto{width:78%}.field.ano{height:1.5rem;margin-bottom:1vw;font-size:.8rem;line-height:1.1rem}.field.raca,.field.nomepet{height:4.6vw;margin-bottom:1vw}.field.ddd-fone{height:1.5rem;font-size:.8rem;line-height:1.1rem}.field.brand-new-email{height:4.6vw;margin-bottom:1vw}.submit-button{background-image:linear-gradient(180deg,var(--steel-blue),#265a99);border-bottom-width:3px;border-radius:2px;font-size:1.2rem;line-height:1.5rem}.text-block-6{margin-bottom:0;padding-top:2vh;font-size:4vw;line-height:5vw}.paragraph{text-align:left;flex:0 auto;padding-right:0;font-size:1rem;line-height:1.3rem}.thin{font-weight:400}.logo{margin-left:2.6vw}.box-sucesso{background-color:#108fce;height:31.5141vw;padding-top:9.50704vw;padding-bottom:9.50704vw}.paragraph-2{font-size:2.2vw;line-height:2.5vw}.content-fones{justify-content:space-between}.container-2{padding-top:15px;padding-bottom:15px;padding-left:15px}.text-block-12{justify-content:flex-start;font-size:12px;line-height:14px}.text-block-12.rod{font-size:1rem;line-height:1.1rem}.fone-link{background-position:0%;background-size:auto 90%;font-size:2.8vw;line-height:3.3vw}.fone-link.sp,.fone-link.rj{font-size:1rem;line-height:1.3rem}.fone-link.cel{background-position:0%;background-size:auto 90%;line-height:3.3vw}.fone-link.top{background-image:none;width:auto;margin-left:45px;font-size:2.5vh;line-height:3vh}.fone-link.top.sp{margin-top:0;margin-left:0;font-size:2.8vw;line-height:3.5vw;position:relative}.fone-link.top.wup{margin-left:0;font-size:2.8vw;position:relative}.fone-link.top.sp{height:auto;margin-top:0;margin-left:0;font-size:1.1rem;line-height:1.4rem;position:relative}.fone-link.sp,.fone-link.rj{font-size:1rem;line-height:1.3rem}.fone-link.rj.cel{padding-top:0;padding-bottom:0}.fone-link.wp{font-size:2.8vw;line-height:2.8vw}.image-14{text-align:left;height:14vw}.text-block-16{text-shadow:1px 1px 6px #000;width:auto;font-size:1rem;line-height:1.3rem;bottom:3vw;left:65vw;right:auto}.bold-text{font-size:1rem;line-height:1.3rem}.seguradoras{height:auto}.seguradoras.parceiras{box-shadow:none;box-shadow:none;box-shadow:none;box-shadow:none;border-top:1px #000;height:auto;padding-top:2vh;padding-bottom:2vh}.text-context{font-size:4vw;line-height:5vw}.text-context.v200{font-size:3.5vw;line-height:4.5vw}.text-block-28{font-size:2vw;line-height:3vw}.text-block-29{margin-top:0;font-size:3vw;line-height:4vw}.text-block-31{font-size:3em;line-height:1.2em}.text-block-31.v200{font-size:5vw;line-height:6vw}.div-block-9{justify-content:flex-end;padding-right:0}.text-block-33{font-size:.8em}.div-block-10{flex-wrap:nowrap;place-content:flex-start flex-end;align-items:flex-start;padding-top:0;padding-right:0;display:flex}.div-block-11,.div-block-12{padding-left:0}.titulo-principal-c-subtitulo{margin-top:0;margin-bottom:0;padding:2vh 1vh;font-size:2rem;line-height:2.3rem}.sub-titulo-produtos-2{margin-bottom:0;padding-left:1vh;padding-right:1vh;font-size:3vw;line-height:3.5vw}.sub-titulo-produtos-2.cinza{margin-bottom:0;padding-top:0;padding-bottom:2vh;font-size:3vw;line-height:3.5vw}.message{width:80%;font-size:4vw;line-height:6vw}.message.fone{font-size:8vw;line-height:10vw}.text-block-35{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh;font-size:4vw;line-height:5vw}.text-block-35.especialistas{font-size:2.5vh;line-height:3.5vh}.por-que{margin-left:auto;margin-right:auto;padding:2vh 3vw}.dv-blk-pq{margin-top:2vh}.text-block-36{font-size:1.2rem;line-height:1.5rem}.head-pq{font-size:2rem;line-height:2.3rem}.div-block-16{margin-left:auto;margin-right:auto}.dv-blk-condicoes{width:17.6%}.txtblk2{font-size:.6rem;line-height:.9rem}.heading-4{font-size:.8rem;line-height:1.1rem}.heading-4.pet{font-size:2vw}.dvblkstd1{width:45%;height:5vw;padding-bottom:0;font-size:1.1rem;line-height:1.4rem;position:relative}.heading-5{color:#265a99;font-size:2.8vw;line-height:3.5vw;position:relative}.image-17{width:3.5vw;height:3.5vw;margin-right:0;font-size:3vh;line-height:3vh}.content-fones-2{justify-content:space-between;padding-bottom:2px}.content-fones-2.mid{flex-wrap:nowrap;padding-bottom:2px;display:flex;position:relative;overflow:visible}.content-fones-2.low{flex-wrap:nowrap;padding-bottom:0;display:flex;position:relative;overflow:visible}.content-fones-2.up{flex-wrap:nowrap;padding-bottom:2px;position:relative;overflow:visible}.dvblkstd11{align-self:stretch;width:10%;height:5vw;font-size:4vw;line-height:4vw}.dvblkstd12{width:45%;height:auto}.heading-std-1-copy{font-size:.8rem;font-weight:400;line-height:1.1rem}.row-titulo{display:flex}.column-9{padding-left:5px}.tipo-veiculo{color:#252e29}.div-block-20{margin-top:363px}.container-8{justify-content:center;margin-top:1px;display:flex}.cidade{font-size:14px;line-height:20px}.hero-24-hs{background-color:#0000;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cb9b6e70f5b5d1e6b3a3f27_carro%20quebrado%20guincho-min.jpg);background-position:50% 0;background-repeat:no-repeat;background-size:contain;height:auto;margin-top:auto;display:block}.heading-form{padding-left:0}.heading-form.dir{padding-right:0}.heading-13{font-size:4vw;font-weight:700;line-height:5vw}.h3-cobertura{font-size:16px;line-height:22px}.container-9{color:#51a33d;padding-left:5px;padding-right:5px}.heading-12{margin-top:4vh;font-size:6vw;line-height:7vw}.heading-12.veic{color:#fff}.text-block-40{font-size:3vw;line-height:4vw}.div-block-24{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:40%;padding-left:0;display:flex}.dvblkhdr2{display:flex}.new-header{background-repeat:repeat,no-repeat;display:block}.div-block-28{flex-direction:column;align-items:stretch;width:60%;display:flex}.image-header{width:50%}.dvblksess2{flex-direction:row;justify-content:space-between;display:flex}.form_auto{align-content:space-between;height:auto}.dvblkseguro,.imglogoseguro,.imglogoseguro.lazyload,.imglogoseguro.lazyload{height:auto}.headsegdescricao{font-size:1.6rem;line-height:1.9rem}.txtblksegpreco{font-size:1.2rem;line-height:1.5rem}.sessao-menu{display:block}.link-blk-seg{align-items:center}.wrapper-pet{height:auto;margin-left:15px;padding:2vw}.porto-seguro{display:none}.hero.hero-auto.auto,.hero.hero-caminhao.caminhao,.hero.hero-auto.auto,.hero.hero-auto.auto,.hero.hero-caminhao.caminhao,.hero.hero-caminhao.caminhao{height:auto;margin-bottom:10px;padding-top:2vw;padding-bottom:2vw}.tipos-de-seguros---uber.ubers.uber{height:auto}.text-block-43{font-size:2.5vw;line-height:3vw}.div-block-30.primeiro{display:none}.tipos-de-seguros---renov.hero-pet-copy.renov{height:auto;margin-bottom:10px;padding-top:2vw;padding-bottom:2vw}.divwhatsappclass{width:140px;height:140px;margin-bottom:0%;margin-right:0%;inset:auto 0% 0% auto}.imgclasswhatsapp{width:70px;height:70px;margin-bottom:0;margin-right:0}.brand-new-text-alert{font-size:.7rem;line-height:1rem}.pesquisa{padding-left:10px;padding-right:10px}.equipe{padding-top:2vh;padding-bottom:2vh}.heading-18{font-size:12px;top:-76%}.collection-item-4{width:14.5%;height:120px}.div-block-34{z-index:999;background-color:#265a9987;border-radius:12px;margin:5px;padding-right:0;position:static;top:-49px}.image-23{width:20%}.div-block-35{position:static;top:32px;left:14px}.equipe-item{width:47%;height:auto}.text-block-47{font-size:1.5rem;line-height:1.8rem}.div-block-37{flex-direction:column;align-items:stretch;width:75%;padding-left:5vw;display:flex}.div-block-38{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:25%;padding-left:0;display:flex}.brand-new-header{background-image:linear-gradient(#ffffffb3,#ffffffb3),url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5ccca159e82bf95068580a18_background%20-%20ebusiness.svg);background-repeat:repeat,no-repeat;padding-left:2vh;padding-right:2vh;display:block}.image-26{aspect-ratio:auto;width:70%;height:auto;margin-right:0;font-size:3.5vw;line-height:3.5vw}.heading-19{color:#265a99;font-size:1.1rem;line-height:1.4rem;position:relative}.dvblksess2-2{flex-flow:row;justify-content:space-between;height:auto;display:flex}.dvblkhdr2-2{flex:1;height:5vw;display:flex}.link-image-header-2.w--current{order:0;align-self:flex-start}.pre-preco{margin-top:0;font-size:1rem;line-height:1.3rem}.centavos-preco{align-self:flex-start;margin-top:3px;font-size:1rem;line-height:1.3rem}.row-form{flex-direction:row;display:flex}.div-sub-title{margin-top:0;padding-bottom:0;padding-left:0}.cabecalho-form{height:auto}.col-form{padding-left:1.60417vw;padding-right:1.60417vw}.col-form.cotacao-form{flex-direction:column;justify-content:space-between;height:auto;padding:0}.col-form.cotacao-form.auto-form{flex:1;padding-left:0;display:flex}.col-form.dir{height:auto;padding-right:0}.div-main-title-esq{padding-left:0}.div-main-title-esq.auto{flex:0 auto}.div-preco{justify-content:flex-end;padding-right:0}.div-pre-preco{flex-wrap:nowrap;place-content:flex-start flex-end;align-items:flex-start;padding-top:0;padding-right:0;display:flex}.brand-new-text-title-form-esq{font-size:4vw;line-height:5vw}.brand-new-text-title-form-esq.uber,.brand-new-text-title-form-esq.taxi{line-height:5vw}.brand-new-text-title-form-esq.auto{font-size:2rem;line-height:2.3rem}.brand-new-text-title-form-esq.utilitario{line-height:5vw}.brand-new-text-title-form-esq.moto{line-height:6vw}.brand-new-text-title-form-esq.uber,.brand-new-text-title-form-esq.taxi{line-height:5vw}.brand-new-text-title-form-esq.brand-new-auto{font-size:4vw;line-height:5vw}.preco{font-size:7vw;line-height:8vw}.preco.uber{font-size:5vh;line-height:5vh}.preco.caminhao{font-size:2.5rem;line-height:2.8rem}.sub-text-form-esq{font-size:2vw;line-height:3vw}.sub-text-form-esq.auto{font-size:.9rem;line-height:1.2rem}.paragraph-sub{text-align:left;flex:0 auto;padding-right:0;font-size:1rem;line-height:1.3rem}.paragraph-text{text-align:left;flex:0 auto;padding-right:0;font-size:.8rem;line-height:1.1rem}.lottie-animation-2{display:block}.grid-6{margin-left:1vh;margin-right:1vh}.container-coberturas{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh}.grid-7{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr;align-items:stretch}.menu-auto{padding-left:3vw;padding-right:3vw}.grid-8{grid-template-columns:1fr}.grid-9{margin-left:1vh;margin-right:1vh}.whatsapp-link{background-position:0%;background-size:auto 90%;font-size:2.8vw;line-height:3.3vw}.whatsapp-link.top{background-image:none;width:auto;margin-left:45px;font-size:2.5vh;line-height:3vh}.whatsapp-link.top.sp{margin-top:0;margin-left:0;font-size:4vw;line-height:4.5vw;position:relative}.whatsapp-link.sp{font-size:2.8vw;line-height:2.8vw}.whatsapp-link.wp{font-size:1rem;line-height:1.3rem}.ouvidoria-link{background-position:0%;background-size:auto 90%;font-size:2.8vw;line-height:3.3vw}.ouvidoria-link.rj{font-size:1rem;line-height:1.3rem}.text-block-48,.link,.text-block-49{font-size:.8rem;line-height:1.1rem}.heading-20{margin-top:0;margin-bottom:0;padding:8vh 2vh}.titulo-principal-isolado{margin-bottom:0;padding-top:2vh;font-size:2.5rem;line-height:2.8rem}.sub-titulo-principal{margin-bottom:0;padding-left:1vh;padding-right:1vh;font-size:1.5rem;line-height:1.8rem}.whatsapplink{font-size:1.1rem;line-height:1.4rem}.equipe-botao{padding:2vw 4vw;font-size:1.5rem;line-height:1.8rem}.equipe-total{padding-top:2vh;padding-bottom:2vh}.reputacao-botao{margin-top:4vh;margin-bottom:4vh;padding:2vw 4vw;font-size:2rem;line-height:2.5rem}.wrapper-fian-a{height:auto;margin-left:15px;padding:2vw}.text-title-form-esq--fianca{font-size:4vw;line-height:5vw}.div-sub-title-fianca{margin-top:0;padding-bottom:0;padding-left:0}.fone-link-copy{background-position:0%;background-size:auto 90%;font-size:2.8vw;line-height:3.3vw}.fone-link-copy.sp,.fone-link-copy.rj{font-size:2.8vw;line-height:2.8vw}.fone-link-copy.cel{background-position:0%;background-size:auto 90%;line-height:3.3vw}.fone-link-copy.top{background-image:none;width:auto;margin-left:45px;font-size:2.5vh;line-height:3vh}.fone-link-copy.top.sp{margin-top:0;margin-left:0;font-size:2.8vw;line-height:3.5vw;position:relative}.fone-link-copy.top.wup{margin-left:0;font-size:2.8vw;position:relative}.fone-link-copy.top.sp{height:auto;margin-top:0;margin-left:0;font-size:1.1rem;line-height:1.4rem;position:relative}.fone-link-copy.sp,.fone-link-copy.rj{font-size:2.8vw;line-height:2.8vw}.fone-link-copy.rj.cel{padding-top:0;padding-bottom:0}.fone-link-copy.wp{font-size:2.8vw;line-height:2.8vw}.sub-titulo-principal-esp{margin-bottom:0;padding-left:1vh;padding-right:1vh;font-size:1.5rem;line-height:1.8rem}.modal-container{width:70vw}.divwhatsappclass-2{width:140px;height:140px;margin-bottom:0%;margin-right:0%;inset:auto 0% 0% auto}.imgclasswhatsapp-form{width:70px;height:70px;margin-bottom:0;margin-right:0}.bold-text-2{font-size:.8rem;line-height:1.1rem}.divwhatsappclass--form{width:140px;height:140px;margin-bottom:0%;margin-right:0%;inset:auto 0% 0% auto}.brand-new-hero.hero-auto.auto,.brand-new-hero.hero-caminhao.caminhao,.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto,.brand-new-hero.hero-auto.auto,.brand-new-hero.hero-auto.auto,.brand-new-hero.hero-caminhao.caminhao,.brand-new-hero.hero-caminhao.caminhao,.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto,.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto{height:auto;margin-bottom:10px;padding-top:2vw;padding-bottom:2vw}.brand-new-sub-text-form-esq{font-size:2vw;line-height:3vw}.brand-new-sub-text-form-esq.auto,.brand-new-sub-text-form-esq.brand-new-auto,.brand-new-sub-text-form-esq.auto,.brand-new-sub-text-form-esq.brand-new-auto{font-size:1.8vw;line-height:2.8vw}.brand-new-pre-preco{margin-top:0;font-size:2.5vw;line-height:3.5vw}.brand-new-preco{font-size:7vw;line-height:8vw}.brand-new-preco.uber{font-size:5vh;line-height:5vh}.brand-new-field{height:4.6vw;margin-bottom:1vw;font-size:1.8vw;line-height:1.8vw}.brand-new-field.nome{height:4.6vw;margin-bottom:1vw;padding-left:1vw;padding-right:1vw}.brand-new-field.email,.brand-new-field.telefone,.brand-new-field.celular{height:4.6vw;margin-bottom:1vw}.brand-new-field.estado,.brand-new-field.veiculo,.brand-new-field.seguradora{height:4.6vw;margin-bottom:1vw}.brand-new-field.ano,.brand-new-field.raca,.brand-new-field.nomepet{height:4.6vw;margin-bottom:1vw}.brand-new-field.brand-new-nome,.brand-new-field.nome{height:4.6vw;margin-bottom:1vw;padding-left:1vw;padding-right:1vw}.brand-new-field.email,.brand-new-field.telefone,.brand-new-field.celular{height:4.6vw;margin-bottom:1vw}.brand-new-field.celular.noauto{width:32%}.brand-new-field.cep{width:49%;height:4.6vw;margin-bottom:1vw}.brand-new-field.cidade{height:4.6vw;margin-bottom:1vw}.brand-new-field.cidade.noauto{width:49%;font-size:1.8vw;line-height:1.8vw}.brand-new-field.estado,.brand-new-field.veiculo,.brand-new-field.seguradora{height:4.6vw;margin-bottom:1vw}.brand-new-field.seguradora.noauto{width:78%}.brand-new-field.ano,.brand-new-field.raca,.brand-new-field.nomepet{height:4.6vw;margin-bottom:1vw}.brand-new-field.brand-new-nome{height:4.6vw;margin-bottom:1vw;padding-left:1vw;padding-right:1vw}.brand-new-text-experiencia{text-shadow:1px 1px 6px #000;width:auto;font-size:2.5vw;line-height:3.5vw;bottom:3vw;left:65vw;right:auto}}@media screen and (max-width:479px){.calculo-auto.header{background-color:#fff;height:auto;display:none;position:static}.calculo-auto.hero-pet{height:54.849vw;overflow:visible}.calculo-auto.hero-pet.pet{z-index:auto;z-index:auto;background-color:#0000;background-position:50% 0;background-size:contain;height:auto;padding-top:10px}.calculo-auto.footer{height:auto;padding-top:2rem;padding-bottom:2rem}.calculo-auto.sucesso{height:auto}.container_padrao{padding-left:2vw;padding-right:2vw;position:static}.container_padrao.menina{flex-direction:column;justify-content:center;align-items:center;height:auto}.container_padrao.footer{margin-top:10px;padding-bottom:10px;padding-left:auto;padding-right:auto}.container_padrao.seguradora{max-width:100%;margin-top:auto;padding-left:0;padding-right:0}.row{margin-bottom:auto;display:flex}.row.footer{flex-direction:column;height:auto;margin-bottom:6vw}.row.header{flex-direction:column;padding-top:0;position:static}.col{padding-left:0;padding-right:0}.col.cotacao{justify-content:space-between;padding:0 0}.col.rodape{align-items:center;height:auto;padding-left:auto;padding-right:auto}.col.topo{color:#265a99;background-color:#0000;flex-wrap:nowrap;justify-content:flex-start;padding-left:0;padding-right:0;position:static}.col.head{flex-direction:column;justify-content:flex-start;align-items:center;margin-top:5px;margin-bottom:5px;position:static}.link-header{width:100%;margin-top:.5vw;margin-bottom:.5vw;margin-left:-16vw;font-size:3vw;line-height:4vw}.link-header.mail{letter-spacing:0;letter-spacing:0;background-position:1px 0;background-size:auto 90%;margin-left:0;padding:0 0 0 0;font-size:1rem;line-height:1.1rem}.wrapper{background-color:#00488b;width:94%;height:auto;margin-top:37.0625vw;margin-left:auto;margin-right:auto;padding:2vw;display:block}.form_taxi,.div-block{height:auto}.field{height:8vw;margin-bottom:2vw;font-size:2.8vw;line-height:2.8vw}.field.nome,.field.email{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.field.estado,.field.veiculo{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.field.raca,.field.nomepet{height:8vw;margin-bottom:2vw}.field.brand-new-email,.field.nome,.field.email{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.field.telefone{height:8vw;margin-bottom:2vw}.field.telefone.indique{width:100%}.field.celular{height:8vw;margin-bottom:2vw}.field.celular.noauto{width:32%;height:1.6rem;font-size:.8rem}.field.cep{width:49%;height:1.6rem;margin-bottom:2vw;font-size:.8rem}.field.cidade{height:8vw;margin-bottom:2vw}.field.cidade.noauto{width:49%;height:1.6rem;font-size:.8rem;line-height:1.3rem}.field.estado,.field.veiculo{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.field.seguradora{height:8vw;margin-bottom:2vw}.field.seguradora.noauto{width:78%}.field.ano{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.field.raca,.field.nomepet{height:8vw;margin-bottom:2vw}.field.ddd-fone{height:1.6rem;font-size:.8rem}.field.brand-new-email{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.submit-button{background-color:var(--royal-blue);background-image:linear-gradient(to bottom,var(--steel-blue),#265a99);border-bottom-width:4px;height:11.599vw;font-size:3.95313vw;line-height:3.95313vw}.text-block-6{font-size:5.5vw;line-height:6.5vw}.div-block-2{height:57vw;margin-bottom:7vw}.bt-servicos{background-position:10px;background-size:17%;flex-basis:48%}.text-block-8{padding-top:8vw;padding-bottom:8vw;padding-left:12.9844vw;font-size:3.5vw}.paragraph{text-align:center;flex:0 auto;margin-top:1vw;padding-right:0;font-size:5vw;line-height:7vw}.thin{font-size:4vw;font-weight:400}.logo{width:31.3073vw}.logo.w--current{margin-left:5vw;padding-left:1px}.box-sucesso{height:62.8125vw;padding-top:18.507vw;padding-bottom:18.507vw;font-size:5vw;line-height:5.5vw}.paragraph-2{font-size:3.7vw;line-height:4.2vw}.content-fones{flex-flow:wrap;place-content:stretch space-between}.content-fones.rod{margin-top:17px}.heading{text-align:center;font-size:10vw;line-height:12vw}.container-2{justify-content:center;display:flex}.paragrafo-sucesso{text-align:justify;font-size:6vw;line-height:7vw}.paragrafo-sucesso.obs{font-size:1.5vh;line-height:2vh}.titulo-sucesso{text-align:center;font-size:8vw;line-height:10vw}.div-block-5{width:70%;margin-top:0}.text-block-12{color:#265a99;text-align:left;justify-content:flex-start;width:20%;font-size:18px;line-height:20px}.text-block-12._2nd{color:#265a99}.text-block-12._2nd.rod{margin-top:6px;padding-left:0}.text-block-12.rod{color:#fff;font-size:1rem;line-height:1.1rem}.fone-link{background-position:0%;background-size:auto 80%;width:60%;margin-top:0;font-size:5.5vw;line-height:6vw}.fone-link.sp,.fone-link.rj{font-size:1rem;line-height:1.1rem}.fone-link.cel{background-position:0%;background-size:auto 80%;font-size:5vw;line-height:5.5vw}.fone-link.top{text-align:left;background-image:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:auto;margin-left:auto;font-size:5.5vw;line-height:6.5vw}.fone-link.top.sp{font-size:5vw;line-height:5.5vw;position:static}.fone-link.top.wup{margin-left:0;font-size:5vw;line-height:5.5vw;position:static}.fone-link.top.sp{text-overflow:clip;white-space:nowrap;word-break:normal;overflow-wrap:normal;height:auto;font-size:6vw;line-height:6.5vw;position:static;overflow:clip}.fone-link.sp,.fone-link.rj{font-size:1rem;line-height:1.1rem}.fone-link.rj.cel{padding-top:0;padding-bottom:0}.fone-link.wp{font-size:5vw;line-height:5vw}.image-14{text-align:center;height:auto}.text-block-16{text-align:center;width:auto;margin-top:1rem;margin-left:4vw;padding-top:0;font-size:1.2rem;line-height:1.5rem;inset:0% 0% auto}.text-block-16.vida{top:225px}.bold-text{font-size:1.2rem;line-height:1.5rem}.seguradoras{height:auto;margin-bottom:0}.seguradoras.parceiras{height:auto;padding:2rem 0}.text-block-26{text-align:center;font-size:20px;line-height:30px}.dvblkfb{width:100%;margin-bottom:1vw;padding-bottom:1vw}.text-context{text-shadow:1px 1px 6px #000;font-size:7vw;line-height:10vw}.text-context.v200{font-size:5vw;line-height:8vw}.text-context.pet{font-size:6vw;line-height:9vw}.text-block-28{font-size:3.2vw;line-height:5.2vw}.text-block-28.pet{font-size:4vw;line-height:8vw}.text-block-29{margin-top:0;font-size:4.2vw;line-height:5.2vw}.text-block-29.pet{line-height:5.5vw}.text-block-31{text-shadow:1px 1px 6px #000;font-size:13vw;line-height:13vw}.text-block-31.v200{font-size:8vw}.text-block-31.pet{font-size:12vw;line-height:13vw}.div-block-9{padding-right:0}.text-block-33{text-shadow:1px 1px 6px #000;font-size:5vw;line-height:9vw}.div-block-10{flex-direction:row;align-items:stretch;padding-right:0}.div-block-11,.div-block-12{padding-left:0}.titulo-principal-c-subtitulo{text-align:center;padding:2rem 1vh;font-size:1.5rem;line-height:1.8rem}.div-block-13{flex:0 auto;width:40%;margin-left:auto;margin-right:auto;display:block}.div-block-14{text-align:left;flex-direction:column;justify-content:flex-start}.sub-titulo-produtos-2{margin-bottom:0;padding-left:1vh;padding-right:1vh;font-size:4vw;line-height:5vw}.sub-titulo-produtos-2.cinza{margin-bottom:0;padding-top:0;padding-bottom:2vh;font-size:4vw;line-height:5vw}.message{width:90%;font-size:4vw;line-height:6vw}.message.fone{font-size:8vw;line-height:10vw}.img-std-1.chave,.img-std-1.vidros,.img-std-1.paneseca,.img-std-1.paneeletrica,.img-std-1.taxi,.img-std-1.panemecanica,.img-std-1.colisao,.img-std-1.roubo,.img-std-1.fogo,.img-std-1.dp,.img-std-1.dm,.img-std-1._24hs,.img-std-1.farois,.img-std-1.retrovisor,.img-std-1.pneu,.img-std-1.reserva,.img-std-1.chave,.img-std-1.vidros,.img-std-1.paneseca,.img-std-1.paneeletrica,.img-std-1.taxi,.img-std-1.panemecanica,.img-std-1.colisao,.img-std-1.roubo,.img-std-1.fogo,.img-std-1.dp,.img-std-1.dm,.img-std-1._24hs,.img-std-1.farois,.img-std-1.retrovisor,.img-std-1.pneu,.img-std-1.reserva{width:40%}.text-block-35{margin-top:0;margin-bottom:0;padding-top:2vh;padding-bottom:2vh}.text-block-35.especialistas{font-size:6vw;line-height:8vw}.coberturas{display:block}.colum-std{flex-direction:column}.por-que{padding:2rem 3vw}.dv-blk-pq{margin-top:10px}.image-16{margin-top:2vh;padding-left:2vw;padding-right:2vw}.text-block-36{color:#1f4572;margin:2vh 2vw;font-size:.8rem;line-height:1.1rem}.head-pq{color:#1f4572;margin-top:2vh;margin-bottom:0;font-size:1.5rem;font-weight:400;line-height:8.5vw}.div-block-16{flex-direction:column}.dv-blk-condicoes{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.img-cond{padding:10px}.txtblk2{color:#1f4572;padding:18px;font-size:1rem;line-height:1.3rem}.heading-4{color:#1f4572;font-size:7vw;font-weight:400;line-height:9vw}.heading-4.pet{font-size:7vw}.dvblkstd1{width:40%;height:auto;padding-bottom:0;font-size:5vw;line-height:1.3rem;position:static}.heading-5{color:#265a99;font-size:5vw;font-weight:600;line-height:5.5vw;position:static}.image-17{width:5.5vw;height:5.5vw;font-size:5.5vw;line-height:5.5vw;position:static}.content-fones-2{flex-flow:wrap;place-content:stretch space-between;width:100%;position:relative}.content-fones-2.mid{width:auto;display:flex;position:static}.content-fones-2.low{width:auto;padding-bottom:0;display:flex;position:static}.content-fones-2.up{width:auto;position:static}.dvblkstd11{height:auto;font-size:5vw;line-height:6vw}.dvblkstd12{flex-wrap:nowrap;width:50%;height:auto;font-size:5vw;line-height:5vw}.heading-std-1-copy{font-size:.8rem;line-height:1.1rem}.estado{font-size:10px;line-height:14px}.ano{width:22%;font-size:10px;line-height:14px}.modelo{width:48%;font-size:10px;line-height:14px}.row-titulo{font-size:12px;line-height:18px;display:flex}.tipo-veiculo{color:#252e29;font-size:10px;line-height:14px}.div-block-20{flex-direction:column;margin-top:198px;display:flex}.container-8{margin-top:auto}.telefone,.marca,.cidade{font-size:10px;line-height:14px}.hero-24-hs{background-size:contain;height:auto;margin-top:0}.celular,.cobertura,.veiculo{font-size:10px;line-height:14px}.placa{width:22%;font-size:10px;line-height:14px}.email,.cep,.reboque{font-size:10px;line-height:14px}.heading-form{font-size:16px;line-height:20px}.heading-form.dir{padding-right:0;font-size:16px;line-height:20px}.nome{font-size:10px;line-height:14px}.heading-13{font-size:4vw;font-weight:700;line-height:5vw}.container-9{color:#51a33d}.text-block-38.gasoline,.text-block-38.reboque,.text-block-38.tax,.text-block-38.chaveir,.text-block-38.eletric,.text-block-38.mecanica,.text-block-38.gasoline,.text-block-38.reboque,.text-block-38.tax,.text-block-38.chaveir,.text-block-38.eletric,.text-block-38.mecanica{font-size:14px}.cobertura-2{font-size:10px;line-height:14px}.heading-12{font-size:6vw;line-height:7vw}.heading-12.veic{color:#fff}.wrapper-coberturas{flex-direction:column}.text-block-40{font-size:4vw;line-height:5vw}.div-block-22{flex-direction:column}.div-block-24{align-items:center;width:40%;padding-top:5px;padding-bottom:5px}.dvblkhdr2{width:100%;margin-top:0;display:flex}.new-header{display:block}.div-block-28{width:100%;margin-top:10px}.image-header{width:70%}.dvblksess2{flex-direction:column;align-items:center;display:flex}.form_auto{height:auto}.div-block-29{flex-direction:column;align-items:center;padding-left:0;padding-right:0}.dvblkseguro{flex-direction:row;align-items:center;width:auto;height:auto}.dvblksegurologo{align-items:center;display:flex}.imglogoseguro{height:auto}.headsegdescricao{text-shadow:1px 1px 6px #000;font-size:1.7rem;line-height:2rem}.txtblksegpreco{font-size:1rem;line-height:1.3rem}.sessao-menu{padding-left:0;padding-right:0;display:block}.link-blk-seg{align-items:center;display:flex}.wrapper-pet{background-color:#024e3f70;width:94%;height:auto;margin-top:32vw;margin-left:auto;margin-right:auto;padding:2vw;display:block}.dv-blk-condicoes-pet{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.hero{background-position:50% 0;background-repeat:no-repeat;background-size:contain;background-attachment:scroll}.hero.hero-auto{height:54.849vw;overflow:visible}.hero.hero-auto.auto{z-index:auto;z-index:auto;background-color:#008bc9;height:auto;padding-top:2vh;padding-bottom:2vh}.hero.hero-caminhao{height:54.849vw;overflow:visible}.hero.hero-caminhao.caminhao{z-index:auto;z-index:auto;background-color:#0000;background-position:50% 0;background-size:contain;background-attachment:scroll;height:auto;padding-top:2vh;padding-bottom:2vh}.tipos-de-seguros---taxi-2{background-position:50% 0;background-size:auto}.tipos-de-seguros---moto.moto{height:54.849vw;overflow:visible}.tipos-de-seguros---moto.moto.motos{background-color:#0000;background-position:50% 0;background-size:contain;height:auto}.tipos-de-seguros---uber.ubers{height:54.849vw;overflow:visible}.tipos-de-seguros---uber.ubers.uber{background-color:#0000;background-position:50% 0;background-size:contain;height:auto}.text-block-43{color:var(--black);padding-top:14px;font-size:6vw;line-height:7vw}.text-block-43.primeiro{color:var(--white);padding-top:0;font-size:4vw}.div-block-30{display:none;position:static}.div-block-30.primeiro{flex-direction:column;justify-content:center;align-items:center;width:30%;display:flex}.div-block-31{width:100%}.tipo-de-seguros---auto{background-repeat:no-repeat;background-size:contain}.google-reviews{padding-top:2rem;padding-bottom:2rem}.tipos-de-seguros---renov{background-position:50% 0;background-repeat:no-repeat;background-size:contain;background-attachment:scroll}.tipos-de-seguros---renov.hero-pet-copy{height:54.849vw;overflow:visible}.tipos-de-seguros---renov.hero-pet-copy.renov{z-index:auto;z-index:auto;background-color:#0000;background-position:50% 0;background-size:contain;background-attachment:scroll;height:auto;padding-top:10px}.body{height:auto;margin-left:0;margin-right:0}.seguro-de-vida{background-repeat:no-repeat;background-size:contain}.wrapper-vida{margin-top:27.0625vw}.divwhatsappclass{z-index:9999;object-fit:contain;width:140px;height:140px;margin-bottom:0;margin-right:0;display:flex;inset:auto 0% 0% auto;overflow:auto}.linkblkwhatsapp{margin-top:0;margin-left:0}.imgclasswhatsapp{width:70px;height:70px;margin-bottom:0;margin-right:0}.brand-new-text-alert{font-size:.75rem;line-height:1.05rem}.container-13{background-color:var(--white)}.pesquisa{padding-left:10px;padding-right:10px}.paragraph-4,.text-block-45{text-align:center}.equipe{padding:2rem 1vh}.heading-18{font-size:16px;top:auto}.collection-item-4{width:45vw;height:60vw;min-height:0;margin:2.5vw}.facebook{padding-top:2rem;padding-bottom:2rem}.div-block-34{z-index:999;background-color:#265a9996;border-radius:10px;margin-left:5px;margin-right:5px;position:static;top:-59px}.image-23{width:20%}.div-block-35{float:none;position:static;inset:56px auto auto 18px}.equipe-item{background-color:var(--cinza-clarinho);width:47%;height:auto;min-height:0;margin:2vw 1vw;padding:1vw}.text-block-47{padding-top:1vw;padding-bottom:1vw;font-size:1rem;line-height:1.3rem}.div-block-37{width:100%;margin-top:10px;padding-left:0}.div-block-38{align-items:center;width:40%;height:35vw;padding-top:5px;padding-bottom:5px}.brand-new-header{background-image:none;padding:2vw;display:block}.image-26{width:auto;height:70%;font-size:5.5vw;line-height:6vw;position:static}.heading-19{color:#265a99;font-size:6vw;font-weight:600;line-height:6.5vw;position:static}.dvblksess2-2{flex-direction:column;align-items:center;height:auto;display:flex}.dvblkhdr2-2{width:100%;height:7vw;margin-top:0;display:flex}.link-image-header-2.w--current{align-items:center;display:flex}.pre-preco{flex:0 auto;margin-top:0;font-size:1rem;line-height:1.3rem}.centavos-preco{text-shadow:1px 1px 6px #000;font-size:1rem;line-height:1.3rem}.row-form{margin-bottom:auto;display:flex}.div-sub-title{align-items:flex-end;margin-top:0;padding-top:0;padding-bottom:0;padding-left:0}.cabecalho-form{height:auto}.col-form{padding-left:0;padding-right:0}.col-form.cotacao-form{justify-content:space-between;padding:0 0}.col-form.cotacao-form.auto-form{padding:0 0 0 0;font-family:Titilliumweb,sans-serif}.col-form.dir{padding-right:0}.div-main-title-esq{padding-left:0}.div-preco{padding-right:0}.div-pre-preco{flex-direction:row;align-items:stretch;padding-right:0}.brand-new-text-title-form-esq{text-shadow:1px 1px 6px #000;font-size:7vw;line-height:10vw}.brand-new-text-title-form-esq.auto{font-size:1.5rem;line-height:1.8rem}.brand-new-text-title-form-esq.brand-new-auto,.brand-new-text-title-form-esq.auto{font-size:1.5rem;line-height:1.8rem}.brand-new-text-title-form-esq.utilitario{line-height:9vw}.brand-new-text-title-form-esq.moto{font-size:7vw;line-height:8vw}.brand-new-text-title-form-esq.uber{font-size:5vw;line-height:5vw}.brand-new-text-title-form-esq.taxi{font-size:7vw;line-height:8vw}.brand-new-text-title-form-esq.brand-new-auto{font-size:1.5rem;line-height:1.8rem}.preco{text-shadow:1px 1px 6px #000;font-size:13vw;line-height:14vw}.preco.uber{font-size:12vw;line-height:12vw}.preco.caminhao{font-size:2.7rem;line-height:3rem}.sub-text-form-esq{font-size:3.2vw;line-height:5.2vw}.sub-text-form-esq.auto{text-overflow:ellipsis;font-size:.8rem;line-height:1.1rem}.dvblkfone{margin-top:0;padding-top:2vw}.paragraph-sub{text-align:center;flex:0 auto;margin-top:1vw;padding-right:0;font-size:1rem;line-height:1.3rem}.paragraph-text{text-align:center;flex:0 auto;margin-top:1vw;padding-right:0;font-size:.8rem;line-height:1.1rem}.new-coberturas-auto{padding-top:2rem;padding-bottom:2rem}.grid-6{grid-template-columns:1fr 1fr}.container-coberturas{margin-top:0;margin-bottom:0}.pqauto{padding-top:2rem;padding-bottom:2rem}.grid-7{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;grid-auto-rows:1fr}.menu-auto{padding:2rem 3vw}.grid-9{grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr 1fr;grid-auto-flow:row;margin-left:1vh;margin-right:1vh}.whatsapp-link{background-position:0%;background-size:auto 80%;width:60%;margin-top:0;font-size:5.5vw;line-height:6vw}.whatsapp-link.top{text-align:left;background-image:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:auto;margin-left:auto;font-size:5.5vw;line-height:6.5vw}.whatsapp-link.top.sp{font-size:5vw;line-height:5vw;position:static}.whatsapp-link.sp{font-size:5vw;line-height:5vw}.whatsapp-link.wp{font-size:1rem;line-height:1.1rem}.ouvidoria-link{background-position:0%;background-size:auto 80%;width:60%;margin-top:0;font-size:5.5vw;line-height:6vw}.ouvidoria-link.rj{font-size:1rem;line-height:1.1rem}.div-block-43{justify-content:center}.text-block-48,.link,.text-block-49{font-size:.8rem;line-height:1.1rem}.div-block-44{align-items:center;display:flex}.hero-seguradora{background-size:100%;flex-direction:row;align-items:center;padding-top:1vh;padding-bottom:1vh;display:block}.heading-20{margin-top:auto;margin-bottom:auto;padding:5vh 1vh;font-size:1.5vh;line-height:2vh}.titulo-principal-isolado{padding-top:0;padding-bottom:2rem;font-size:1.8rem;line-height:2.1rem}.sub-titulo-principal{margin-bottom:0;padding-bottom:2rem;padding-left:1vh;padding-right:1vh;font-size:1.2rem;line-height:1.5rem}.whatsapplink{font-size:6vw;line-height:6.5vw;overflow:visible}.equipe-botao{padding:4vw;font-size:.8rem;line-height:1.1rem}.equipe-total{padding:6vh 1vh}.reputacao-botao{margin-top:2vh;margin-bottom:2vh}.wrapper-fian-a{background-color:#265a99e6;width:94%;height:auto;margin-top:37.0625vw;margin-left:auto;margin-right:auto;padding:2vw;display:block}.hero-fian-a{background-position:50% 0;background-repeat:no-repeat;background-size:contain;background-attachment:scroll}.text-title-form-esq--fianca{text-shadow:1px 1px 6px #000;font-size:7vw;line-height:10vw}.div-sub-title-fianca{align-items:flex-end;margin-top:0;padding-top:0;padding-bottom:0;padding-left:0}.coberturas-fian-a{padding-top:2vh;padding-bottom:2vh}.fone-link-copy{background-position:0%;background-size:auto 80%;width:60%;margin-top:0;font-size:5.5vw;line-height:6vw}.fone-link-copy.sp,.fone-link-copy.rj{font-size:5vw;line-height:5vw}.fone-link-copy.cel{background-position:0%;background-size:auto 80%;font-size:5vw;line-height:5.5vw}.fone-link-copy.top{text-align:left;background-image:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:auto;margin-left:auto;font-size:5.5vw;line-height:6.5vw}.fone-link-copy.top.sp{font-size:5vw;line-height:5.5vw;position:static}.fone-link-copy.top.wup{margin-left:0;font-size:5vw;line-height:5.5vw;position:static}.fone-link-copy.top.sp{direction:ltr;height:auto;font-size:6vw;line-height:6.5vw;position:static}.fone-link-copy.sp,.fone-link-copy.rj{font-size:5vw;line-height:5vw}.fone-link-copy.rj.cel{padding-top:0;padding-bottom:0}.fone-link-copy.wp{font-size:5vw;line-height:5vw}.sub-titulo-principal-esp{margin-bottom:0;padding-left:1vh;padding-right:1vh;font-size:1rem;line-height:1.3rem}.wpform-class{z-index:9999}.modal-form-bg-class{flex-flow:column;justify-content:flex-end;align-items:flex-end;margin-bottom:2vh}.modal-container{flex:0 auto;width:100%;margin-top:0;margin-right:0;padding:1vh;bottom:auto;left:auto;right:auto}.wpform-name-class{font-size:1.4vh;line-height:1.4vh}.wpform-celular-class{width:60%;font-size:1.5vh}.wpform-ddd-class{width:30%;font-size:1.4vh;line-height:1.4vh}.form-wp-class{padding:1vh}.wpform-email-class{width:100%;font-size:1.4vh;line-height:1.4vh}.wpform-submit-button-class{margin-top:1vh}.heading-wp-form{padding:1vh;font-size:2vh;line-height:3vh}.divwhatsappclass-2{z-index:9999;object-fit:contain;width:140px;height:140px;margin-bottom:0;margin-right:0;display:flex;inset:auto 0% 0% auto;overflow:auto}.imgclasswhatsapp-form{width:70px;height:70px;margin-bottom:0;margin-right:0;position:static}.bold-text-2{font-size:.8rem;line-height:1.1rem}.linkblkwhatsapp-form{margin-top:0;margin-left:0}.divwhatsappclass--form{z-index:999;object-fit:contain;width:140px;height:140px;margin-bottom:0;margin-right:0;display:flex;inset:auto 0% 0% auto;overflow:auto}.brand-new-hero{background-position:50% 0;background-repeat:no-repeat;background-size:contain;background-attachment:scroll}.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto{z-index:auto;background-color:#0000;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614cc34e978a3caa03e94426_bg-menina-mobile-optimized.jpg);background-position:50% 0;background-size:contain;background-attachment:scroll;height:auto;padding-top:2vh;padding-bottom:2vh}.brand-new-hero.hero-auto{height:54.849vw;overflow:visible}.brand-new-hero.hero-auto.auto{z-index:auto;z-index:auto;background-color:#0000;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614cc34e978a3caa03e94426_bg-menina-mobile-optimized.jpg);background-position:50% 0;background-size:contain;background-attachment:scroll;height:auto;padding-top:2vh;padding-bottom:2vh}.brand-new-hero.hero-caminhao{height:54.849vw;overflow:visible}.brand-new-hero.hero-caminhao.caminhao{z-index:auto;z-index:auto;background-color:#0000;background-position:50% 0;background-size:contain;background-attachment:scroll;height:auto;padding-top:2vh;padding-bottom:2vh}.brand-new-hero.new-hero-auto{height:54.849vw;overflow:visible}.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto,.brand-new-hero.new-hero-auto.auto,.brand-new-hero.new-hero-auto.new-auto{z-index:auto;background-color:#0000;background-image:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614cc34e978a3caa03e94426_bg-menina-mobile-optimized.jpg);background-position:50% 0;background-size:contain;background-attachment:scroll;height:auto;padding-top:2vh;padding-bottom:2vh}.brand-new-sub-text-form-esq{font-size:3.2vw;line-height:5.2vw}.brand-new-sub-text-form-esq.auto,.brand-new-sub-text-form-esq.brand-new-auto,.brand-new-sub-text-form-esq.auto,.brand-new-sub-text-form-esq.brand-new-auto{text-overflow:ellipsis;font-size:.8rem;line-height:1.1rem}.brand-new-pre-preco{flex:0 auto;margin-top:0;font-size:1rem;line-height:1.3rem}.brand-new-preco{text-shadow:1px 1px 6px #000;font-size:13vw;line-height:14vw}.brand-new-preco.uber{font-size:12vw;line-height:12vw}.brand-new-preco.caminhao{font-size:2.7rem;line-height:3rem}.brand-new-field{height:8vw;margin-bottom:2vw;font-size:2.8vw;line-height:2.8vw}.brand-new-field.nome,.brand-new-field.email{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.estado,.brand-new-field.veiculo{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.raca,.brand-new-field.nomepet{height:8vw;margin-bottom:2vw}.brand-new-field.nome,.brand-new-field.email{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.telefone{height:8vw;margin-bottom:2vw}.brand-new-field.telefone.indique{width:100%}.brand-new-field.celular{height:8vw;margin-bottom:2vw}.brand-new-field.celular.noauto{width:32%;height:1.6rem;font-size:.8rem}.brand-new-field.cep{width:49%;height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.cidade{height:8vw;margin-bottom:2vw}.brand-new-field.cidade.noauto{width:49%;height:1.6rem;font-size:.8rem;line-height:1.3rem}.brand-new-field.estado,.brand-new-field.veiculo{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.seguradora{height:8vw;margin-bottom:2vw}.brand-new-field.seguradora.noauto{width:78%}.brand-new-field.ano{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.raca,.brand-new-field.nomepet{height:8vw;margin-bottom:2vw}.brand-new-field.ddd-fone{height:1.6rem;font-size:.8rem}.brand-new-field.brand-new-nome{height:1.6rem;margin-bottom:2vw;font-size:.8rem}.brand-new-field.brand-new-ddd-fone{height:1.6rem;font-size:.8rem}.brand-new-text-experiencia{width:auto;margin-left:4vw;padding-top:0;font-size:.8rem;line-height:1.3rem;inset:18px auto auto 3px}.brand-new-text-experiencia.vida{top:225px}}#w-node-db5e5d09-df81-68bb-68b5-e89b09ad3e41-09ad3e3b,#w-node-db5e5d09-df81-68bb-68b5-e89b09ad3e48-09ad3e3b,#w-node-db5e5d09-df81-68bb-68b5-e89b09ad3e4f-09ad3e3b,#w-node-_4f31271b-6a7b-1199-26f3-b0317f67ebfc-09ad3e3b{place-self:stretch center}
\ No newline at end of file
diff --git a/original-shared.css b/original-shared.css
new file mode 100644
index 00000000..10307372
--- /dev/null
+++ b/original-shared.css
@@ -0,0 +1 @@
+html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:webflow-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");font-weight:400;font-style:normal}[class^=w-icon-],[class*=\ w-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}.w-icon-slider-right:before{content:""}.w-icon-slider-left:before{content:""}.w-icon-nav-menu:before{content:""}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:""}.w-icon-file-upload-remove:before{content:""}.w-icon-file-upload-icon:before{content:""}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}html.w-mod-touch *{background-attachment:scroll!important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";grid-area:1/1/2/2;display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:#0000!important}.w-code-block{margin:unset}pre.w-code-block code{all:inherit}.w-optimization{display:contents}.w-webflow-badge,.w-webflow-badge>img{box-sizing:unset;width:unset;height:unset;max-height:unset;max-width:unset;min-height:unset;min-width:unset;margin:unset;padding:unset;float:unset;clear:unset;border:unset;border-radius:unset;background:unset;background-image:unset;background-position:unset;background-size:unset;background-repeat:unset;background-origin:unset;background-clip:unset;background-attachment:unset;background-color:unset;box-shadow:unset;transform:unset;direction:unset;font-family:unset;font-weight:unset;color:unset;font-size:unset;line-height:unset;font-style:unset;font-variant:unset;text-align:unset;letter-spacing:unset;-webkit-text-decoration:unset;text-decoration:unset;text-indent:unset;text-transform:unset;list-style-type:unset;text-shadow:unset;vertical-align:unset;cursor:unset;white-space:unset;word-break:unset;word-spacing:unset;word-wrap:unset;transition:unset}.w-webflow-badge{white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px #0000001a,0 1px 3px #0000001a;visibility:visible!important;opacity:1!important;z-index:2147483647!important;color:#aaadb0!important;overflow:unset!important;background-color:#fff!important;border-radius:3px!important;width:auto!important;height:auto!important;margin:0!important;padding:6px!important;font-size:12px!important;line-height:14px!important;text-decoration:none!important;display:inline-block!important;position:fixed!important;inset:auto 12px 12px auto!important;transform:none!important}.w-webflow-badge>img{position:unset;visibility:unset!important;opacity:1!important;vertical-align:middle!important;display:inline-block!important}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}h4{margin-top:10px;font-size:18px;line-height:24px}h5{margin-top:10px;font-size:14px;line-height:20px}h6{margin-top:10px;font-size:12px;line-height:18px}p{margin-top:0;margin-bottom:10px}blockquote{border-left:5px solid #e2e2e2;margin:0 0 10px;padding:10px 20px;font-size:18px;line-height:22px}figure{margin:0 0 10px}figcaption{text-align:center;margin-top:5px}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";grid-area:1/1/2/2;display:table}.w-embed:after{clear:both}.w-video{width:100%;padding:0;position:relative}.w-video iframe,.w-video object,.w-video embed{border:none;width:100%;height:100%;position:absolute;top:0;left:0}fieldset{border:0;margin:0;padding:0}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}.w-form{margin:0 0 15px}.w-form-done{text-align:center;background-color:#ddd;padding:20px;display:none}.w-form-fail{background-color:#ffdede;margin-top:10px;padding:10px;display:none}label{margin-bottom:5px;font-weight:700;display:block}.w-input,.w-select{color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc;width:100%;height:38px;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.w-input::placeholder,.w-select::placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898ec;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{cursor:pointer;margin-bottom:0;font-weight:400;display:inline-block}.w-radio{margin-bottom:5px;padding-left:20px;display:block}.w-radio:before,.w-radio:after{content:" ";grid-area:1/1/2/2;display:table}.w-radio:after{clear:both}.w-radio-input{float:left;margin:3px 0 0 -20px;line-height:normal}.w-file-upload{margin-bottom:10px;display:block}.w-file-upload-input{opacity:0;z-index:-100;width:.1px;height:.1px;position:absolute;overflow:hidden}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{color:#333;display:inline-block}.w-file-upload-error{margin-top:10px;display:block}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:flex}.w-file-upload-file{background-color:#fafafa;border:1px solid #ccc;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;display:flex}.w-file-upload-file-name{font-size:14px;font-weight:400;display:block}.w-file-remove-link{cursor:pointer;width:auto;height:auto;margin-top:3px;margin-left:10px;padding:3px;display:block}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{color:#ea384c;padding:2px 0;display:inline-block}.w-file-upload-info{padding:0 12px;line-height:38px;display:inline-block}.w-file-upload-label{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:inline-block}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{width:20px;margin-right:8px;display:inline-block}.w-icon-file-upload-uploading{height:20px}.w-container{max-width:940px;margin-left:auto;margin-right:auto}.w-container:before,.w-container:after{content:" ";grid-area:1/1/2/2;display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";grid-area:1/1/2/2;display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px;position:relative}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333%}.w-col-2{width:16.6667%}.w-col-3{width:25%}.w-col-4{width:33.3333%}.w-col-5{width:41.6667%}.w-col-6{width:50%}.w-col-7{width:58.3333%}.w-col-8{width:66.6667%}.w-col-9{width:75%}.w-col-10{width:83.3333%}.w-col-11{width:91.6667%}.w-col-12{width:100%}.w-hidden-main{display:none!important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit!important}.w-hidden-medium{display:none!important}.w-col-medium-1{width:8.33333%}.w-col-medium-2{width:16.6667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.3333%}.w-col-medium-5{width:41.6667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.3333%}.w-col-medium-8{width:66.6667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.3333%}.w-col-medium-11{width:91.6667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main,.w-hidden-medium{display:inherit!important}.w-hidden-small{display:none!important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333%}.w-col-small-2{width:16.6667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.3333%}.w-col-small-5{width:41.6667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.3333%}.w-col-small-8{width:66.6667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.3333%}.w-col-small-11{width:91.6667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main,.w-hidden-medium,.w-hidden-small{display:inherit!important}.w-hidden-tiny{display:none!important}.w-col{width:100%}.w-col-tiny-1{width:8.33333%}.w-col-tiny-2{width:16.6667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.3333%}.w-col-tiny-5{width:41.6667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.3333%}.w-col-tiny-8{width:66.6667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.3333%}.w-col-tiny-11{width:91.6667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none!important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{vertical-align:top;text-align:center;background:#fff;border:1px solid #758696;border-radius:3px;width:28px;height:20px;display:inline-block;position:relative}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{text-align:center;color:#999;font-family:serif;font-size:15px;line-height:12px;position:relative}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{display:block;position:relative}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:50%;left:0}.w-widget-twitter-count-shim:not(.w--vertical):before{border-width:4px;border-color:#75869600 #5d6c7b #75869600 #75869600;margin-top:-4px;margin-left:-9px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-top:-5px;margin-left:-10px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-width:4px;border-color:#fff0 #fff #fff0 #fff0;margin-top:-4px;margin-left:-8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-top:-5px;margin-left:-9px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%;left:50%}.w-widget-twitter-count-shim.w--vertical:before{border-width:5px;border-color:#5d6c7b #75869600 #75869600;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-width:4px;border-color:#fff #fff0 #fff0;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{color:#fff;height:500px;position:relative;overflow:hidden}.w-background-video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}.w-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.w-background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.w-background-video--control>[hidden]{display:none!important}.w-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;background:#ddd;height:300px;position:relative}.w-slider-mask{z-index:1;white-space:nowrap;height:100%;display:block;position:relative;left:0;right:0;overflow:hidden}.w-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;height:100%;display:inline-block;position:relative}.w-slider-nav{z-index:2;text-align:center;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;height:40px;margin:auto;padding-top:10px;position:absolute;inset:auto 0 0}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{font-size:inherit;line-height:inherit;width:auto;height:auto;padding:.2em .5em}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px #3336}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:#2226}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{cursor:pointer;background-color:#fff6;width:1em;height:1em;margin:0 3px .5em;transition:background-color .1s,color .1s;display:inline-block;position:relative}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{cursor:pointer;color:#fff;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;width:80px;margin:auto;font-size:40px;position:absolute;inset:0;overflow:hidden}.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-]{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{width:1em;height:1em;margin:auto;inset:0}.w-slider-aria-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-slider-force-show{display:block!important}.w-dropdown{text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{vertical-align:top;color:#222;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative}.w-dropdown-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0}.w-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}.w-dropdown-list.w--open{display:block}.w-dropdown-link{color:#222;padding:10px 20px;display:block}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{cursor:auto;letter-spacing:normal;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;color:#fff;text-align:center;z-index:2000;opacity:0;-webkit-user-select:none;-moz-user-select:none;-webkit-tap-highlight-color:transparent;background:#000000e6;outline:0;font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;font-size:17px;font-style:normal;font-weight:300;line-height:1.2;list-style:disc;position:fixed;inset:0;-webkit-transform:translate(0)}.w-lightbox-backdrop,.w-lightbox-container{-webkit-overflow-scrolling:touch;height:100%;overflow:auto}.w-lightbox-content{height:100vh;position:relative;overflow:hidden}.w-lightbox-view{opacity:0;width:100vw;height:100vh;position:absolute}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{vertical-align:middle;display:inline-block}.w-lightbox-figure{margin:0;position:relative}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;max-width:none;height:auto}.w-lightbox-image{float:none;max-width:100vw;max-height:100vh;display:block}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0006;padding:.5em 1em;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.w-lightbox-embed{width:100%;height:100%;position:absolute;inset:0}.w-lightbox-control{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:24px;width:4em;transition:all .3s;position:absolute;top:0}.w-lightbox-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);display:none;bottom:0;left:0}.w-lightbox-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);display:none;bottom:0;right:0}.w-lightbox-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);background-size:18px;height:2.6em;right:0}.w-lightbox-strip{white-space:nowrap;padding:0 1vh;line-height:0;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden}.w-lightbox-item{box-sizing:content-box;cursor:pointer;width:10vh;padding:2vh 1vh;display:inline-block;-webkit-transform:translate(0,0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{background:#222;height:10vh;position:relative;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{width:100%;top:50%;transform:translateY(-50%)}.w-lightbox-thumbnail .w-lightbox-wide{height:100%;left:50%;transform:translate(-50%)}.w-lightbox-spinner{box-sizing:border-box;border:5px solid #0006;border-radius:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.w-lightbox-spinner:after{content:"";border:3px solid #0000;border-bottom-color:#fff;border-radius:50%;position:absolute;inset:-4px}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{opacity:.5;display:block}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";grid-area:1/1/2/2;display:table}.w-richtext:after{clear:both}.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{content:"";display:none;position:absolute;inset:0}.w-richtext figure{max-width:60%;position:relative}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{color:#0000;font-size:0}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{caption-side:bottom;display:table-caption}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{width:100%;height:100%;position:absolute;top:0;left:0}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{width:100%}.w-richtext figure.w-richtext-align-center{clear:both;margin-left:auto;margin-right:auto}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{text-align:center;clear:both;width:100%;max-width:100%;margin-left:auto;margin-right:auto;display:block}.w-richtext figure.w-richtext-align-fullwidth>div{padding-bottom:inherit;display:inline-block}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;clear:none;margin-right:15px}.w-richtext figure.w-richtext-align-floatright{float:right;clear:none;margin-left:15px}.w-nav{z-index:1000;background:#ddd;position:relative}.w-nav:before,.w-nav:after{content:" ";grid-area:1/1/2/2;display:table}.w-nav:after{clear:both}.w-nav-brand{float:left;color:#333;text-decoration:none;position:relative}.w-nav-link{vertical-align:top;color:#222;text-align:left;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;display:inline-block;position:relative}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{float:right;position:relative}[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{width:100%;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation=over-left] .w-nav-overlay{width:auto}.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{z-index:1;top:0;right:auto}.w-nav[data-animation=over-right] .w-nav-overlay{width:auto}.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{z-index:1;top:0;left:auto}.w-nav-button{float:right;cursor:pointer;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;padding:18px;font-size:24px;display:none;position:relative}.w-nav-button:focus{outline:0}.w-nav-button.w--open{color:#fff;background-color:#c8c8c8}.w-nav[data-collapse=all] .w-nav-menu{display:none}.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}.w-nav[data-collapse=medium] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-nav-menu{display:none}.w-nav[data-collapse=small] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse=tiny] .w-nav-menu{display:none}.w-nav[data-collapse=tiny] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";grid-area:1/1/2/2;display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{vertical-align:top;text-align:left;cursor:pointer;color:#222;background-color:#ddd;padding:9px 30px;text-decoration:none;display:inline-block;position:relative}.w-tab-link.w--current{background-color:#c8c8c8}.w-tab-link:focus{outline:0}.w-tab-content{display:block;position:relative;overflow:hidden}.w-tab-pane{display:none;position:relative}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w-dyn-empty{background-color:#ddd;padding:10px}.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible{display:none!important}.wf-layout-layout{display:grid}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d867063084ac039bc4483_TitilliumWeb-SemiBoldItalic.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d867024a77a29ef21d2ac_TitilliumWeb-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d8670fbc1574d34aa5e51_TitilliumWeb-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d86704f27aae6ff064f20_TitilliumWeb-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d86709de5dd2c8aae152f_TitilliumWeb-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d86705b5e5e7e8e509026_TitilliumWeb-ExtraLight.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d86703dd07200fee5c300_TitilliumWeb-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d8670cd26181b9609a656_TitilliumWeb-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d8670c3912bb1d4708264_TitilliumWeb-ExtraLightItalic.ttf)format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d86703830967fa13179fb_TitilliumWeb-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Titilliumweb;src:url(https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614d867024ac773b9f05e8bc_TitilliumWeb-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}
\ No newline at end of file
diff --git a/original-site.html b/original-site.html
new file mode 100644
index 00000000..74cb156f
--- /dev/null
+++ b/original-site.html
@@ -0,0 +1,982 @@
+<!DOCTYPE html><!-- Last Published: Fri Sep 26 2025 12:12:07 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.segurosimediato.com.br" data-wf-page="59eb807f9d16950001e202b2" data-wf-site="59eb807f9d16950001e202af" lang="pt"><head><meta charset="utf-8"/><title>Cotação Seguro Auto - Cotação Grátis e Completa Sem Compromisso</title><meta content="Os Seguros de Auto da Imediato têm coberturas completas para seu carro a partir de R$ 79,99 por mës. Perda e roubo 100% da tabela FIPE. Colisão. Perda Total. Assistencia 24 Hs. Cotação em 16 Seguradoras. Especialistas em Auto. Calcule Online Já. Roubo, Furto, Colisão, Incêndio, Ass24hs, RCF, Vidros, mais Cobertura Imediata. Cote agora sem compromisso, tenha o menor valor com as melhores coberturas do mercado." name="description"/><meta content="Cotação Seguro Auto - Cotação Grátis e Completa Sem Compromisso" property="og:title"/><meta content="Os Seguros de Auto da Imediato têm coberturas completas para seu carro a partir de R$ 79,99 por mës. Perda e roubo 100% da tabela FIPE. Colisão. Perda Total. Assistencia 24 Hs. Cotação em 16 Seguradoras. Especialistas em Auto. Calcule Online Já. Roubo, Furto, Colisão, Incêndio, Ass24hs, RCF, Vidros, mais Cobertura Imediata. Cote agora sem compromisso, tenha o menor valor com as melhores coberturas do mercado." property="og:description"/><meta content="Cotação Seguro Auto - Cotação Grátis e Completa Sem Compromisso" property="twitter:title"/><meta content="Os Seguros de Auto da Imediato têm coberturas completas para seu carro a partir de R$ 79,99 por mës. Perda e roubo 100% da tabela FIPE. Colisão. Perda Total. Assistencia 24 Hs. Cotação em 16 Seguradoras. Especialistas em Auto. Calcule Online Já. Roubo, Furto, Colisão, Incêndio, Ass24hs, RCF, Vidros, mais Cobertura Imediata. Cote agora sem compromisso, tenha o menor valor com as melhores coberturas do mercado." property="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="7ExRewM8GII1bwZ73ZEBX9euCX9Sx5m8243ITCyx7cM" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/css/segurosimediato.shared.2c3efc89a.min.css" rel="stylesheet" type="text/css"/><link href="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/css/segurosimediato.59eb807f9d16950001e202b2-2fa8a5b6f.min.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5fbbd71ea2dbf3c0cc12fb8d_m-logo-32.gif" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5fbbd72674f65dfcf885fb3f_m-logo-256.gif" rel="apple-touch-icon"/><link href="https://www.segurosimediato.com.br" rel="canonical"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-694K3F1XQ1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-694K3F1XQ1');</script><!-- ===== Google Tag Manager (primeiro no <head>) ===== -->
+<script>
+(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-PD6J398');
+</script>
+<!-- ===== End Google Tag Manager ===== -->
+
+<link rel="canonical" href="https://www.segurosimediato.com.br/" />
+
+<!-- Verificações Google -->
+<meta name="google-site-verification" content="7ExRewM8GII1bwZ73ZEBX9euCX9Sx5m8243ITCyx7cM" />
+<meta name="google-site-verification" content="OGCWNwHYOwmFiCvqJXojZvKRTGrh2P9hlXzrcKAeAao" />
+
+<!-- Metas de app / viewport / tema -->
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="viewport" content="width=device-width, maximum-scale=1" />
+<meta name="apple-mobile-web-app-title" content="Imediato Solucoes em Seguros" />
+<meta name="format-detection" content="telephone=no" />
+<meta name="msapplication-tap-highlight" content="no" />
+<meta name="keywords" content="seguro de auto, seguro de carro, seguro de automovel, seguro de veiculo, seguro de uber, seguro de taxi, seguro de utilitario, seguro de moto, seguro de frotas, seguro auto, seguro carro, seguro automovel, seguro veiculo, seguro uber, seguro taxi, seguro utilitario, seguro moto, seguro frotas" />
+<meta name="author" content="Luciano Rodrigues Otero, lrotero@gmail.com" />
+<meta name="owner" content="Luciano Rodrigues Otero, lrotero@gmail.com" />
+<meta name="designer" content="Luciano Rodrigues Otero, lrotero@gmail.com" />
+<meta name="url" content="https://www.segurosimediato.com.br" />
+<meta name="identifier-URL" content="https://www.segurosimediato.com.br" />
+<meta name="reply-to" content="lrotero@gmail.com" />
+<meta name="subject" content="Corretora de Seguros de Auto" />
+<meta name="copyright" content="Imediato Solucoes em Seguros" />
+<meta name="Classification" content="Negocios, Seguros" />
+<meta name="theme-color" content="#108fce" />
+<meta name="apple-mobile-web-app-status-bar-style" content="#108fce" />
+<meta name="msapplication-navbutton-color" content="#108fce" />
+
+<!-- ===== Estilos originais ===== -->
+<style>
+  body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
+  select, input{ -webkit-appearance:none; -moz-appearance:none; }
+  .w-lightbox-backdrop { background-color: rgba(0, 0, 0, 0); }
+  .w-lightbox-backdrop img { border: 4px solid rgba(0,0,0,0.5); }
+</style>
+
+<style>
+  .swal-text { text-align:center; }
+</style>
+
+<!-- BG dots -->
+<style>
+:root{ --dot-color: rgba(17, 24, 39, .07); --dot-size: 1px; --dot-gap: 10px; }
+.bg-dots{
+  background-color:#fff;
+  background-image: radial-gradient(circle at var(--dot-size) var(--dot-size),
+    var(--dot-color) var(--dot-size), transparent var(--dot-size));
+  background-size: var(--dot-gap) var(--dot-gap);
+}
+.bg-dots--dark{ background-color:#0b1220; --dot-color: rgba(255,255,255,.08); }
+</style>
+
+<!-- Blue grid -->
+<style>
+:root{ --blue-base:#EAF4FF; --grid-color: rgba(17,24,39,.10); --grid-gap:14px; --grid-thickness:1px; }
+.blue-grid{
+  background-color: var(--blue-base);
+  background-image:
+    repeating-linear-gradient(0deg,var(--grid-color) 0 var(--grid-thickness),
+      transparent var(--grid-thickness) var(--grid-gap)),
+    repeating-linear-gradient(90deg,var(--grid-color) 0 var(--grid-thickness),
+      transparent var(--grid-thickness) var(--grid-gap));
+}
+@media (max-width:768px){ .blue-grid{ --grid-gap:16px; } }
+</style>
+
+<!-- Tech header effects -->
+<style>
+:root{
+  --tech-bg-dark:#0b1220; --tech-bg-light:#EAF4FF;
+  --tech-grid-dark:rgba(255,255,255,.07); --tech-grid-light:rgba(17,24,39,.10);
+  --tech-accent-1:#33aaff; --tech-accent-2:#7c3aed;
+  --tech-grid-gap:14px; --tech-grid-thickness:1px;
+  --tech-glow-opacity:.24; --tech-sweep-opacity:.06;
+}
+.tech-header,.Brand.New.Header.tech-header{
+  position:relative; overflow:hidden; isolation:isolate; min-height:56vh;
+}
+.tech-header--dark{ background:var(--tech-bg-dark); }
+.tech-header--light{ background:var(--tech-bg-light); }
+.tech-header::before,.Brand.New.Header.tech-header::before{
+  content:""; position:absolute; inset:-20% -10% -30% -10%; z-index:-1; pointer-events:none;
+  opacity:var(--tech-glow-opacity);
+  background:
+    radial-gradient(50rem 28rem at 10% 15%, var(--tech-accent-1), transparent 60%),
+    radial-gradient(42rem 24rem at 85% 10%, var(--tech-accent-2), transparent 60%),
+    radial-gradient(48rem 26rem at 70% 85%, rgba(16,185,129,.55), transparent 65%);
+}
+.tech-header::after,.Brand.New.Header.tech-header::after{
+  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
+  background-image:
+    repeating-linear-gradient(0deg, var(--tech-grid-color) 0 var(--tech-grid-thickness),
+      transparent var(--tech-grid-thickness) var(--tech-grid-gap)),
+    repeating-linear-gradient(90deg, var(--tech-grid-color) 0 var(--tech-grid-thickness),
+      transparent var(--tech-grid-thickness) var(--tech-grid-gap)),
+    linear-gradient(90deg, transparent, rgba(255,255,255,var(--tech-sweep-opacity)), transparent);
+  background-size: var(--tech-grid-gap) var(--tech-grid-gap),
+                   var(--tech-grid-gap) var(--tech-grid-gap), 50% 100%;
+  background-position: 0 0, 0 0, -200% 0;
+  animation: tech-sweep 6s linear infinite;
+}
+.tech-header--dark::after  { --tech-grid-color: var(--tech-grid-dark); }
+.tech-header--light::after { --tech-grid-color: var(--tech-grid-light); }
+@keyframes tech-sweep { to { background-position: 0 0, 0 0, 200% 0; } }
+@media (prefers-reduced-motion: reduce){
+  .tech-header::after,.Brand.New.Header.tech-header::after{
+    animation:none;
+    background-image:
+      repeating-linear-gradient(0deg, var(--tech-grid-color) 0 var(--tech-grid-thickness),
+        transparent var(--tech-grid-thickness) var(--tech-grid-gap)),
+      repeating-linear-gradient(90deg, var(--tech-grid-color) 0 var(--tech-grid-thickness),
+        transparent var(--tech-grid-thickness) var(--tech-grid-gap));
+  }
+}
+@media (max-width:991px){ :root{ --tech-grid-gap:16px; } }
+@media (max-width:479px){ :root{ --tech-grid-gap:18px; } }
+</style>
+
+<!-- ===== IMPORTANTE =====
+1) NÃO carregar aqui: CookieYes, GA4, Google Ads, CollectChat, Mailchimp.
+   Todos eles devem ser inseridos via GTM com:
+   - CookieYes CMP em "Consent Initialization - All Pages"
+   - GA4: exigir analytics_storage
+   - Ads/Conversion/Linker: exigir ad_storage (+ ad_user_data/ad_personalization)
+   - CollectChat/Mailchimp: DOM Ready e respeitar consentimento
+2) Se precisar de libs não rastreadoras (ex.: lazysizes, sweetalert), prefira carregá-las via GTM também.
+===================================== -->
+<script type="text/javascript">
+  function setCookie(name, value, days) {
+    var date = new Date();
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    var expires = "; expires=" + date.toUTCString(); // Atualizado para padrão moderno
+    document.cookie = name + "=" + value + expires + ";path=/";
+  }
+
+  function getParam(p) {
+    var params = new URLSearchParams(window.location.search);
+    return params.get(p) ? decodeURIComponent(params.get(p)) : null;
+  }
+
+  // Captura gclid OU gbraid (qualquer um dos dois)
+  var gclid = getParam("gclid") || getParam("GCLID") || getParam("gclId");
+  var gbraid = getParam("gbraid") || getParam("GBRAID") || getParam("gBraid");
+
+  // Define prioridade: se gclid existir, usa ele. Se não, usa gbraid.
+  var trackingId = gclid || gbraid;
+
+  if (trackingId) {
+    var gclsrc = getParam("gclsrc");
+    if (!gclsrc || gclsrc.indexOf("aw") !== -1) {
+      setCookie("gclid", trackingId, 90);
+    }
+  }
+
+  function readCookie(name) {
+    var n = name + "=";
+    var cookie = document.cookie.split(";");
+    for (var i = 0; i < cookie.length; i++) {
+      var c = cookie[i].trim();
+      if (c.indexOf(n) == 0) {
+        return c.substring(n.length, c.length);
+      }
+    }
+    return null;
+  }
+
+  document.addEventListener("DOMContentLoaded", function () {
+    const gclidFields = document.getElementsByName("GCLID_FLD");
+    for (var i = 0; i < gclidFields.length; i++) {
+      gclidFields[i].value = readCookie("gclid");
+    }
+
+    var anchors = document.querySelectorAll("[whenClicked='set']");
+    for (var i = 0; i < anchors.length; i++) {
+      anchors[i].onclick = function () {
+        var global_email = document.getElementById("email").value;
+        var global_gclid = document.getElementById("GCLID_FLD").value;
+        var global_gclid_wp = document.getElementById("GCLID_FLD_WP").value;
+        window.localStorage.setItem("GCLID_FLD", global_gclid);
+        window.localStorage.setItem("GCLID_FLD_WP", global_gclid_wp);
+        window.localStorage.setItem("EMAIL_FLD", global_email);
+      };
+    }
+  });
+  
+  document.addEventListener("DOMContentLoaded", function () {
+  var gclidCookie = (document.cookie.match(/(^|;)\s*gclid=([^;]+)/) || [])[2];
+  if (gclidCookie) {
+    window.CollectChatAttributes = {
+      gclid: decodeURIComponent(gclidCookie)
+    };
+    console.log("GCLID enviado ao Collect.chat:", decodeURIComponent(gclidCookie));
+  }
+});
+  
+</script></head><body page="home" class="body"><div id="new-header" section="new-header" class="brand-new-header"><div class="container-15 w-container"><div class="dvblksess2-2"><div class="div-block-38"><a href="/" id="link-home" aria-current="page" class="link-image-header-2 w-inline-block w--current"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5f845624fe08f9f0d0573fee_logotipo-imediato-seguros.svg" loading="lazy" alt="" class="image-30"/></a></div><div class="div-block-37"><div class="dvblkhdr2-2"><div class="dvblkstd1"><h2 class="heading-19">São Paulo:</h2></div><div class="dvblkstd11"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg" alt="Icone Telefone svg" class="image-26"/></div><div class="dvblkstd12"><a href="tel:+551132301422" id="sp-fone-link" telefone="telefone-1" class="fone-link top sp">(11) 3230-1422</a></div></div><div class="dvblkhdr2-2"><div class="dvblkstd1"><h2 class="heading-19">Rio de Janeiro:</h2></div><div class="dvblkstd11"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg" alt="Icone Telefone svg" class="image-26"/></div><div class="dvblkstd12"><a href="tel:+552140421811" id="rj-fone-link-header" class="fone-link top sp">(21) 4042-1811</a></div></div><div class="dvblkhdr2-2"><div class="dvblkstd1"><h2 class="heading-19">Whatsapp:</h2></div><div class="dvblkstd11"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf62fd9e5e1c4c2811e865_whatsapp%20azul%202.svg" alt="Icone whatsapp svg" class="image-26"/></div><div class="dvblkstd12"><a href="#" id="whatsappfone1" data-w-id="5190bf4f-b871-0c25-7006-c637bfea829d" class="whatsapplink">(11) 3230-1422</a></div></div><div class="dvblkhdr2-2"><div class="dvblkstd1"><h2 class="heading-19">Emergência:</h2></div><div class="dvblkstd11"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf3d1c5db33b3cc3ee36c1_fone%20azul.svg" alt="Icone Telefone svg" class="image-26"/></div><div class="dvblkstd12"><a href="tel:+5511953288466" id="sp-cellfone-link" telefone="telefone-1" class="fone-link-copy top sp">(11) 95328-8466</a></div></div></div></div><div class="div-block-45"><div class="w-embed w-script"><script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
+<div class="elfsight-app-397c1d00-8aa7-467b-bf40-2d9264a6c53a"></div></div></div></div></div><div class="hero hero-auto auto"><div class="container_padrao menina w-container"><div class="text-block-16">25 ANOS DE EXPERIÊNCIA.<br/>ESPECIALISTAS EM<br/>SEGUROS DE AUTO.<br/>ATENDIMENTO EM TODO<br/>O TERRITÓRIO NACIONAL.</div><div id="submit_button" whenClicked="set" class="wrapper w-form"><div class="cabecalho-form"><div class="row-form w-row"><div class="col-form cotacao-form auto-form w-col w-col-7 w-col-medium-6 w-col-small-6 w-col-tiny-6"><div class="div-main-title-esq auto"><div class="brand-new-text-title-form-esq auto">SEGURO</div></div><div class="div-main-title-esq auto"><div class="brand-new-text-title-form-esq auto">DE AUTO</div></div><div class="div-sub-title"><div class="sub-text-form-esq auto">CÁLCULO ONLINE</div></div><div class="div-sub-title"><div class="sub-text-form-esq auto">COTAÇÃO EM 16 SEGURADORAS</div></div></div><div class="col-form dir w-col w-col-5 w-col-medium-6 w-col-small-6 w-col-tiny-6"><div class="div-pre-preco"><div class="pre-preco">A PARTIR DE</div></div><div class="div-preco"><div class="preco caminhao">R$ 79</div><div class="centavos-preco">90</div></div><div class="div-pre-preco"><div class="pre-preco">MENSAIS</div></div></div></div></div><form id="wf-form-Home-Seguro-Auto" name="wf-form-Home-Seguro-Auto" data-name="Home Seguro Auto" redirect="/sucesso" data-redirect="/sucesso" method="post" class="form_auto w-clearfix" data-wf-page-id="59eb807f9d16950001e202b2" data-wf-element-id="97e5c20e-4fe9-8fcf-d941-485bbc20f783"><input class="field nome w-input" maxlength="256" name="NOME" data-name="NOME" placeholder="Nome" type="text" id="NOME" required=""/><div class="div-block-3"></div><div class="brand-new-text-alert">Preencha o <strong>DDD</strong>, o <strong class="bold-text-5">Celular, </strong>o <strong>CEP </strong>e o<strong> CPF</strong> só com números. Caso prefira não informar o <strong>CPF, </strong>o <strong class="bold-text-4">CEP </strong>e a <strong>PLACA</strong> do veículo, entraremos em contato para coletar essas informações.</div><input class="field ddd-fone w-input" maxlength="256" name="DDD-CELULAR" data-name="DDD-CELULAR" placeholder="DDD" type="text" id="DDD-CELULAR" required=""/><input class="field celular noauto w-input" maxlength="256" name="CELULAR" data-name="CELULAR" placeholder="CELULAR" type="text" id="CELULAR" required=""/><input class="field email w-input" maxlength="256" name="email" data-name="Email" placeholder="Email" type="email" id="email" required=""/><input class="field cep w-input" maxlength="256" name="CEP" data-name="CEP" placeholder="CEP DA RESIDÊNCIA" type="text" id="CEP"/><input class="field cidade noauto w-input" maxlength="256" name="CPF" data-name="CPF" placeholder="CPF" type="text" id="CPF"/><input class="field estado w-input" maxlength="256" name="PLACA" data-name="PLACA" placeholder="PLACA DO VEÍCULO" type="text" id="PLACA"/><input class="field ano w-input" maxlength="256" name="ANO" data-name="ANO" placeholder="ANO DO MODELO DO VEÍCULO" type="number" id="ANO"/><input class="field veiculo w-input" maxlength="256" name="MARCA" data-name="MARCA" placeholder="Fabricante / Marca / Modelo  Ex: FIAT UNO VIVACE 1.4 flex" type="text" id="MARCA"/><input type="submit" data-wait="Aguarde..." id="submit_button_auto" whenClicked="set" class="submit-button w-button" value="CALCULE AGORA!"/><div class="html-embed w-embed"><input id="GCLID_FLD" name="GCLID_FLD"></div><div class="html-embed-3 w-embed"><input id="SEQUENCIA_FLD" name="SEQUENCIA_FLD"></div></form><div class="box-sucesso w-form-done"><div>Obrigado!<br/>Sua mensagem foi enviada com sucesso e em breve retornaremos com as melhores opções de seguros pra você.</div></div><div class="w-form-fail"><div>Desculpe. Algo está errado no preenchimento do formulário.<br/>Tente novamente.</div></div></div></div></div><div class="fraude"><div class="w-container"><h1 class="titulo-principal-isolado">alerta de fraude</h1><p class="sub-titulo-principal">Solicitamos aos amigos e clientes que fiquem atentos à <strong>fraudadores </strong>que estão <strong>utilizando o nome da IMEDIATO SEGUROS</strong> para vender serviços de instalação de rastreadores <strong>solicitando transferências via PIX</strong>.<br/><br/>A IMEDIATO SEGUROS <strong>não efetua qualquer cobrança direta de seus clientes</strong>.<br/><br/>Atuamos como corretores de seguros, intermediando a venda de produtos de companhias seguradoras devidamente registradas nos órgãos reguladores. Essas companhias fazem a cobrança dos seus serviços diretamente aos nossos clientes.</p></div></div><div class="google-reviews bg-dots"><div class="container-13 w-container"><h1 class="titulo-principal-c-subtitulo">A IMEDIATO SEGUROS É A CORRETORA DE SEGUROS COM MELHOR AVALIAÇÃO DO MERCADO NO GOOGLE</h1><div class="sub-titulo-principal-esp"><strong>96%</strong> DE SATISFAÇÃO (NOTA <strong>4.8</strong> DE <strong>5.0</strong>)<br/>MAIS DE <strong>2.000</strong> <strong>AVALIAÇÕES </strong>ESPONTÂNEAS E CERTIFICADAS</div><div class="html-embed-2 w-embed w-script"><script defer src="https://apps.elfsight.com/p/platform.js" defer></script>
+<div class="elfsight-app-d8022a65-9939-4319-844b-874c127272fb"></div></div></div></div><div class="facebook"><div class="container_facebook w-container"><div class="w-embed w-script"><script defer src="https://apps.elfsight.com/p/platform.js" defer></script>
+<div class="elfsight-app-07363152-5ad3-4e44-adf1-d8e81001b4a4"></div></div></div></div><div class="sessao-menu menu-auto bg-dots"><div class="w-container"><div class="titulo-principal-isolado">escolha o seu seguro</div><div class="w-layout-grid grid-7"><div class="dvblkseguro"><a href="/seguro-auto" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fffffd30f2ab3bdf3f1_logo-auto-sem-linha.svg" loading="lazy" alt="" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Auto</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 79,90 <br/>mensais</div></div></div></a></div><div class="dvblkseguro caminhao"><a href="/seguro-caminhao" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6123b64c567800209abed277_caminhao-0.svg" alt="" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Caminhão</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 99,90 <br/>mensais</div></div></div></a></div><div class="dvblkseguro uber"><a href="/seguro-uber" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fff3d71025a487e4863_logo-uber-sem-linha.svg" alt="Seguro de Aplicativo svg" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Uber</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 84,90<br/>mensais</div></div></div></a></div><div class="dvblkseguro utilitarios"><a href="/seguro-utilitario" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc350003a80e854a166ea2e_logo-utilitario-sem-linha.svg" alt="Seguro de Utilitario svg" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Utilitários</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 94,90 <br/>mensais</div></div></div></a></div><div class="dvblkseguro motos"><a href="/seguro-motos" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fffa34976d27b97d375_logo-moto-sem-linha.svg" alt="Seguro de Moto svg" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Motos</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 49,90 <br/>mensais</div></div></div></a></div><div class="dvblkseguro _24hs"><a href="/assistencia-24-horas" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cace248832adc47e35fff0a_colisao%20branco%20centralizado.svg" alt="Colisao svg" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">RCF/24 Hs</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 39,90 <br/>mensais</div></div></div></a></div><div class="dvblkseguro taxi"><a href="/seguro-taxi" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cc34fff3a80e803ad66ea2c_logo-taxi-sem-linha.svg" alt="" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Taxi</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 99,90<br/>mensais</div></div></div></a></div><div class="dvblkseguro pet"><a href="/assistencia-24-horas" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/61c34bad3cae4b7f672c4d55_pet-pequeno.svg" alt="" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Pet</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 99,90 <br/>mensais</div></div></div></a></div><div class="dvblkseguro fianca"><a href="/fianca" class="link-blk-seg w-inline-block"><div class="dvblksegurologo"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/61c34dc08c354b6608106c6e_rental.svg" alt="" loading="lazy" class="imglogoseguro lazyload"/></div><div class="dvblksegurodescpreco"><div class="dvblkseguropreo"><h1 class="headsegdescricao">Aluguel</h1></div><div class="dvblksegurodescricao"><div class="txtblksegpreco">A partir de<br/>R$ 99,90 <br/>mensais</div></div></div></a></div></div></div></div><div class="por-que"><div class="w-container"><div class="titulo-principal-isolado">somos a imediato seguros</div><div class="w-layout-grid grid-8"><div id="w-node-db5e5d09-df81-68bb-68b5-e89b09ad3e41-09ad3e3b" class="dv-blk-pq"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac7634d4df0ac4c372f552_call-center-menina-gray.webp" alt="" loading="lazy" class="image-16"/><h1 class="head-pq">atendimento</h1><div class="text-block-36">Na Imediato Seguros você é <strong>atendido por gente de verdade</strong>, que entende suas necessidades e busca o seguro com as coberturas que você necessita e com um preço que cabe no seu bolso.</div></div><div id="w-node-db5e5d09-df81-68bb-68b5-e89b09ad3e48-09ad3e3b" class="dv-blk-pq"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac7634f10bcf08cccf7726_equipe-experiente-gray.webp" alt="" loading="lazy" class="image-16"/><h1 class="head-pq">experiência</h1><div class="text-block-36">A Imediato Seguros tem mais de <strong>25 anos de experiência</strong> lidando apenas com produtos de seguros. Os profissionais conhecem profundamente as regiões que atuam e suas peculiaridades.</div></div><div id="w-node-db5e5d09-df81-68bb-68b5-e89b09ad3e4f-09ad3e3b" class="dv-blk-pq"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac7634bdecd5a52c02a8a8_visao-geral-equipe-gray.webp" alt="" loading="lazy" class="image-16"/><h1 class="head-pq">equipe</h1><div class="text-block-36">A <strong>equipe </strong>de negócios da Imediato Seguros é <strong>jovem, dinâmica e altamente treinada e capacitada</strong>. E trabalha com os mais modernos recursos e sistemas para tornar o atendimento ágil e rápido.</div></div><div id="w-node-_4f31271b-6a7b-1199-26f3-b0317f67ebfc-09ad3e3b" class="dv-blk-pq"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac76348a8f925bb45b762e_reputa%C3%A7%C3%A3o-gray.webp" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727.984375px, 764px" srcset="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac76348a8f925bb45b762e_reputa%C3%A7%C3%A3o-gray-p-500.webp 500w, https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac76348a8f925bb45b762e_reputa%C3%A7%C3%A3o-gray.webp 764w" loading="lazy" alt="" class="image-16"/><h1 class="head-pq">reputação</h1><div class="text-block-36"><strong>O nível de satisfação</strong> com a Imediato Seguros atinge <strong>mais de 98%</strong> no <strong>Google </strong>e no <strong>Facebook</strong>.</div><a href="/reputacao" class="reputacao-botao w-button">CONFIRA</a></div></div></div></div><div class="pqa pqauto bg-dots"><div class="w-container"><div class="titulo-principal-isolado">preço, qualidade e atendimento</div><div class="div-block-16"><div class="dv-blk-condicoes"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614b5f4379212b82493dd07a_BEST%20PRICE%204.svg" width="169" alt="" loading="lazy" class="img-cond lazyload"/><h1 class="heading-4">preço</h1><div class="txtblk2">Uma equipe especializada <strong>busca o melhor preço</strong> para o seu seguro em todos os nossos parceiros. </div><div class="dv-blk-condicoes"></div></div><div class="dv-blk-condicoes"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614b64a58daf49c3c5d82392_BONUS4.svg" width="169" alt="" loading="lazy" class="img-cond lazyload"/><h1 class="heading-4">bônus</h1><div class="txtblk2"><strong>Usamos </strong>integralmente o <strong>bônus de seu seguro atual</strong> para todos as companhias seguradoras do mercado.</div><div class="dv-blk-condicoes"></div></div><div class="dv-blk-condicoes"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/614b659c8f34cd8a2af36c76_SOB-MEDIDA-2.svg" width="169" alt="" loading="lazy" class="img-cond lazyload"/><h1 class="heading-4">sob medida</h1><div class="txtblk2">Seu seguro será adaptado à sua necessidade. <strong> Não &quot;empurramos&quot; produtos</strong> prontos e inflexíveis.</div></div><div class="dv-blk-condicoes"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5cae56df8bbb463e8cda6dec_sinistro.svg" width="169" alt="Cuidamos do Sinistro svg" loading="lazy" class="img-cond lazyload"/><h1 class="heading-4">sinistro</h1><div class="txtblk2"><strong>Não abandonamos você em caso de sinistro.</strong> Uma equipe especializada o acompanha e auxilia.</div></div><div class="dv-blk-condicoes"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/5caf2c1c7963817271e53b91_canais%2019.svg" width="169" alt="Canais de Comunicacao svg" loading="lazy" class="img-cond lazyload"/><h1 class="heading-4">Canais</h1><div class="txtblk2">Fale conosco como e quando você quiser, pelo <strong>Telefone, Whatsapp, e-mail ou mídias sociais</strong>.</div></div></div></div></div><div id="secao-parceiras" class="seguradoras parceiras"><div class="w-container"><h1 class="titulo-principal-c-subtitulo">Parceiros</h1><h4 class="sub-titulo-principal">Companhias seguradoras de confiança, registradas na SUSEP e fiscalizadas pelos orgãos reguladores</h4><div class="w-layout-grid grid-9"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151de9be5091c3b9679b783_porto-grey.svg" alt="" loading="lazy" class="img-seg-3 lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151dea913c338763f064767_bradesco-grey.svg" alt="" loading="lazy" class="img-seg-3 lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151dece6efdecd19192d307_azul-grey.svg" alt="" loading="lazy" class="img-seg-3 azul lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151dee33a0bbc77688acfda_itau-grey.svg" alt="" loading="lazy" class="img-seg-3 lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151def421a1ea60a3197a08_hdi-grey.svg" alt="" loading="lazy" class="img-seg-3 hdi lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151df05e7eb39912411961a_tokio-grey.svg" alt="" loading="lazy" class="img-seg-3 tokio lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151df158678ff860bcfa03d_sompo-grey.svg" alt="" loading="lazy" class="img-seg-3 sompo lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151df28bc653f195bef3479_mapfre-grey.svg" alt="" loading="lazy" class="img-seg-3 lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151df38f4537a1eaefe859c_liberty-grey.svg" alt="" loading="lazy" class="img-seg-3 lazyload"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/6151dfd9b5f323307175ed8e_allianz-grey-quadrado.svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/675828de71a8ee31c51f1101_LOOVI%20SVG.svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582ac5c332060c2e7b3bc0_pier%20svg%203.svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582bd0343bbd5a90cbe6dc_justus%20svg%20(1).svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582cadad1634e6815f6b80_darwin%20svg.svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582d6e54b44b92ce3019db_usebens%20svg%20(1).svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582de26ac15595dd1f809a_novo%20svg.svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582e556ba6c84de7e3da51_youse%20svg.svg" loading="lazy" alt="" class="img-seg-3"/><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/67582f64ed3bcba350775d25_ezze%20svg.svg" loading="lazy" alt="" class="img-seg-3"/></div></div></div><div class="new-coberturas-auto bg-dots"><div class="container-coberturas w-container"><div class="titulo-principal-c-subtitulo">COBERTURAS DISPONÍVEIS</div><h4 class="sub-titulo-principal">As mais completas coberturas para a sua tranquilidade e segurança</h4><div class="w-layout-grid grid-6"><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6c49c21d210d9f7221c1_accident-white-padded-circle.svg" alt="" loading="lazy" class="img-std-1 colisao"/><h1 class="heading-std-1-copy">COLISÃO</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6c491f88cabc26198ba3_car-fill-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 roubo"/><h1 class="heading-std-1-copy">ROUBO E FURTO</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6c4923b49c47c6d03b0c_car-on-fire-forced-white-padded.svg" width="50" alt="" loading="lazy" class="img-std-1 fogo"/><h1 class="heading-std-1-copy">INCÊNDIO</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6daa8338262d45362d0f_car-run-over-man-forced-white-padded.svg" width="50" alt="" loading="lazy" class="img-std-1 dp"/><h1 class="heading-std-1-copy">DANOS PESSOAIS</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6a21e2d59393e332c54c_car-accident-forced-white-padded.svg" width="50" alt="" loading="lazy" class="img-std-1 dm"/><h1 class="heading-std-1-copy">DANOS MATERIAIS</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6a216cff40b68d3df56b_tow-truck-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 _24hs"/><h1 class="heading-std-1-copy">ASSISTÊNCIA 24HS</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6a21fd5abce339a2db14_car-key-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 chave"/><h1 class="heading-std-1-copy">CHAVEIRO</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed90ce779c16fcc34a7_windshield-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 vidros"/><h1 class="heading-std-1-copy">VIDROS</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6edad91736f530a534fd_gas-station-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 paneseca"/><h1 class="heading-std-1-copy">PANE SECA</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6fbf089749ab359e3c24_car-battery-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 paneeletrica"/><h1 class="heading-std-1-copy">PANE ELÉTRICA</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed942b8a608cc32684f_wrench-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 panemecanica"/><h1 class="heading-std-1-copy">PANE MECÂNICA</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed9d74d262669a414b1_car-light-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 farois"/><h1 class="heading-std-1-copy">FARÓIS</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed9643d966a15ba5d11_frontal-taxi-cab-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 taxi"/><h1 class="heading-std-1-copy">TAXI</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed9bd680cb256d27cbf_rearview-mirror-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 retrovisor"/><h1 class="heading-std-1-copy">RETROVISORES</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed9f054361d17c12acb_wheel-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 pneu"/><h1 class="heading-std-1-copy">PNEUS</h1></div><div class="dvblk-std-1"><img src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/68ac6ed9987fa92197f5f73c_car-rental-forced-white-padded-circle.svg" width="50" alt="" loading="lazy" class="img-std-1 reserva"/><h1 class="heading-std-1-copy">CARRO RESERVA</h1></div></div></div></div><div class="equipe"><div class="container-16 w-container"><h1 class="titulo-principal-c-subtitulo">CONHEÇA NOSSA EQUIPE DE ESPECIALISTAS</h1><h4 class="sub-titulo-principal"><span id="qtde_colaboradores" class="qtde_colaboradores"><strong>39</strong></span><strong> COLABORADORES </strong>PARA MELHOR ATENDÊ-LO</h4><div id="Equipes-list" class="collection-list-wrapper-3 w-dyn-list"><div role="list" class="collection-list-3 w-dyn-items w-row"><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb3e3a479f7a8e810e5b1_Alberto.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb3e3a479f7a8e810e5b1_Alberto-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb3e3a479f7a8e810e5b1_Alberto.webp 540w" class="image-25"/></div><div class="text-block-47">Alberto</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb1384c2af25bd38cac21_Alex.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb1384c2af25bd38cac21_Alex-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb1384c2af25bd38cac21_Alex.webp 540w" class="image-25"/></div><div class="text-block-47">Alex</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb40a9741763847744c90_Andressa.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb40a9741763847744c90_Andressa-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb40a9741763847744c90_Andressa.webp 540w" class="image-25"/></div><div class="text-block-47">Andressa</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb43b690b467a0e767a96_Camila.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb43b690b467a0e767a96_Camila-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb43b690b467a0e767a96_Camila.webp 540w" class="image-25"/></div><div class="text-block-47">Camila</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb60f222e684787a2ad21_Diogo.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb60f222e684787a2ad21_Diogo-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb60f222e684787a2ad21_Diogo.webp 540w" class="image-25"/></div><div class="text-block-47">Diogo</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb5f36b672f730e0a95bd_D%C3%A9bora.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb5f36b672f730e0a95bd_D%C3%A9bora-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb5f36b672f730e0a95bd_D%C3%A9bora.webp 540w" class="image-25"/></div><div class="text-block-47">Débora</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb64afe05d65de8d6ce52_Fernando.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb64afe05d65de8d6ce52_Fernando-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb64afe05d65de8d6ce52_Fernando.webp 540w" class="image-25"/></div><div class="text-block-47">Fernando</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb679357d52635c13e16a_Heloisa.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb679357d52635c13e16a_Heloisa-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb679357d52635c13e16a_Heloisa.webp 540w" class="image-25"/></div><div class="text-block-47">Heloisa</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6994c40c7cb5cc156f8_Kayrine.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6994c40c7cb5cc156f8_Kayrine-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6994c40c7cb5cc156f8_Kayrine.webp 540w" class="image-25"/></div><div class="text-block-47">Kayrine</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6b22cd86fd18d14d966_Luara.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6b22cd86fd18d14d966_Luara-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6b22cd86fd18d14d966_Luara.webp 540w" class="image-25"/></div><div class="text-block-47">Luara</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68ad00bff39d0154b593fdc8_Luciano.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68ad00bff39d0154b593fdc8_Luciano-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68ad00bff39d0154b593fdc8_Luciano.webp 540w" class="image-25"/></div><div class="text-block-47">Luciano</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6cc222e684787a2e143_Michele.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6cc222e684787a2e143_Michele-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6cc222e684787a2e143_Michele.webp 540w" class="image-25"/></div><div class="text-block-47">Michele</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6ebc65811cc80ac3cbe_Nay.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6ebc65811cc80ac3cbe_Nay-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb6ebc65811cc80ac3cbe_Nay.webp 540w" class="image-25"/></div><div class="text-block-47">Nay</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb70012fddbc2990705f8_Pedro.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb70012fddbc2990705f8_Pedro-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb70012fddbc2990705f8_Pedro.webp 540w" class="image-25"/></div><div class="text-block-47">Pedro</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb71af50b5bce73153e95_Sales.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb71af50b5bce73153e95_Sales-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb71af50b5bce73153e95_Sales.webp 540w" class="image-25"/></div><div class="text-block-47">Sales</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb736fda047cd867dfa0d_Thiago.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb736fda047cd867dfa0d_Thiago-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb736fda047cd867dfa0d_Thiago.webp 540w" class="image-25"/></div><div class="text-block-47">Thiago</div></div><div role="listitem" class="equipe-item w-dyn-item w-col w-col-6"><div class="div-block-36"><img loading="lazy" alt="" src="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb62dfe3872ab02df0d6f_Erica.webp" sizes="(max-width: 767px) 96vw, (max-width: 991px) 353.15625px, 459.40625px" srcset="https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb62dfe3872ab02df0d6f_Erica-p-500.webp 500w, https://cdn.prod.website-files.com/5f4547a72eb9133a64c8b085/68acb62dfe3872ab02df0d6f_Erica.webp 540w" class="image-25"/></div><div class="text-block-47">Érica</div></div></div></div><a href="/equipe" class="equipe-botao w-button">CONHEÇA TODOS OS NOSSOS COLABORADORES</a></div></div><div class="calculo-auto footer"><div class="container_padrao footer w-container"><div class="row footer w-row"><div class="col rodape w-col w-col-5 w-col-medium-6 w-col-small-6"><p class="paragraph"><strong class="bold-text">IMEDIATO SOLUÇÕES CORRETORA DE SEGUROS LTDA.</strong> </p><p class="paragraph-sub">MAIS DE 35 ANOS DE EXPERIÊNCIA.<br/>ESPECIALISTA EM SEGUROS DE AUTO.</p><div class="div-block-43"><div class="div-block-44"><div class="text-block-48">Registro na SUSEP: <strong class="bold-text-3">222137462</strong> </div></div><div class="div-block-46"><a href="https://www2.susep.gov.br/safe/menumercado/certidoes/emite_certidoescorretores_2011.asp?id=9bd84712-1ee6-4171-af95-df8e09bcb1bc" target="_blank" class="link"> (Consulte Aqui)</a><link rel="prefetch" href="https://www2.susep.gov.br/safe/menumercado/certidoes/emite_certidoescorretores_2011.asp?id=9bd84712-1ee6-4171-af95-df8e09bcb1bc"/></div></div><div class="text-block-49">CPNJ: <strong class="bold-text-2">45.998.165/0001-32</strong></div><p class="paragraph-text">Rua Barão de Itapetininga, 125 - 6o andar<br/><span class="thin">CEP 01042-001 - Centro - São Paulo – SP</span></p></div><div class="col rodape w-col w-col-7 w-col-medium-6 w-col-small-6"><div class="div-block-39"><div class="dvblkfone"><div class="text-block-12 rod">São Paulo:</div><a href="tel:+551132301422" id="sp-fone-link-footer" class="fone-link sp">(11) 3230-1422</a></div><div class="dvblkfone"><div class="text-block-12 rod">Rio de Janeiro:</div><a href="tel:+552140421811" id="rj-fone-link" class="fone-link rj">(11) 4042-1811</a></div><div class="dvblkfone whatsapp"><div class="text-block-12 rod">Whatsapp:</div><a href="#" id="whatsappfone2" data-w-id="c7278769-5329-adee-697d-55273b1b8458" class="whatsapp-link wp">(11) 4171-8837</a></div><div class="dvblkfone"><div class="text-block-12 rod">Ouvidoria:</div><a href="tel:+5511976687668" id="ouvidoria-fone" data-w-id="e83b1be2-9432-3909-2c3d-3bde6d8ea933" class="ouvidoria-link rj">(11) 97668-7668</a></div><div class="dvblkfone"><a href="mailto:CONTATO@IMEDIATOSEGUROS.COM.BR" data-w-id="b4118b3e-1879-6b61-ecff-5829284e1a45" class="link-header mail">contato@imediatoseguros.com.br</a></div></div></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=59eb807f9d16950001e202af" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/59eb807f9d16950001e202af/js/segurosimediato.d362edd2.e3266908c7aa6fa9.js" type="text/javascript"></script><!-- ====================== -->
+<!-- Google Tag Manager (noscript) - manter -->
+<noscript>
+  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PD6J398"
+          height="0" width="0"
+          style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- ====================== -->
+
+<!-- ====================== -->
+<!-- Submissão especial: abre WhatsApp e depois envia o form -->
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    var form = document.getElementById('form-wp');
+    if (!form) return;
+    form.addEventListener('submit', function (e) {
+      e.preventDefault();
+      var whatsappUrl = "https://api.whatsapp.com/send?phone=551141718837&text=Ola.%20Quero%20fazer%20uma%20cotacao%20de%20seguro.";
+      window.open(whatsappUrl, '_blank');
+      form.submit();
+    });
+  });
+</script>
+<!-- ====================== -->
+
+<!-- ====================== -->
+<!-- Bibliotecas base -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js" crossorigin="anonymous"></script>
+
+<!-- SweetAlert2 v11.22.4 -->
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.22.4/dist/sweetalert2.all.min.js" defer></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.22.4/dist/sweetalert2.min.css"/>
+<!-- ====================== -->
+
+<!-- ====================== -->
+<!-- WhatsApp links com GCLID -->
+<script>
+  function readCookie(name) {
+    var n = name + "=", cookie = document.cookie.split(';');
+    for (var i = 0; i < cookie.length; i++) {
+      var c = cookie[i].trim();
+      if (c.indexOf(n) === 0) return c.substring(n.length);
+    }
+    return null;
+  }
+  var gclid = readCookie('gclid');
+
+  $(function () {
+    ['whatsapplink', 'whatsapplinksucesso', 'whatsappfone1', 'whatsappfone2'].forEach(function (id) {
+      var $el = $('#' + id);
+      if ($el.length) {
+        $el.on('click', function () {
+          window.open("https://api.whatsapp.com/send?phone=551132301422&text=Ola.%20Quero%20fazer%20uma%20cotacao%20de%20seguro.%20Codigo%20de%20Desconto=%20" + gclid);
+        });
+      }
+    });
+  });
+</script>
+<!-- ====================== -->
+
+<!-- ====================== -->
+<!-- 🎨 Tema SweetAlert2 (Imediato) + centralização + ícone warning azul -->
+<style id="swal2-brand-theme">
+  :root {
+    --brand-primary: #004A8D; /* azul escuro */
+    --brand-accent:  #009FE3; /* azul claro  */
+    --brand-text:    #004A8D;
+  }
+
+  /* Overlay com leve tint azul e sempre centralizado */
+  .swal2-container {
+    background-color: rgba(0, 74, 141, 0.35) !important;
+    z-index: 99999 !important;
+  }
+  .swal2-popup {
+    border-radius: 14px !important;
+    box-shadow: 0 16px 50px rgba(0, 74, 141, 0.25) !important;
+    padding-top: 22px !important;
+  }
+  .swal2-title {
+    color: var(--brand-text) !important;
+    font-weight: 700 !important;
+  }
+  .swal2-html-container {
+    color: #2b3a4a !important;
+    line-height: 1.45 !important;
+    text-align: center !important;
+    white-space: pre-wrap; /* permite \n */
+  }
+
+  /* ========= ÍCONES ========= */
+  /* WARNING → círculo azul escuro, borda igual, ponto de exclamação branco */
+  .swal2-icon.swal2-warning {
+    border-color: var(--brand-primary) !important;
+    background-color: var(--brand-primary) !important;
+    color: #fff !important; /* fallback */
+  }
+  .swal2-icon.swal2-warning .swal2-icon-content {
+    color: #fff !important;  /* ponto de exclamação */
+    font-weight: 800 !important;
+  }
+
+  /* INFO / SUCCESS (mantêm paleta da marca) */
+  .swal2-icon.swal2-info {
+    border-color: var(--brand-accent) !important;
+    color: var(--brand-accent) !important;
+  }
+  .swal2-icon.swal2-success {
+    border-color: rgba(0,159,227,.35) !important;
+    color: var(--brand-accent) !important;
+  }
+
+  /* ========= BOTÕES ========= */
+  .swal2-actions { gap: 10px !important; }
+  .swal2-styled.swal2-cancel {
+    color: var(--brand-primary) !important;
+    background: #fff !important;
+    border: 2px solid var(--brand-primary) !important;
+    border-radius: 10px !important;
+    font-weight: 600 !important;
+    min-width: 170px !important;
+    padding: 10px 16px !important;
+  }
+  .swal2-styled.swal2-confirm {
+    color: #fff !important;
+    background: linear-gradient(180deg, var(--brand-accent) 0%, var(--brand-primary) 100%) !important;
+    border: 0 !important;
+    border-radius: 10px !important;
+    font-weight: 600 !important;
+    min-width: 170px !important;
+    padding: 10px 16px !important;
+  }
+</style>
+<!-- ====================== -->
+
+<!-- ====================== -->
+<!-- Validações unificadas: CPF, CEP, PLACA, CELULAR, E-MAIL -->
+<script>
+/* ========= CONFIG ========= */
+const USE_PHONE_API = true;  // usa Apilayer além da regra local
+const APILAYER_KEY  = 'dce92fa84152098a3b5b7b8db24debbc';
+const SAFETY_BASE   = 'https://optin.safetymails.com/main/safetyoptin/20a7a1c297e39180bd80428ac13c363e882a531f/9bab7f0c2711c5accfb83588c859dc1103844a94/';
+
+// Flag para controlar validação PH3A
+const VALIDAR_PH3A = false; // true = consulta API PH3A, false = apenas validação local
+
+/* ========= LOADING ========= */
+(function initLoading() {
+  if (document.getElementById('si-loading-overlay')) return;
+  const style = document.createElement('style');
+  style.textContent = `
+  #si-loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;z-index:99998;align-items:center;justify-content:center}
+  #si-loading-box{background:#fff;border-radius:12px;padding:18px 22px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;gap:12px;align-items:center;font-family:system-ui}
+  .si-spinner{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:si-spin .8s linear infinite}
+  @keyframes si-spin{to{transform:rotate(360deg)}}
+  `;
+  document.head.appendChild(style);
+
+  const overlay = document.createElement('div');
+  overlay.id = 'si-loading-overlay';
+  overlay.innerHTML = `<div id="si-loading-box"><div class="si-spinner"></div><div id="si-loading-text">Validando dados…</div></div>`;
+  document.body.appendChild(overlay);
+})();
+let __siLoadingCount = 0;
+function showLoading(txt){const o=document.getElementById('si-loading-overlay');const t=document.getElementById('si-loading-text');if(!o||!t)return;if(txt)t.textContent=txt;__siLoadingCount++;o.style.display='flex';}
+function hideLoading(){const o=document.getElementById('si-loading-overlay');if(!o)return;__siLoadingCount=Math.max(0,__siLoadingCount-1);if(__siLoadingCount===0)o.style.display='none';}
+
+/* ========= HELPERS ========= */
+function onlyDigits(s){return (s||'').replace(/\D+/g,'');}
+function toUpperNospace(s){return (s||'').toUpperCase().trim();}
+function nativeSubmit($form){var f=$form.get(0);if(!f)return;(typeof f.requestSubmit==='function')?f.requestSubmit():f.submit();}
+function setFieldValue(id,val){var $f=$('#'+id+', [name="'+id+'"]');if($f.length){$f.val(val).trigger('input').trigger('change');}}
+
+/* ========= CPF + API PH3A ========= */
+function validarCPFFormato(cpf) {
+  const cpfLimpo = onlyDigits(cpf);
+  return cpfLimpo.length === 11 && !/^(\d)\1{10}$/.test(cpfLimpo);
+}
+
+function validarCPFAlgoritmo(cpf) {
+  cpf = onlyDigits(cpf);
+  if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;
+  
+  let soma = 0, resto = 0;
+  for (let i = 1; i <= 9; i++) {
+    soma += parseInt(cpf[i-1], 10) * (11 - i);
+  }
+  resto = (soma * 10) % 11;
+  if (resto === 10 || resto === 11) resto = 0;
+  if (resto !== parseInt(cpf[9], 10)) return false;
+  
+  soma = 0;
+  for (let i = 1; i <= 10; i++) {
+    soma += parseInt(cpf[i-1], 10) * (12 - i);
+  }
+  resto = (soma * 10) % 11;
+  if (resto === 10 || resto === 11) resto = 0;
+  return resto === parseInt(cpf[10], 10);
+}
+
+function extractDataFromPH3A(apiJson) {
+  const data = apiJson && apiJson.data;
+  if (!data || typeof data !== 'object') {
+    return {
+      sexo: '',
+      dataNascimento: '',
+      estadoCivil: ''
+    };
+  }
+  
+  // Mapear sexo
+  let sexo = '';
+  if (data.sexo !== undefined) {
+    switch (data.sexo) {
+      case 1: sexo = 'Masculino'; break;
+      case 2: sexo = 'Feminino'; break;
+      default: sexo = ''; break;
+    }
+  }
+  
+  // Mapear estado civil
+  let estadoCivil = '';
+  if (data.estado_civil !== undefined) {
+    switch (data.estado_civil) {
+      case 0: estadoCivil = 'Solteiro'; break;
+      case 1: estadoCivil = 'Casado'; break;
+      case 2: estadoCivil = 'Divorciado'; break;
+      case 3: estadoCivil = 'Viúvo'; break;
+      default: estadoCivil = ''; break;
+    }
+  }
+  
+  // Formatar data de nascimento (de ISO para DD/MM/YYYY)
+  let dataNascimento = '';
+  if (data.data_nascimento) {
+    try {
+      const date = new Date(data.data_nascimento);
+      if (!isNaN(date.getTime())) {
+        const day = String(date.getDate()).padStart(2, '0');
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const year = date.getFullYear();
+        dataNascimento = `${day}/${month}/${year}`;
+      }
+    } catch (e) {
+      dataNascimento = data.data_nascimento;
+    }
+  }
+  
+  return {
+    sexo: sexo,
+    dataNascimento: dataNascimento,
+    estadoCivil: estadoCivil
+  };
+}
+
+function validarCPFApi(cpf) {
+  const cpfLimpo = onlyDigits(cpf);
+  
+  // Primeiro validar formato e algoritmo
+  if (!validarCPFFormato(cpfLimpo) || !validarCPFAlgoritmo(cpfLimpo)) {
+    return Promise.resolve({
+      ok: false, 
+      reason: 'formato'
+    });
+  }
+  
+  // Consultar API PH3A via proxy
+  return fetch('https://mdmidia.com.br/cpf-validate.php', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      cpf: cpfLimpo
+    })
+  })
+  .then(r => r.json())
+  .then(j => {
+    const ok = !!j && (j.codigo === 1 || j.success === true);
+    return {
+      ok, 
+      reason: ok ? 'ok' : 'nao_encontrado', 
+      parsed: ok ? extractDataFromPH3A(j) : {
+        sexo: '',
+        dataNascimento: '',
+        estadoCivil: ''
+      }
+    };
+  })
+  .catch(_ => ({
+    ok: false, 
+    reason: 'erro_api'
+  }));
+}
+
+// Função de compatibilidade para código existente
+function validarCPF(cpf){
+  return validarCPFAlgoritmo(cpf);
+}
+
+/* ========= CEP (ViaCEP) ========= */
+function preencherEnderecoViaCEP(data){ setFieldValue('CIDADE', data.localidade||''); setFieldValue('ESTADO', data.uf||''); }
+function validarCepViaCep(cep){
+  cep=onlyDigits(cep);
+  if(cep.length!==8) return Promise.resolve({ok:false, reason:'formato'});
+  return fetch('https://viacep.com.br/ws/'+cep+'/json/')
+    .then(r=>r.json())
+    .then(d=>({ok:!d?.erro, reason:d?.erro?'nao_encontrado':'ok', viacep:d}))
+    .catch(_=>({ok:false, reason:'erro_api'}));
+}
+
+/* ========= PLACA ========= */
+
+// Função para converter para maiúsculas e remover espaços
+function toUpperNospace(str) {
+  return str.toUpperCase().replace(/\s/g, '');
+}
+
+// Função para extrair apenas dígitos
+function onlyDigits(str) {
+  return str.replace(/[^0-9]/g, '');
+}
+
+function validarPlacaFormato(p){
+  const placaLimpa = p.toUpperCase().replace(/[^A-Z0-9]/g,'');
+  const antigo=/^[A-Z]{3}[0-9]{4}$/;
+  const mercosul=/^[A-Z]{3}[0-9][A-Z][0-9]{2}$/;
+  return antigo.test(placaLimpa)||mercosul.test(placaLimpa);
+}
+function extractVehicleFromPlacaFipe(apiJson){
+  const r = apiJson && (apiJson.informacoes_veiculo || apiJson);
+  if(!r || typeof r !== 'object') return {marcaTxt:'', anoModelo:'', tipoVeiculo:''};
+  
+  // Extrair dados da API Placa Fipe
+  const fabricante = r.marca || '';
+  const modelo = r.modelo || '';
+  const anoMod = r.ano || r.ano_modelo || '';
+  
+  // Determinar tipo de veículo baseado no segmento
+  let tipoVeiculo = '';
+  if(r.segmento) {
+    const segmento = r.segmento.toLowerCase();
+    if(segmento.includes('moto')) {
+      tipoVeiculo = 'moto';
+    } else if(segmento.includes('auto')) {
+      tipoVeiculo = 'carro';
+    } else {
+      // Fallback baseado em marcas conhecidas
+      const modeloLower = modelo.toLowerCase();
+      const marcaLower = fabricante.toLowerCase();
+      
+      if(marcaLower.includes('honda') || marcaLower.includes('yamaha') || 
+         marcaLower.includes('suzuki') || marcaLower.includes('kawasaki') ||
+         modeloLower.includes('cg') || modeloLower.includes('cb') || 
+         modeloLower.includes('fazer') || modeloLower.includes('ninja')) {
+        tipoVeiculo = 'moto';
+      } else {
+        tipoVeiculo = 'carro';
+      }
+    }
+  } else {
+    // Fallback baseado em marcas conhecidas
+    const modeloLower = modelo.toLowerCase();
+    const marcaLower = fabricante.toLowerCase();
+    
+    if(marcaLower.includes('honda') || marcaLower.includes('yamaha') || 
+       marcaLower.includes('suzuki') || marcaLower.includes('kawasaki') ||
+       modeloLower.includes('cg') || modeloLower.includes('cb') || 
+       modeloLower.includes('fazer') || modeloLower.includes('ninja')) {
+      tipoVeiculo = 'moto';
+    } else {
+      tipoVeiculo = 'carro';
+    }
+  }
+  
+  return { 
+    marcaTxt: [fabricante, modelo].filter(Boolean).join(' / '), 
+    anoModelo: onlyDigits(String(anoMod)).slice(0,4),
+    tipoVeiculo: tipoVeiculo
+  };
+}
+
+function validarPlacaApi(placa){
+  const raw = placa.toUpperCase().replace(/[^A-Z0-9]/g,'');
+  if(!validarPlacaFormato(raw)) return Promise.resolve({ok:false, reason:'formato'});
+  
+  // ✅ URL CORRETA: direto no mdmidia.com.br
+  return fetch('https://mdmidia.com.br/placa-validate.php', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      placa: raw
+    })
+  })
+    .then(r => r.json())
+    .then(j => {
+      const ok = !!j && (j.codigo === 1 || j.success === true);
+      return {
+        ok, 
+        reason: ok ? 'ok' : 'nao_encontrada', 
+        parsed: ok ? extractVehicleFromPlacaFipe(j) : {marcaTxt:'', anoModelo:'', tipoVeiculo:''}
+      };
+    })
+    .catch(_ => ({ok:false, reason:'erro_api'}));
+}
+
+
+// Função de compatibilidade para código existente
+function validarPlaca(placa) {
+  return validarPlacaApi(placa);
+}
+
+/* ========= CELULAR ========= */
+/* Máscara jQuery Mask (sem limpar incompletos). Valida apenas no blur do CELULAR. */
+function validarCelularLocal(ddd,numero){
+  const d=onlyDigits(ddd), n=onlyDigits(numero);
+  if(d.length!==2) return {ok:false, reason:'ddd'};
+  if(n.length!==9) return {ok:false, reason:'len'};
+  if(n[0]!=='9')   return {ok:false, reason:'pattern'};
+  return {ok:true, national:d+n};
+}
+function validarCelularApi(nat){
+  return fetch('https://apilayer.net/api/validate?access_key='+APILAYER_KEY+'&country_code=BR&number='+nat)
+    .then(r=>r.json())
+    .then(j=>({ok:!!j?.valid}))
+    .catch(_=>({ok:true})); // falha externa não bloqueia
+}
+function validarTelefoneAsync($DDD,$CEL){
+  const local=validarCelularLocal($DDD.val(),$CEL.val());
+  if(!local.ok) return Promise.resolve({ok:false, reason:local.reason});
+  if(!USE_PHONE_API) return Promise.resolve({ok:true});
+  return validarCelularApi(local.national).then(api=>({ok:api.ok}));
+}
+
+/* ========= E-MAIL ========= */
+/* Bloqueio: apenas regex. SafetyMails: aviso não bloqueante. */
+function validarEmailLocal(v){ return /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/i.test((v||'').trim()); }
+
+/* ========= MÁSCARAS ========= */
+function aplicarMascaraPlaca($i){
+  const t={'S':{pattern:/[A-Za-z]/},'0':{pattern:/\d/},'A':{pattern:/[A-Za-z0-9]/}};
+  $i.on('input',function(){this.value=this.value.toUpperCase();});
+  $i.mask('SSS-0A00',{translation:t, clearIfNotMatch:false});
+}
+
+/* ========= BOOT ========= */
+$(function () {
+  // Campos
+  const $CPF   = $('#CPF, [name="CPF"]');
+  const $CEP   = $('#CEP, [name="CEP"]');
+  const $PLACA = $('#PLACA, [name="PLACA"]');
+  const $MARCA = $('#MARCA, [name="MARCA"]');
+  const $ANO   = $('#ANO, [name="ANO"]');
+  const $DDD   = $('#DDD-CELULAR, [name="DDD-CELULAR"]');
+  const $CEL   = $('#CELULAR, [name="CELULAR"]');
+  const $EMAIL = $('#email, [name="email"], #EMAIL, [name="EMAIL"]');
+
+  // Máscaras
+  if ($CPF.length)   $CPF.mask('000.000.000-00');
+  if ($CEP.length)   $CEP.mask('00000-000');
+  if ($PLACA.length) aplicarMascaraPlaca($PLACA);
+  if ($DDD.length)   $DDD.off('.siPhone').mask('00', { clearIfNotMatch:false });
+  if ($CEL.length)   $CEL.off('.siPhone').mask('00000-0000', { clearIfNotMatch:false });
+
+  // ============ Helpers de Alert (SweetAlert2) ============
+  function saWarnConfirmCancel(opts) {
+    return Swal.fire(Object.assign({
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Corrigir',
+      cancelButtonText: 'Não',
+      reverseButtons: true,
+      allowOutsideClick: false,
+      allowEscapeKey: true
+    }, opts));
+  }
+  function saInfoConfirmCancel(opts) {
+    return Swal.fire(Object.assign({
+      icon: 'info',
+      showCancelButton: true,
+      confirmButtonText: 'Prosseguir assim mesmo',
+      cancelButtonText: 'Corrigir',
+      reverseButtons: true,
+      allowOutsideClick: false,
+      allowEscapeKey: true
+    }, opts));
+  }
+
+  // CPF → change (com/sem API PH3A)
+  $CPF.on('change', function(){
+    const cpfValue = $(this).val();
+    
+    // Validação local primeiro
+    if (!validarCPFAlgoritmo(cpfValue)) {
+      saWarnConfirmCancel({
+        title: 'CPF inválido',
+        html: 'Deseja corrigir?'
+      }).then(r => { 
+        if (r.isConfirmed) $CPF.focus(); 
+      });
+      return;
+    }
+    
+    // Se flag VALIDAR_PH3A estiver desabilitada, apenas validar formato
+    if (!VALIDAR_PH3A) {
+      // CPF válido, mas sem consulta à API - limpar campos para preenchimento manual
+      setFieldValue('SEXO', '');
+      setFieldValue('DATA-DE-NASCIMENTO', '');
+      setFieldValue('ESTADO-CIVIL', '');
+      return;
+    }
+    
+    // Se CPF válido e flag ativa, consultar API PH3A
+    showLoading('Consultando dados do CPF…');
+    validarCPFApi(cpfValue).then(res => {
+      hideLoading();
+      
+      if (res.ok && res.parsed) {
+        // Preencher campos automaticamente
+        if (res.parsed.sexo) setFieldValue('SEXO', res.parsed.sexo);
+        if (res.parsed.dataNascimento) setFieldValue('DATA-DE-NASCIMENTO', res.parsed.dataNascimento);
+        if (res.parsed.estadoCivil) setFieldValue('ESTADO-CIVIL', res.parsed.estadoCivil);
+      } else if (res.reason === 'nao_encontrado') {
+        // CPF válido mas não encontrado na base
+        saInfoConfirmCancel({
+          title: 'CPF não encontrado',
+          html: 'O CPF é válido, mas não foi encontrado na nossa base de dados.<br><br>Deseja preencher os dados manualmente?'
+        }).then(r => {
+          if (r.isConfirmed) {
+            // Limpar campos e permitir preenchimento manual
+            setFieldValue('SEXO', '');
+            setFieldValue('DATA-DE-NASCIMENTO', '');
+            setFieldValue('ESTADO-CIVIL', '');
+          }
+        });
+      }
+    }).catch(_ => {
+      hideLoading();
+      // Em caso de erro na API, não bloquear o usuário
+      console.log('Erro na consulta da API PH3A');
+    });
+  });
+
+  // CEP → change (ViaCEP)
+  $CEP.on('change', function(){
+    const val = $(this).val();
+    showLoading('Validando CEP…');
+    validarCepViaCep(val).then(res=>{
+      hideLoading();
+      if (!res.ok){
+        saWarnConfirmCancel({
+          title: 'CEP inválido',
+          html: 'Deseja corrigir?'
+        }).then(r=>{ if (r.isConfirmed) $CEP.focus(); });
+      } else if (res.viacep){
+        preencherEnderecoViaCEP(res.viacep);
+      }
+    }).catch(_=>hideLoading());
+  });
+
+  // PLACA → change (preenche MARCA/ANO/TIPO se ok)
+  $PLACA.on('change', function(){
+    showLoading('Validando placa…');
+    validarPlacaApi($(this).val()).then(res=>{
+      hideLoading();
+      if (!res.ok){
+        saWarnConfirmCancel({
+          title: 'Placa inválida',
+          html: 'Deseja corrigir?'
+        }).then(r=>{ if (r.isConfirmed) $PLACA.focus(); });
+        setFieldValue('MARCA',''); setFieldValue('ANO',''); setFieldValue('TIPO-DE-VEICULO','');
+      } else {
+        if (res.parsed?.marcaTxt) setFieldValue('MARCA', res.parsed.marcaTxt);
+        if (res.parsed?.anoModelo) setFieldValue('ANO',   res.parsed.anoModelo);
+        if (res.parsed?.tipoVeiculo) setFieldValue('TIPO-DE-VEICULO', res.parsed.tipoVeiculo);
+      }
+    }).catch(_=>hideLoading());
+  });
+
+  // CELULAR → valida SÓ no BLUR do CELULAR
+  $DDD.off('change'); $CEL.off('change'); // remove handlers antigos
+  $CEL.on('blur.siPhone', function(){
+    const dddDigits = onlyDigits($DDD.val()).length;
+    const celDigits = onlyDigits($CEL.val()).length;
+
+    // Se DDD=2 e celular 1–8 dígitos → alerta imediato (incompleto)
+    if (dddDigits === 2 && celDigits > 0 && celDigits < 9){
+      saWarnConfirmCancel({
+        title: 'Celular incompleto',
+        html: 'O celular precisa ter 9 dígitos.<br><br>Deseja corrigir?'
+      }).then(r=>{ if (r.isConfirmed) $CEL.focus(); });
+      return;
+    }
+
+    // Se DDD=2 e celular=9 → valida via API
+    if (dddDigits === 2 && celDigits === 9){
+      showLoading('Validando celular…');
+      validarTelefoneAsync($DDD,$CEL).then(res=>{
+        hideLoading();
+        if (!res.ok){
+          const numero = `${($DDD.val()||'').trim()}-${($CEL.val()||'').trim()}`;
+          saWarnConfirmCancel({
+            title: 'Celular inválido',
+            html: `Parece que o celular informado<br><br><b>${numero}</b><br><br>não é válido.<br><br>Deseja corrigir?`
+          }).then(r=>{ if (r.isConfirmed) $CEL.focus(); });
+        }
+      }).catch(_=>hideLoading());
+    }
+    // Se DDD incompleto ou celular vazio → não valida agora (submit cuida)
+  });
+
+  // E-MAIL → change (regex bloqueia; SafetyMails só avisa)
+  $EMAIL.on('change.siMail', function(){
+    const v = ($(this).val()||'').trim();
+    if (!v) return;
+    if (!validarEmailLocal(v)){
+      saWarnConfirmCancel({
+        title: 'E-mail inválido',
+        html: `O e-mail informado:<br><br><b>${v}</b><br><br>não parece válido.<br><br>Deseja corrigir?`,
+        cancelButtonText: 'Não Corrigir',
+        confirmButtonText: 'Corrigir'
+      }).then(r=>{ if (r.isConfirmed) $EMAIL.focus(); });
+      return;
+    }
+    // Aviso opcional via SafetyMails (não bloqueia)
+    fetch(SAFETY_BASE + btoa(v))
+      .then(r=>r.json())
+      .then(resp=>{
+        if (resp && resp.StatusEmail && resp.StatusEmail !== 'VALIDO'){
+          saWarnConfirmCancel({
+            title: 'Atenção',
+            html: `O e-mail informado:<br><br><b>${v}</b><br><br>pode não ser válido segundo verificador externo.<br><br>Deseja corrigir?`,
+            cancelButtonText: 'Manter',
+            confirmButtonText: 'Corrigir'
+          }).then(r=>{ if (r.isConfirmed) $EMAIL.focus(); });
+        }
+      })
+      .catch(()=>{ /* silêncio em erro externo */ });
+  });
+
+  // SUBMIT — revalida tudo e oferece Corrigir / Prosseguir
+  $('form').each(function(){
+    const $form=$(this);
+    $form.on('submit', function(ev){
+      if ($form.data('validated-ok') === true) { $form.removeData('validated-ok'); return true; }
+      if ($form.data('skip-validate') === true){ $form.removeData('skip-validate');  return true; }
+
+      ev.preventDefault();
+      showLoading('Validando seus dados…');
+
+      Promise.all([
+        $CPF.length ? (VALIDAR_PH3A ? validarCPFApi($CPF.val()) : Promise.resolve({ok: validarCPFAlgoritmo($CPF.val())})) : Promise.resolve({ok: true}),
+        $CEP.length   ? validarCepViaCep($CEP.val())  : Promise.resolve({ok:true}),
+        $PLACA.length ? validarPlacaApi($PLACA.val()) : Promise.resolve({ok:true}),
+        // TELEFONE no submit — considera incompleto como inválido
+        ($DDD.length && $CEL.length)
+          ? (function(){
+              const d = onlyDigits($DDD.val()).length;
+              const n = onlyDigits($CEL.val()).length;
+              if (d === 2 && n === 9) return validarTelefoneAsync($DDD,$CEL);    // completo → valida API
+              if (d === 2 && n > 0 && n < 9) return Promise.resolve({ok:false});  // incompleto → inválido
+              return Promise.resolve({ok:false}); // ddd incompleto ou vazio → inválido
+            })()
+          : Promise.resolve({ok:true}),
+        // E-mail: regex (bloqueante)
+        $EMAIL.length ? Promise.resolve({ok: validarEmailLocal(($EMAIL.val()||'').trim())}) : Promise.resolve({ok:true})
+      ])
+      .then(([cpfRes, cepRes, placaRes, telRes, mailRes])=>{
+        hideLoading();
+
+        // autopreenche MARCA/ANO/TIPO de novo se validou placa
+        if (placaRes.ok && placaRes.parsed){
+          if (placaRes.parsed.marcaTxt) setFieldValue('MARCA', placaRes.parsed.marcaTxt);
+          if (placaRes.parsed.anoModelo) setFieldValue('ANO',   placaRes.parsed.anoModelo);
+          if (placaRes.parsed.tipoVeiculo) setFieldValue('TIPO-DE-VEICULO', placaRes.parsed.tipoVeiculo);
+        }
+
+        // autopreenche SEXO/DATA/ESTADO-CIVIL se validou CPF com API
+        if (cpfRes.ok && cpfRes.parsed && VALIDAR_PH3A) {
+          if (cpfRes.parsed.sexo) setFieldValue('SEXO', cpfRes.parsed.sexo);
+          if (cpfRes.parsed.dataNascimento) setFieldValue('DATA-DE-NASCIMENTO', cpfRes.parsed.dataNascimento);
+          if (cpfRes.parsed.estadoCivil) setFieldValue('ESTADO-CIVIL', cpfRes.parsed.estadoCivil);
+        }
+
+        const invalido = (!cpfRes.ok) || (!cepRes.ok) || (!placaRes.ok) || (!telRes.ok) || (!mailRes.ok);
+
+        if (!invalido){
+          $form.data('validated-ok', true);
+          nativeSubmit($form);
+        } else {
+          let linhas = "";
+          if (!cpfRes.ok)       linhas += "• CPF inválido\n";
+          if (!cepRes.ok)   linhas += "• CEP inválido\n";
+          if (!placaRes.ok) linhas += "• Placa inválida\n";
+          if (!telRes.ok)   linhas += "• Celular inválido\n";
+          if (!mailRes.ok)  linhas += "• E-mail inválido\n";
+
+          Swal.fire({
+            icon: 'info',
+            title: 'Atenção!',
+            html:
+              "⚠️ Os campos CPF, CEP, PLACA, CELULAR e E-MAIL corretamente preenchidos são necessários para efetuar o cálculo do seguro.\n\n" +
+              "Campos com problema:\n\n" + linhas + "\n" +
+              "Caso decida prosseguir assim mesmo, um especialista entrará em contato para coletar esses dados.",
+            showCancelButton: true,
+            confirmButtonText: 'Prosseguir assim mesmo',
+            cancelButtonText: 'Corrigir',
+            reverseButtons: true,
+            allowOutsideClick: false,
+            allowEscapeKey: true
+          }).then(r=>{
+            if (r.isConfirmed){
+              $form.data('skip-validate', true);
+              nativeSubmit($form);
+            } else {
+              if (!cpfRes.ok && $CPF.length)        { $CPF.focus(); return; }
+              if (!cepRes.ok && $CEP.length)    { $CEP.focus(); return; }
+              if (!placaRes.ok && $PLACA.length){ $PLACA.focus(); return; }
+              if (!telRes.ok && ($DDD.length && $CEL.length)) { $CEL.focus(); return; }
+              if (!mailRes.ok && $EMAIL.length) { $EMAIL.focus(); return; }
+            }
+          });
+        }
+      })
+      .catch(_=>{
+        hideLoading();
+        Swal.fire({
+          icon: 'info',
+          title: 'Não foi possível validar agora',
+          html:  'Deseja prosseguir assim mesmo?',
+          showCancelButton: true,
+          confirmButtonText: 'Prosseguir assim mesmo',
+          cancelButtonText: 'Corrigir',
+          reverseButtons: true,
+          allowOutsideClick: false,
+          allowEscapeKey: true
+        }).then(r=>{
+          if (r.isConfirmed) { $form.data('skip-validate', true); nativeSubmit($form); }
+        });
+      });
+    });
+  });
+});
+</script>
+<!-- ====================== -->
+
+<script>
+window.Webflow ||= [];
+window.Webflow.push(() => {
+  const LIST = document.querySelector('#Equipes-list');        // ID da Collection List (Equipes)
+  const OUT  = document.getElementById('qtde_colaboradores');  // seu elemento de texto
+
+  const isVisible = (el) => {
+    const st = getComputedStyle(el);
+    return el.offsetParent !== null && st.display !== 'none' && st.visibility !== 'hidden' && st.opacity !== '0';
+  };
+
+  const recalc = () => {
+    const n = LIST ? [...LIST.querySelectorAll('.w-dyn-item')].filter(isVisible).length : 0;
+    if (OUT) OUT.textContent = String(n);
+  };
+
+  recalc(); // na carga
+
+  // Atualiza em mudanças (filtros/paginação/dinâmicas)
+  if (LIST) new MutationObserver(recalc).observe(LIST, {
+    childList: true, subtree: true, attributes: true, attributeFilter: ['style','class']
+  });
+  document.addEventListener('fs-cmsfilter-update', recalc);       // Finsweet
+  document.addEventListener('jetboost:filter:applied', recalc);    // Jetboost
+  document.addEventListener('jetboost:pagination:loaded', recalc); // Jetboost
+});
+</script></body></html>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 8036d9ce..b173419c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,23 +53,28 @@
         "clsx": "^2.1.1",
         "copy-to-clipboard": "^3.3.3",
         "cors": "^2.8.5",
+        "cross-env": "^10.1.0",
         "dotenv": "^17.2.1",
         "framer-motion": "^12.23.12",
         "groq-sdk": "^0.29.0",
         "jotai": "^2.14.0",
+        "jquery": "^3.7.1",
+        "jquery-mask-plugin": "^1.14.16",
         "lodash-es": "^4.17.21",
         "lucide-react": "^0.532.0",
         "motion": "^12.23.12",
         "nanoid": "^5.1.5",
-        "next": "15.4.3",
+        "next": "^15.5.4",
         "next-themes": "^0.4.6",
         "pixi.js": "^8.13.1",
+        "prismjs": "^1.30.0",
         "react": "19.1.0",
         "react-dom": "19.1.0",
         "react-hook-form": "^7.62.0",
         "react-icons": "^5.5.0",
-        "react-syntax-highlighter": "^15.6.1",
+        "react-syntax-highlighter": "^15.6.6",
         "sonner": "^2.0.7",
+        "sweetalert2": "^11.25.0",
         "tailwind-gradient-mask-image": "^1.2.0",
         "tailwind-merge": "^3.3.1",
         "tailwindcss-animate": "^1.0.7",
@@ -78,6 +83,8 @@
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
+        "@types/jquery": "^3.5.33",
+        "@types/jquery-mask-plugin": "^1.14.6",
         "@types/lodash-es": "^4.17.12",
         "@types/node": "^20",
         "@types/react": "^19",
@@ -275,9 +282,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.2.tgz",
-      "integrity": "sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -366,6 +373,12 @@
         "node": ">=18"
       }
     },
+    "node_modules/@epic-web/invariant": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@epic-web/invariant/-/invariant-1.0.0.tgz",
+      "integrity": "sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==",
+      "license": "MIT"
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.7.0",
       "dev": true,
@@ -683,7 +696,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.4.3",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.4.tgz",
+      "integrity": "sha512-27SQhYp5QryzIT5uO8hq99C69eLQ7qkzkDPsk3N+GuS2XgOgoYEeOav7Pf8Tn4drECOVDsDg8oj+/DVy8qQL2A==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -695,7 +710,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.4.3",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.4.tgz",
+      "integrity": "sha512-nopqz+Ov6uvorej8ndRX6HlxCYWCO3AHLfKK2TYvxoSB2scETOcfm/HSS3piPqc3A+MUgyHoqE6je4wnkjfrOA==",
       "cpu": [
         "arm64"
       ],
@@ -709,12 +726,13 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.3.tgz",
-      "integrity": "sha512-ZPHRdd51xaxCMpT4viQ6h8TgYM1zPW1JIeksPY9wKlyvBVUQqrWqw8kEh1sa7/x0Ied+U7pYHkAkutrUwxbMcg==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.4.tgz",
+      "integrity": "sha512-QOTCFq8b09ghfjRJKfb68kU9k2K+2wsC4A67psOiMn849K9ZXgCSRQr0oVHfmKnoqCbEmQWG1f2h1T2vtJJ9mA==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -724,12 +742,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.3.tgz",
-      "integrity": "sha512-QUdqftCXC5vw5cowucqi9FeOPQ0vdMxoOHLY0J5jPdercwSJFjdi9CkEO4Xkq1eG4t1TB/BG81n6rmTsWoILnw==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.4.tgz",
+      "integrity": "sha512-eRD5zkts6jS3VfE/J0Kt1VxdFqTnMc3QgO5lFE5GKN3KDI/uUpSyK3CjQHmfEkYR4wCOl0R0XrsjpxfWEA++XA==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -739,12 +758,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.3.tgz",
-      "integrity": "sha512-HTL31NsmoafX+r5g91Yj3+q34nrn1xKmCWVuNA+fUWO4X0pr+n83uGzLyEOn0kUqbMZ40KmWx+4wsbMoUChkiQ==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.4.tgz",
+      "integrity": "sha512-TOK7iTxmXFc45UrtKqWdZ1shfxuL4tnVAOuuJK4S88rX3oyVV4ZkLjtMT85wQkfBrOOvU55aLty+MV8xmcJR8A==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -754,12 +774,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.3.tgz",
-      "integrity": "sha512-HRQLWoeFkKXd2YCEEy9GhfwOijRm37x4w5r0MMVHxBKSA6ms3JoPUXvGhfHT6srnGRcEUWNrQ2vzkHir5ZWTSw==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.4.tgz",
+      "integrity": "sha512-7HKolaj+481FSW/5lL0BcTkA4Ueam9SPYWyN/ib/WGAFZf0DGAN8frNpNZYFHtM4ZstrHZS3LY3vrwlIQfsiMA==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -769,12 +790,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.3.tgz",
-      "integrity": "sha512-NyXUx6G7AayaRGUsVPenuwhyAoyxjQuQPaK50AXoaAHPwRuif4WmSrXUs8/Y0HJIZh8E/YXRm9H7uuGfiacpuQ==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.4.tgz",
+      "integrity": "sha512-nlQQ6nfgN0nCO/KuyEUwwOdwQIGjOs4WNMjEUtpIQJPR2NUfmGpW2wkJln1d4nJ7oUzd1g4GivH5GoEPBgfsdw==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -784,12 +806,13 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.3.tgz",
-      "integrity": "sha512-2CUTmpzN/7cL1a7GjdLkDFlfH3nwMwW8a6JiaAUsL9MtKmNNO3fnXqnY0Zk30fii3hVEl4dr7ztrpYt0t2CcGQ==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.4.tgz",
+      "integrity": "sha512-PcR2bN7FlM32XM6eumklmyWLLbu2vs+D7nJX8OAIoWy69Kef8mfiN4e8TUv2KohprwifdpFKPzIP1njuCjD0YA==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -799,12 +822,13 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.3.tgz",
-      "integrity": "sha512-i54YgUhvrUQxQD84SjAbkfWhYkOdm/DNRAVekCHLWxVg3aUbyC6NFQn9TwgCkX5QAS2pXCJo3kFboSFvrsd7dA==",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.4.tgz",
+      "integrity": "sha512-1ur2tSHZj8Px/KMAthmuI9FMp/YFusMMGoRNJaRZMOlSkgvLjzosSdQI0cJAKogdHl3qXUQKL9MGaYvKwA7DXg==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -2470,6 +2494,26 @@
         "@types/unist": "^2"
       }
     },
+    "node_modules/@types/jquery": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.33.tgz",
+      "integrity": "sha512-SeyVJXlCZpEki5F0ghuYe+L+PprQta6nRZqhONt9F13dWBtR/ftoaIbdRQ7cis7womE+X2LKhsDdDtkkDhJS6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/sizzle": "*"
+      }
+    },
+    "node_modules/@types/jquery-mask-plugin": {
+      "version": "1.14.6",
+      "resolved": "https://registry.npmjs.org/@types/jquery-mask-plugin/-/jquery-mask-plugin-1.14.6.tgz",
+      "integrity": "sha512-2sI664QMdx7BCwJMhg2ULtNAFSW9QMa5hjpDCW761IhuhlfCRhb/GZhMjNDy/Ifjci/gaBrOSf5tspH1a5c1Qw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/jquery": "*"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "dev": true,
@@ -2544,6 +2588,13 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/sizzle": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.10.tgz",
+      "integrity": "sha512-TC0dmN0K8YcWEAEfiPi5gJP14eJe30TTGjkvek3iM/1NdHHsdCA/Td6GvNndMOo/iSnIsZ4HuuhrYPDAmbxzww==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/unist": {
       "version": "2.0.11",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
@@ -3277,9 +3328,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
-      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.12.2.tgz",
+      "integrity": "sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -3664,6 +3715,23 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/cross-env": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-10.1.0.tgz",
+      "integrity": "sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "@epic-web/invariant": "^1.0.0",
+        "cross-spawn": "^7.0.6"
+      },
+      "bin": {
+        "cross-env": "dist/bin/cross-env.js",
+        "cross-env-shell": "dist/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "license": "MIT",
@@ -5698,6 +5766,18 @@
         }
       }
     },
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
+      "license": "MIT"
+    },
+    "node_modules/jquery-mask-plugin": {
+      "version": "1.14.16",
+      "resolved": "https://registry.npmjs.org/jquery-mask-plugin/-/jquery-mask-plugin-1.14.16.tgz",
+      "integrity": "sha512-reywdHlYEkPbzWjTpcc1fk9XQ3PLvO5dzEAVqy8zI7NTF22tB1HbeU3iboZTLdkBEPaWAqeI2HtEjsGQ4roZKw==",
+      "license": "MIT"
+    },
     "node_modules/js-binary-schema-parser": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/js-binary-schema-parser/-/js-binary-schema-parser-2.0.3.tgz",
@@ -6065,10 +6145,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.4.3",
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.4.tgz",
+      "integrity": "sha512-xH4Yjhb82sFYQfY3vbkJfgSDgXvBB6a8xPs9i35k6oZJRoQRihZH+4s9Yo2qsWpzBmZ3lPXaJ2KPXLfkvW4LnA==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.4.3",
+        "@next/env": "15.5.4",
         "@swc/helpers": "0.5.15",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",
@@ -6081,14 +6163,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.4.3",
-        "@next/swc-darwin-x64": "15.4.3",
-        "@next/swc-linux-arm64-gnu": "15.4.3",
-        "@next/swc-linux-arm64-musl": "15.4.3",
-        "@next/swc-linux-x64-gnu": "15.4.3",
-        "@next/swc-linux-x64-musl": "15.4.3",
-        "@next/swc-win32-arm64-msvc": "15.4.3",
-        "@next/swc-win32-x64-msvc": "15.4.3",
+        "@next/swc-darwin-arm64": "15.5.4",
+        "@next/swc-darwin-x64": "15.5.4",
+        "@next/swc-linux-arm64-gnu": "15.5.4",
+        "@next/swc-linux-arm64-musl": "15.5.4",
+        "@next/swc-linux-x64-gnu": "15.5.4",
+        "@next/swc-linux-x64-musl": "15.5.4",
+        "@next/swc-win32-arm64-msvc": "15.5.4",
+        "@next/swc-win32-x64-msvc": "15.5.4",
         "sharp": "^0.34.3"
       },
       "peerDependencies": {
@@ -6945,16 +7027,16 @@
       }
     },
     "node_modules/react-syntax-highlighter": {
-      "version": "15.6.1",
-      "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-15.6.1.tgz",
-      "integrity": "sha512-OqJ2/vL7lEeV5zTJyG7kmARppUjiB9h9udl4qHQjjgEos66z00Ia0OckwYfRxCSFrW8RJIBnsBwQsHZbVPspqg==",
+      "version": "15.6.6",
+      "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-15.6.6.tgz",
+      "integrity": "sha512-DgXrc+AZF47+HvAPEmn7Ua/1p10jNoVZVI/LoPiYdtY+OM+/nG5yefLHKJwdKqY1adMuHFbeyBaG9j64ML7vTw==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.3.1",
         "highlight.js": "^10.4.1",
         "highlightjs-vue": "^1.0.0",
         "lowlight": "^1.17.0",
-        "prismjs": "^1.27.0",
+        "prismjs": "^1.30.0",
         "refractor": "^3.6.0"
       },
       "peerDependencies": {
@@ -7726,6 +7808,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sweetalert2": {
+      "version": "11.25.0",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.25.0.tgz",
+      "integrity": "sha512-9eDRscWO7SpuTsaFJ1Q0hd3e7MYhYjAE6RmK/cVj3utPekr5ZKLNkV3OWiTmkWJpfaK8LMbx1aYuCoUPPxDVNQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
     "node_modules/tailwind-gradient-mask-image": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/tailwind-gradient-mask-image/-/tailwind-gradient-mask-image-1.2.0.tgz",
diff --git a/package.json b/package.json
index ad083896..c9abe030 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,24 @@
 {
   "name": "open-lovable",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev --turbopack --port 3001",
+    "dev:win": "next dev --turbopack --port %PORT%",
+    "dev:local": "next dev --turbopack",
     "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
+    "start": "next start -p $PORT",
+    "start:win": "next start -p %PORT%",
+    "lint": "next lint",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:e2e": "cypress run",
+    "test:e2e:open": "cypress open",
+    "test:all": "npm run test && npm run test:e2e",
+    "audit": "npm audit --audit-level moderate",
+    "audit:fix": "npm audit fix"
   },
   "dependencies": {
     "@ai-sdk/anthropic": "^2.0.1",
@@ -55,23 +66,28 @@
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
     "cors": "^2.8.5",
+    "cross-env": "^10.1.0",
     "dotenv": "^17.2.1",
     "framer-motion": "^12.23.12",
     "groq-sdk": "^0.29.0",
     "jotai": "^2.14.0",
+    "jquery": "^3.7.1",
+    "jquery-mask-plugin": "^1.14.16",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.532.0",
     "motion": "^12.23.12",
     "nanoid": "^5.1.5",
-    "next": "15.4.3",
+    "next": "^15.5.4",
     "next-themes": "^0.4.6",
     "pixi.js": "^8.13.1",
+    "prismjs": "^1.30.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-hook-form": "^7.62.0",
     "react-icons": "^5.5.0",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-syntax-highlighter": "^15.6.6",
     "sonner": "^2.0.7",
+    "sweetalert2": "^11.25.0",
     "tailwind-gradient-mask-image": "^1.2.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
@@ -80,12 +96,21 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@types/jquery": "^3.5.33",
+    "@types/jquery-mask-plugin": "^1.14.6",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@tanstack/react-query": "^5.59.0",
+    "cypress": "^13.15.0",
     "eslint": "^9",
     "eslint-config-next": "15.4.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "postcss-nesting": "^13.0.2",
diff --git a/types/cotacao.ts b/types/cotacao.ts
new file mode 100644
index 00000000..9301c02d
--- /dev/null
+++ b/types/cotacao.ts
@@ -0,0 +1,55 @@
+export interface DadosCotacao {
+  // Dados pessoais
+  nome: string;
+  cpf: string;
+  email: string;
+  telefone: string;
+  dataNascimento: string;
+  sexo: 'Masculino' | 'Feminino';
+  estadoCivil: 'Solteiro' | 'Casado' | 'Divorciado' | 'Viúvo';
+  
+  // Dados do veículo
+  placa: string;
+  marca: string;
+  modelo?: string;
+  ano: string;
+  tipoVeiculo: 'carro' | 'moto';
+  usoVeiculo: 'particular' | 'comercial' | 'uber' | 'taxi';
+  
+  // Dados de endereço
+  cep: string;
+  cidade: string;
+  estado: string;
+  endereco: string;
+  numero: string;
+  complemento?: string;
+  
+  // Dados de seguro
+  tipoSeguro: 'auto' | 'moto' | 'frotas' | 'uber';
+  cobertura: 'basica' | 'completa' | 'premium';
+  franquia?: string;
+  
+  // Tracking e marketing
+  gclid?: string;
+  gbraid?: string;
+  fonte: string;
+  utm_source?: string;
+  utm_medium?: string;
+  utm_campaign?: string;
+  utm_term?: string;
+  utm_content?: string;
+  
+  // Metadados
+  timestamp: string;
+  userAgent: string;
+  ip?: string;
+  referrer?: string;
+}
+
+export interface CotacaoResponse {
+  success: boolean;
+  cotacaoId?: string;
+  message: string;
+  errors?: string[];
+  dados?: DadosCotacao;
+}
diff --git a/types/validation.ts b/types/validation.ts
new file mode 100644
index 00000000..060e330d
--- /dev/null
+++ b/types/validation.ts
@@ -0,0 +1,57 @@
+export interface ValidacaoResult {
+  ok: boolean;
+  reason?: 'formato' | 'nao_encontrado' | 'erro_api' | 'invalido';
+  parsed?: {
+    // CPF
+    sexo?: string;
+    dataNascimento?: string;
+    estadoCivil?: string;
+    
+    // CEP
+    cidade?: string;
+    estado?: string;
+    endereco?: string;
+    bairro?: string;
+    
+    // Placa
+    marcaTxt?: string;
+    anoModelo?: string;
+    tipoVeiculo?: string;
+    modelo?: string;
+    combustivel?: string;
+    
+    // Telefone
+    formato?: string;
+    operadora?: string;
+    tipoTelefone?: string;
+    
+    // Email
+    dominio?: string;
+    tipoEmail?: string;
+    risco?: string;
+  };
+  raw?: any;
+}
+
+export interface ValidacaoConfig {
+  cpf: {
+    usarAPI: boolean;
+    preencherAutomatico: boolean;
+  };
+  cep: {
+    usarAPI: boolean;
+    preencherAutomatico: boolean;
+  };
+  placa: {
+    usarAPI: boolean;
+    preencherAutomatico: boolean;
+  };
+  telefone: {
+    usarAPI: boolean;
+    validarFormato: boolean;
+  };
+  email: {
+    usarSafetyMails: boolean;
+    validarRegex: boolean;
+  };
+}