PageSourceSearch

https://www.esocialbrasil.com.br/sistema-gestao-clinicas

html esocialbrasil.com.br collected 2026-09-28 14:48:43 UTC 100,296 bytes, 1,891 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-BR">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="csrf-token" content="8mmdgBl36C0sgjBuuLPYqvJJBFCeGecuI5QaEUji">
7
8    
9    <title>Gestão Completa para Clínicas de Saúde Ocupacional | eSocial Brasil</title>
10    <meta name="description" content="Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras.">
11    <meta name="robots" content="index, follow">
12        <link rel="canonical" href="https://www.esocialbrasil.com.br/sistema-gestao-clinicas">
13    
14    
15    <meta property="og:type" content="website">
16    <meta property="og:title" content="Gestão Completa para Clínicas de Saúde Ocupacional | eSocial Brasil">
17    <meta property="og:description" content="Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras.">
18    <meta property="og:image" content="https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp">
19    <meta property="og:url" content="https://www.esocialbrasil.com.br/sistema-gestao-clinicas">
20    <meta property="og:locale" content="pt_BR">
21
22    
23    <meta name="twitter:card" content="summary_large_image">
24    <meta name="twitter:title" content="Gestão Completa para {#e7b008}Clínicas de Saúde Ocupacional{/#e7b008} | eSocial Brasil">
25    <meta name="twitter:description" content="Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras.">
26    <meta name="twitter:image" content="https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp">
27
28    
29    <link rel="icon" href="https://www.esocialbrasil.com.br/favicon.ico">
30
31    
32    <link rel="preconnect" href="https://fonts.googleapis.com">
33    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34
35    
36    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&family=Poppins:wght@400;500;600;700;800&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
37    <noscript>
38        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
39    </noscript>
40    
41
42    
43    <link rel="preload" as="style" href="https://www.esocialbrasil.com.br/build/assets/app-DR_jUuIr.css" /><link rel="modulepreload" href="https://www.esocialbrasil.com.br/build/assets/app-Bff_G7XC.js" /><link rel="stylesheet" href="https://www.esocialbrasil.com.br/build/assets/app-DR_jUuIr.css" data-navigate-track="reload" />
43<script type="module" src="https://www.esocialbrasil.com.br/build/assets/app-Bff_G7XC.js" data-navigate-track="reload"></script>
43
44    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
45
46    
47        
47<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"eSocial Brasil","url":"https://www.esocialbrasil.com.br","logo":"https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp","description":"Soluções completas para simplificar a gestão do eSocial na sua empresa. Consultoria especializada, sistema de gestão e treinamento.","address":{"@type":"PostalAddress","streetAddress":"Av. Carlos Drummond de Andrade, 209 - 3º andar","addressLocality":"Itabira","addressRegion":"MG","postalCode":"35900-025","addressCountry":"BR"},"contactPoint":{"@type":"ContactPoint","telephone":"+55 (31) 99165-9540","email":"[email protected]","contactType":"customer service"},"sameAs":["https://www.facebook.com/esocialbrasiloficial","https://www.instagram.com/esocialbrasil","https://www.linkedin.com/company/esocialbrasil/","https://www.youtube.com/@esocialbrasilSST"]}</script>
47
48    
49    
50    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 50-51
50
51<script async src="https://www.googletagmanager.com/gtag/js?id=
51G-H1C5BHX4EP
vendor: 12 bytes, line 51
51"></script>
52<script>
53  
vendor: 133 bytes, lines 53-56
53window.dataLayer = window.dataLayer || [];
54  function gtag(){dataLayer.push(arguments);}
55  gtag('js', new Date());
56  gtag('config', '
56G-H1C5BHX4EP
vendor: 109 bytes, lines 56-60
56', {
57    'anonymize_ip': true,
58    'send_page_view': false,
59    'cookie_flags': 'SameSite=None;Secure'
60  });
61</script>
61
62
63
64<script>
65window.EsocialAnalytics = {
66    trackEvent: function(eventName, parameters = {}) {
67        if (typeof gtag === 'function') {
68            gtag('event', eventName, parameters);
69        }
70    },
71
72    trackFormSubmit: function(formName, formId, formData = {}) {
73        this.trackEvent('form_submit', {
74            form_name: formName,
75            form_id: formId,
76            page_title: document.title,
77            page_location: window.location.href,
78            ...formData
79        });
80    },
81
82    trackClick: function(elementName, elementType, elementText = '', additionalData = {}) {
83        this.trackEvent('click', {
84            element_name: elementName,
85            element_type: elementType,
86            element_text: elementText.substring(0, 50),
87            page_title: document.title,
88            page_location: window.location.href,
89            ...additionalData
90        });
91    },
92
93    trackDownload: function(fileName, fileUrl, fileType) {
94        this.trackEvent('file_download', {
95            file_name: fileName,
96            file_url: fileUrl,
97            file_type: fileType,
98            page_title: document.title,
99            page_location: window.location.href
100        });
101    },
102
103    trackScrollDepth: function(depth) {
104        this.trackEvent('scroll', {
105            scroll_depth: depth,
106            scroll_percentage: depth,
107            page_title: document.title,
108            page_location: window.location.href
109        });
110    },
111
112    trackTimeOnPage: function(seconds) {
113        this.trackEvent('time_on_page', {
114            time_seconds: seconds,
115            time_on_page: seconds,
116            page_title: document.title,
117            page_location: window.location.href
118        });
119    },
120
121    trackModalOpen: function(modalName, triggerElement = '') {
122        this.trackEvent('modal_open', {
123            modal_name: modalName,
124            trigger_element: triggerElement.substring(0, 50),
125            page_title: document.title,
126            page_location: window.location.href
127        });
128    },
129
130    trackPageView: function(pageUrl = null, pageTitle = null) {
131        this.trackEvent('page_view', {
132            page_location: pageUrl || window.location.href,
133            page_title: pageTitle || document.title,
134            page_path: window.location.pathname
135        });
136    },
137
138    trackCTA: function(ctaText, ctaPosition, ctaUrl) {
139        this.trackEvent('cta_click', {
140            cta_text: ctaText.substring(0, 50),
141            cta_position: ctaPosition,
142            cta_url: ctaUrl,
143            page_title: document.title,
144            page_location: window.location.href
145        });
146    }
147};
148</script>
148
149
150    
151    
152    </head>
153<body class="min-h-screen flex flex-col antialiased">
154    <header class="sticky top-0 z-50 w-full bg-white border-b border-border shadow-sm" x-data="{ mobileOpen: false, solutionsOpen: false }">
155    <div class="container mx-auto px-4">
156        <div class="flex h-16 md:h-20 items-center justify-between">
157            
158            <a href="https://www.esocialbrasil.com.br" class="flex items-center">
159                <img src="https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp" alt="eSocial Brasil" class="h-32 md:h-[250px]" loading="eager">
160            </a>
161
162            
163            <nav class="hidden lg:flex items-center gap-6">
164                <a href="https://www.esocialbrasil.com.br" class="font-inter font-medium transition-colors hover:text-primary text-foreground">
165                    Inicio
166                </a>
167
168                
169                <div class="relative" @mouseenter="solutionsOpen = true" @mouseleave="solutionsOpen = false">
170                    <button class="flex items-center gap-1 font-inter font-medium text-foreground hover:text-primary transition-colors py-2">
171                        Soluções
172                        <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
173                    </button>
174                    <div x-show="solutionsOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute top-full left-0 z-50 w-[520px]" x-cloak>
175                        <div class="h-2"></div>
176                        <div class="bg-white border border-border rounded-md shadow-elevated p-4">
177                            <div class="grid grid-cols-2 gap-4">
178                                
179                                <div>
180                                    <div class="px-2 pb-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">Para Clinicas Medicas</div>
181                                    <a href="https://www.esocialbrasil.com.br/sistema-gestao-clinicas" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors">
182                                        <div class="font-medium text-foreground">Sistema de Gestão</div>
183                                        <div class="text-sm text-muted-foreground">Gestão completa para clinicas ocupacionais</div>
184                                    </a>
185                                    <a href="https://www.esocialbrasil.com.br/treinamentos-clinicas" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors">
186                                        <div class="font-medium text-foreground">Treinamentos para Revenda</div>
187                                        <div class="text-sm text-muted-foreground">Capacitações para revender aos clientes</div>
188                                    </a>
189                                </div>
190                                
191                                <div>
192                                    <div class="px-2 pb-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">Para SESMTs</div>
193                                    <a href="https://www.esocialbrasil.com.br/sistema-de-gestao-esocial" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors">
194                                        <div class="font-medium text-foreground">Sistema de Gestão</div>
195                                        <div class="text-sm text-muted-foreground">Automatize processos de SST</div>
196                                    </a>
197                                    <a href="https://www.esocialbrasil.com.br/treinamento-esocial" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors">
198                                        <div class="font-medium text-foreground">Treinamentos</div>
199                                        <div class="text-sm text-muted-foreground">Capacitações em SST e eSocial</div>
200                                    </a>
201                                </div>
202                            </div>
203                        </div>
204                    </div>
205                </div>
206
207                <a href="https://www.esocialbrasil.com.br/eventos-de-sst-no-esocial" class="font-inter font-medium transition-colors hover:text-primary text-foreground">
208                    SST no eSocial
209                </a>
210
211                <a href="https://www.esocialbrasil.com.br/blog" class="font-inter font-medium transition-colors hover:text-primary text-foreground">
212                    Blog
213                </a>
214
215                <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=header&amp;utm_term=header&amp;utm_content=contato"
216   class="font-inter font-medium transition-colors hover:text-primary"
217   target="_self">
218    Contato
219</a>
220            </nav>
221
222            
223            <div class="hidden lg:flex items-center gap-3">
224                <a href="https://app.esocialbrasil.com.br/login" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-md border border-border bg-white px-4 py-2 text-sm font-inter font-medium text-foreground hover:bg-muted transition-colors">
225                    Login
226                </a>
227                <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=header&amp;utm_term=header&amp;utm_content=contato"
228   class="inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-inter font-medium text-white hover:bg-primary/90 transition-colors"
229   target="_self">
230    Fale com um Consultor
231</a>
232            </div>
233
234            
235            <button class="lg:hidden" @click="mobileOpen = !mobileOpen">
236                <svg x-show="!mobileOpen" class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
237                <svg x-show="mobileOpen" x-cloak class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
238            </button>
239        </div>
240
241        
242        <div x-show="mobileOpen" x-transition class="lg:hidden py-4 border-t border-border" x-cloak>
243            <nav class="flex flex-col gap-4">
244                <a href="https://www.esocialbrasil.com.br" class="font-inter font-medium text-foreground hover:text-primary" @click="mobileOpen = false">Inicio</a>
245                <div class="space-y-2">
246                    <div class="font-inter font-medium text-foreground">Soluções</div>
247                    <div class="pl-4 space-y-3">
248                        <div class="text-xs font-semibold text-muted-foreground uppercase">Para Clinicas Medicas</div>
249                        <a href="https://www.esocialbrasil.com.br/sistema-gestao-clinicas" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Sistema de Gestão</a>
250                        <a href="https://www.esocialbrasil.com.br/treinamentos-clinicas" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Treinamentos para Revenda</a>
251                        <div class="text-xs font-semibold text-muted-foreground uppercase pt-2">Para SESMTs</div>
252                        <a href="https://www.esocialbrasil.com.br/sistema-de-gestao-esocial" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Sistema de Gestão</a>
253                        <a href="https://www.esocialbrasil.com.br/treinamento-esocial" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Treinamentos</a>
254                    </div>
255                </div>
256                <a href="https://www.esocialbrasil.com.br/eventos-de-sst-no-esocial" class="font-inter font-medium text-foreground hover:text-primary" @click="mobileOpen = false">SST no eSocial</a>
257                <a href="https://www.esocialbrasil.com.br/blog" class="font-inter font-medium text-foreground hover:text-primary" @click="mobileOpen = false">Blog</a>
258                <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=header&amp;utm_term=header&amp;utm_content=contato"
259   class="font-inter font-medium text-foreground hover:text-primary"
260   target="_self">
261    Contato
262</a>
263                <a href="https://app.esocialbrasil.com.br/login" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-md border border-border bg-white px-4 py-2 text-sm font-inter font-medium w-full" @click="mobileOpen = false">Login</a>
264                <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=header&amp;utm_term=header&amp;utm_content=contato"
265   class="inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-inter font-medium text-white w-full"
266   target="_self">
267    Fale com um Consultor
268</a>
269            </nav>
270        </div>
271    </div>
272</header>
273
274    <main class="flex-1">
275        <section class="gradient-hero text-white py-20 md:py-28">
276        <div class="container mx-auto px-4">
277            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
278                <div class="space-y-6">
279                    <span class="inline-block px-4 py-2 bg-white/20 backdrop-blur-sm rounded-full text-sm font-medium">Para Clínicas Médicas Ocupacionais</span>
280                    <h1 class="text-3xl md:text-5xl font-poppins font-bold mb-6">Gestão Completa para <span style="color: #e7b008">Clínicas de Saúde Ocupacional</span></h1>
281                    <p class="text-lg md:text-xl opacity-90 mb-8 font-inter">Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras.</p>
282                    <div class="flex flex-col sm:flex-row gap-4">
283                        <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=clinicas_medicas&amp;utm_term=sistema_gestao&amp;utm_content=agendar_demonstracao" class="inline-flex items-center justify-center rounded-md px-8 py-3 text-sm font-inter font-semibold transition-colors hover:opacity-90 bg-accent text-black">
284                            <svg class="h-5 w-5"
285  xmlns="http://www.w3.org/2000/svg"
286  width="24"
287  height="24"
288  viewBox="0 0 24 24"
289  fill="none"
290  stroke="currentColor"
291  stroke-width="2"
292  stroke-linecap="round"
293  stroke-linejoin="round"
294>
295  <path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" />
296</svg>
297                            Agendar Demonstração
298                        </a>
299                        <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=clinicas_medicas&amp;utm_term=sistema_gestao&amp;utm_content=agendar_demonstracao_gratuita"
300   class="inline-flex items-center justify-center rounded-md px-8 py-3 text-sm font-inter font-semibold transition-colors hover:opacity-90 bg-white text-primary"
301   target="_self">
302    Ver como funciona
303</a>
304                    </div>
305                    <div class="flex gap-8 pt-6 mt-10">
306                                                    <div class="text-center">
307                                <div class="text-3xl font-bold text-accent">
308                                    +500
309                                </div>
310                                <div class="text-sm opacity-80">
311                                    Clínicas Atendidas
312                                </div>
313                            </div>
314                                                    <div class="text-center">
315                                <div class="text-3xl font-bold text-accent">
316                                    +1M
317                                </div>
318                                <div class="text-sm opacity-80">
319                                    ASOs Emitidos
320                                </div>
321                            </div>
322                                                    <div class="text-center">
323                                <div class="text-3xl font-bold text-accent">
324                                    100%
325                                </div>
326                                <div class="text-sm opacity-80">
327                                    Conformidade eSocial
328                                </div>
329                            </div>
330                                            </div>
331                </div>
332                <div class="hidden lg:block">
333                    <div class="relative w-full aspect-video rounded-lg overflow-hidden shadow-elevated">
334        <iframe
335        src="https://player-vz-1a2b2418-fb8.tv.pandavideo.com.br/embed/?v=513bc8fc-f810-4557-b0b4-b194821f
335cb48"
336        class="w-full h-full border-0"
337        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
338        allowfullscreen
339        loading="lazy"
340    ></iframe>
341    </div>
342                </div>
343            </div>
344            <div class="flex justify-center mt-8">
345                <svg class="h-8 w-8 animate-bounce opacity-60"
346  xmlns="http://www.w3.org/2000/svg"
347  width="24"
348  height="24"
349  viewBox="0 0 24 24"
350  fill="none"
351  stroke="currentColor"
352  stroke-width="2"
353  stroke-linecap="round"
354  stroke-linejoin="round"
355>
356  <path d="m6 9 6 6 6-6" />
357</svg>
358            </div>
359        </div>
360    </section>
361
362    <section class="py-20 bg-background">
363        <div class="container mx-auto px-4">
364            <div class="text-center mb-12"><span
365                    class="inline-block px-4 py-2 bg-destructive/10 text-destructive rounded-full text-sm font-medium mb-4">DESAFIOS DAS CLÍNICAS</span>
366                <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Você enfrenta esses problemas?</h2>
367            </div>
368            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto">
369                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow">
370                        
371                        <div class="p-6 pt-6 pb-6">
372                            
373                            <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4">
374                                <span class="text-2xl font-bold text-destructive">✕</span>
375                            </div>
376
377                            <p class="text-muted-foreground">
378                                Controles em planilhas e papéis que geram retrabalho
379                            </p>
380
381                        </div>
382
383                    </div>
384                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow">
385                        
386                        <div class="p-6 pt-6 pb-6">
387                            
388                            <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4">
389                                <span class="text-2xl font-bold text-destructive">✕</span>
390                            </div>
391
392                            <p class="text-muted-foreground">
393                                Dificuldade para enviar eventos ao eSocial no prazo
394                            </p>
395
396                        </div>
397
398                    </div>
399                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow">
400                        
401                        <div class="p-6 pt-6 pb-6">
402                            
403                            <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4">
404                                <span class="text-2xl font-bold text-destructive">✕</span>
405                            </div>
406
407                            <p class="text-muted-foreground">
408                                Faturamento manual e erros em cobranças
409                            </p>
410
411                        </div>
412
413                    </div>
414                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow">
415                        
416                        <div class="p-6 pt-6 pb-6">
417                            
418                            <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4">
419                                <span class="text-2xl font-bold text-destructive">✕</span>
420                            </div>
421
422                            <p class="text-muted-foreground">
423                                Falta de rastreabilidade em exames e documentos
424                            </p>
425
426                        </div>
427
428                    </div>
429                            </div>
430        </div>
431    </section>
432
433    <section id="como-funciona" class="py-20 bg-muted">
434        <div class="container mx-auto px-4">
435            <div class="text-center mb-12"><span
436                    class="inline-block px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">SOLUÇÃO COMPLETA</span>
437                <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Tudo que sua clínica precisa em um único sistema</h2>
438                <p class="text-lg text-muted-foreground max-w-2xl mx-auto">Do agendamento ao faturamento, passando por exames, documentos e eSocial.</p>
439            </div>
440            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
441                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow">
442                        <div class="p-6">
443                            <div class="h-14 w-14 rounded-xl bg-primary text-primary-foreground flex items-center justify-center mb-4">
444                                <svg class="w-7 h-7"
445  xmlns="http://www.w3.org/2000/svg"
446  width="24"
447  height="24"
448  viewBox="0 0 24 24"
449  fill="none"
450  stroke="currentColor"
451  stroke-width="2"
452  stroke-linecap="round"
453  stroke-linejoin="round"
454>
455  <path d="M11 2v2" />
456  <path d="M5 2v2" />
457  <path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1" />
458  <path d="M8 15a6 6 0 0 0 12 0v-3" />
459  <circle cx="20" cy="10" r="2" />
460</svg>
461                            </div>
462
463                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">
464                                Gestão Ocupacional Completa
465                            </h3>
466
467                            <p class="text-muted-foreground">
468                                ASO, PCMSO, exames admissionais, periódicos e demissionais com total rastreabilidade.
469                            </p>
470                        </div>
471                    </div>
472                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow">
473                        <div class="p-6">
474                            <div class="h-14 w-14 rounded-xl bg-accent text-primary-foreground flex items-center justify-center mb-4">
475                                <svg class="w-7 h-7"
476  xmlns="http://www.w3.org/2000/svg"
477  width="24"
478  height="24"
479  viewBox="0 0 24 24"
480  fill="none"
481  stroke="currentColor"
482  stroke-width="2"
483  stroke-linecap="round"
484  stroke-linejoin="round"
485>
486  <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />
487  <path d="M14 2v5a1 1 0 0 0 1 1h5" />
488  <path d="M10 9H8" />
489  <path d="M16 13H8" />
490  <path d="M16 17H8" />
491</svg>
492                            </div>
493
494                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">
495                                eSocial Integrado
496                            </h3>
497
498                            <p class="text-muted-foreground">
499                                Envio automático dos eventos S-2220 e S-2240 com validação prévia e protocolo de recebimento.
500                            </p>
501                        </div>
502                    </div>
503                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow">
504                        <div class="p-6">
505                            <div class="h-14 w-14 rounded-xl bg-primary text-primary-foreground flex items-center justify-center mb-4">
506                                <svg class="w-7 h-7"
507  xmlns="http://www.w3.org/2000/svg"
508  width="24"
509  height="24"
510  viewBox="0 0 24 24"
511  fill="none"
512  stroke="currentColor"
513  stroke-width="2"
514  stroke-linecap="round"
515  stroke-linejoin="round"
516>
517  <path d="M12 17V7" />
518  <path d="M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8" />
519  <path d="M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z" />
520</svg>
521                            </div>
522
523                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">
524                                Módulo Financeiro
525                            </h3>
526
527                            <p class="text-muted-foreground">
528                                Faturamento automático, emissão de boletos e NF-e integrados aos serviços ocupacionais.
529                            </p>
530                        </div>
531                    </div>
532                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow">
533                        <div class="p-6">
534                            <div class="h-14 w-14 rounded-xl bg-accent text-primary-foreground flex items-center justify-center mb-4">
535                                                            </div>
536
537                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">
538                                Assinatura Digital
539                            </h3>
540
541                            <p class="text-muted-foreground">
542                                ASOs e documentos com assinatura digital, biometria facial e GED para eliminar papel.
543                            </p>
544                        </div>
545                    </div>
546                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow">
547                        <div class="p-6">
548                            <div class="h-14 w-14 rounded-xl bg-primary text-primary-foreground flex items-center justify-center mb-4">
549                                <svg class="w-7 h-7"
550  xmlns="http://www.w3.org/2000/svg"
551  width="24"
552  height="24"
553  viewBox="0 0 24 24"
554  fill="none"
555  stroke="currentColor"
556  stroke-width="2"
557  stroke-linecap="round"
558  stroke-linejoin="round"
559>
560  <rect x="16" y="16" width="6" height="6" rx="1" />
561  <rect x="2" y="16" width="6" height="6" rx="1" />
562  <rect x="9" y="2" width="6" height="6" rx="1" />
563  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" />
564  <path d="M12 12V8" />
565</svg>
566                            </div>
567
568                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">
569                                Rede de Prestadores
570                            </h3>
571
572                            <p class="text-muted-foreground">
573                                Conecte-se a outras clínicas e empresas, oferecendo seus serviços em uma rede integrada.
574                            </p>
575                        </div>
576                    </div>
577                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow">
578                        <div class="p-6">
579                            <div class="h-14 w-14 rounded-xl bg-accent text-primary-foreground flex items-center justify-center mb-4">
580                                <svg class="w-7 h-7"
581  xmlns="http://www.w3.org/2000/svg"
582  width="24"
583  height="24"
584  viewBox="0 0 24 24"
585  fill="none"
586  stroke="currentColor"
587  stroke-width="2"
588  stroke-linecap="round"
589  stroke-linejoin="round"
590>
591  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" />
592  <path d="M20 2v4" />
593  <path d="M22 4h-4" />
594  <circle cx="4" cy="20" r="2" />
595</svg>
596                            </div>
597
598                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">
599                                Inteligência Artificial
600                            </h3>
601
602                            <p class="text-muted-foreground">
603                                Preenchimento automático de exames, análise de fichas clínicas e sugestão de riscos com IA.
604                            </p>
605                        </div>
606                    </div>
607                            </div>
608        </div>
609    </section>
610
611    <section class="py-20 bg-background">
612        <div class="container mx-auto px-4">
613            <div class="text-center mb-12"><span
614                    class="inline-block px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">FLUXO DE TRABALHO</span>
615                <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Do agendamento ao faturamento em 5 passos</h2>
616            </div>
617            <div class="hidden lg:block relative max-w-5xl mx-auto">
618                <div class="absolute top-12 left-[10%] right-[10%] h-1 bg-gradient-to-r from-primary via-accent to-primary rounded-full"></div>
619
620                <div class="flex justify-between relative">
621                                            <div class="flex flex-col items-center" style="width: 18%;">
622                            
623                            <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background">
624                                <span class="text-3xl font-bold">1</span>
625                            </div>
626
627                            <div class="mt-4 text-center">
628                                <p class="text-sm font-semibold text-foreground mb-1">
629                                    Cadastro de Empresas-Cliente
630                                </p>
631                                <p class="text-xs text-muted-foreground">
632                                    Cadastre as empresas que atende com todos os dados necessários para eSocial
633                                </p>
634                            </div>
635
636                        </div>
637                                            <div class="flex flex-col items-center" style="width: 18%;">
638                            
639                            <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background">
640                                <span class="text-3xl font-bold">2</span>
641                            </div>
642
643                            <div class="mt-4 text-center">
644                                <p class="text-sm font-semibold text-foreground mb-1">
645                                    Agendamento Inteligente
646                                </p>
647                                <p class="text-xs text-muted-foreground">
648                                    Agende exames com confirmação automática e gestão de agenda integrada
649                                </p>
650                            </div>
651
652                        </div>
653                                            <div class="flex flex-col items-center" style="width: 18%;">
654                            
655                            <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background">
656                                <span class="text-3xl font-bold">3</span>
657                            </div>
658
659                            <div class="mt-4 text-center">
660                                <p class="text-sm font-semibold text-foreground mb-1">
661                                    Realização de Exames
662                                </p>
663                                <p class="text-xs text-muted-foreground">
664                                    Registre exames, preencha fichas clínicas com auxílio de IA
665                                </p>
666                            </div>
667
668                        </div>
669                                            <div class="flex flex-col items-center" style="width: 18%;">
670                            
671                            <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background">
672                                <span class="text-3xl font-bold">4</span>
673                            </div>
674
675                            <div class="mt-4 text-center">
676                                <p class="text-sm font-semibold text-foreground mb-1">
677                                    Emissão de ASO
678                                </p>
679                                <p class="text-xs text-muted-foreground">
680                                    Gere ASOs com assinatura digital e envio automático ao eSocial
681                                </p>
682                            </div>
683
684                        </div>
685                                            <div class="flex flex-col items-center" style="width: 18%;">
686                            
687                            <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background">
688                                <span class="text-3xl font-bold">5</span>
689                            </div>
690
691                            <div class="mt-4 text-center">
692                                <p class="text-sm font-semibold text-foreground mb-1">
693                                    Faturamento
694                                </p>
695                                <p class="text-xs text-muted-foreground">
696                                    Fature automaticamente com emissão de NF-e e boletos integrados
697                                </p>
698                            </div>
699
700                        </div>
701                                    </div>
702            </div>
703            <div class="lg:hidden space-y-4">
704                                    <div class="flex items-start gap-4">
705                        
706                        <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0">
707                            <span class="text-lg font-bold">1</span>
708                        </div>
709
710                        <div class="flex-1 p-4 bg-muted rounded-lg">
711                            <p class="font-semibold text-foreground mb-1">
712                                Cadastro de Empresas-Cliente
713                            </p>
714                            <p class="text-sm text-muted-foreground">
715                                Cadastre as empresas que atende com todos os dados necessários para eSocial
716                            </p>
717                        </div>
718
719                    </div>
720                                    <div class="flex items-start gap-4">
721                        
722                        <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0">
723                            <span class="text-lg font-bold">2</span>
724                        </div>
725
726                        <div class="flex-1 p-4 bg-muted rounded-lg">
727                            <p class="font-semibold text-foreground mb-1">
728                                Agendamento Inteligente
729                            </p>
730                            <p class="text-sm text-muted-foreground">
731                                Agende exames com confirmação automática e gestão de agenda integrada
732                            </p>
733                        </div>
734
735                    </div>
736                                    <div class="flex items-start gap-4">
737                        
738                        <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0">
739                            <span class="text-lg font-bold">3</span>
740                        </div>
741
742                        <div class="flex-1 p-4 bg-muted rounded-lg">
743                            <p class="font-semibold text-foreground mb-1">
744                                Realização de Exames
745                            </p>
746                            <p class="text-sm text-muted-foreground">
747                                Registre exames, preencha fichas clínicas com auxílio de IA
748                            </p>
749                        </div>
750
751                    </div>
752                                    <div class="flex items-start gap-4">
753                        
754                        <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0">
755                            <span class="text-lg font-bold">4</span>
756                        </div>
757
758                        <div class="flex-1 p-4 bg-muted rounded-lg">
759                            <p class="font-semibold text-foreground mb-1">
760                                Emissão de ASO
761                            </p>
762                            <p class="text-sm text-muted-foreground">
763                                Gere ASOs com assinatura digital e envio automático ao eSocial
764                            </p>
765                        </div>
766
767                    </div>
768                                    <div class="flex items-start gap-4">
769                        
770                        <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0">
771                            <span class="text-lg font-bold">5</span>
772                        </div>
773
774                        <div class="flex-1 p-4 bg-muted rounded-lg">
775                            <p class="font-semibold text-foreground mb-1">
776                                Faturamento
777                            </p>
778                            <p class="text-sm text-muted-foreground">
779                                Fature automaticamente com emissão de NF-e e boletos integrados
780                            </p>
781                        </div>
782
783                    </div>
784                            </div>
785        </div>
786    </section>
787
788    <section class="py-20 bg-primary text-primary-foreground">
789        <div class="container mx-auto px-4">
790            <div class="text-center mb-12">
791                <h2 class="text-3xl md:text-4xl font-poppins font-bold mb-4">Resultados que você vai conquistar</h2>
792            </div>
793            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-4xl mx-auto">
794                                    <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm">
795                        
796                        <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0">
797                            <svg class="h-6 w-6 text-accent-foreground"
798  xmlns="http://www.w3.org/2000/svg"
799  width="24"
800  height="24"
801  viewBox="0 0 24 24"
802  fill="none"
803  stroke="currentColor"
804  stroke-width="2"
805  stroke-linecap="round"
806  stroke-linejoin="round"
807>
808  <path d="M16 7h6v6" />
809  <path d="m22 7-8.5 8.5-5-5L2 17" />
810</svg>
811                        </div>
812
813                        <p class="font-medium">
814                            Aumente sua receita com automação de processos
815                        </p>
816
817                    </div>
818                                    <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm">
819                        
820                        <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0">
821                            <svg class="h-6 w-6 text-accent-foreground"
822  xmlns="http://www.w3.org/2000/svg"
823  width="24"
824  height="24"
825  viewBox="0 0 24 24"
826  fill="none"
827  stroke="currentColor"
828  stroke-width="2"
829  stroke-linecap="round"
830  stroke-linejoin="round"
831>
832  <circle cx="12" cy="12" r="10" />
833  <path d="M12 6v6l4 2" />
834</svg>
835                        </div>
836
837                        <p class="font-medium">
838                            Reduza tempo operacional em até 70%
839                        </p>
840
841                    </div>
842                                    <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm">
843                        
844                        <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0">
845                            <svg class="h-6 w-6 text-accent-foreground"
846  xmlns="http://www.w3.org/2000/svg"
847  width="24"
848  height="24"
849  viewBox="0 0 24 24"
850  fill="none"
851  stroke="currentColor"
852  stroke-width="2"
853  stroke-linecap="round"
854  stroke-linejoin="round"
855>
856  <line x1="12" x2="12" y1="2" y2="22" />
857  <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
858</svg>
859                        </div>
860
861                        <p class="font-medium">
862                            Elimine custos com papel e retrabalho
863                        </p>
864
865                    </div>
866                                    <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm">
867                        
868                        <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0">
869                            <svg class="h-6 w-6 text-accent-foreground"
870  xmlns="http://www.w3.org/2000/svg"
871  width="24"
872  height="24"
873  viewBox="0 0 24 24"
874  fill="none"
875  stroke="currentColor"
876  stroke-width="2"
877  stroke-linecap="round"
878  stroke-linejoin="round"
879>
880  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" />
881</svg>
882                        </div>
883
884                        <p class="font-medium">
885                            100% conformidade com eSocial e NRs
886                        </p>
887
888                    </div>
889                                    <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm">
890                        
891                        <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0">
892                            <svg class="h-6 w-6 text-accent-foreground"
893  xmlns="http://www.w3.org/2000/svg"
894  width="24"
895  height="24"
896  viewBox="0 0 24 24"
897  fill="none"
898  stroke="currentColor"
899  stroke-width="2"
900  stroke-linecap="round"
901  stroke-linejoin="round"
902>
903  <path d="M3 3v16a2 2 0 0 0 2 2h16" />
904  <path d="M18 17V9" />
905  <path d="M13 17V5" />
906  <path d="M8 17v-3" />
907</svg>
908                        </div>
909
910                        <p class="font-medium">
911                            Dashboards e indicadores em tempo real
912                        </p>
913
914                    </div>
915                                    <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm">
916                        
917                        <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0">
918                            <svg class="h-6 w-6 text-accent-foreground"
919  xmlns="http://www.w3.org/2000/svg"
920  width="24"
921  height="24"
922  viewBox="0 0 24 24"
923  fill="none"
924  stroke="currentColor"
925  stroke-width="2"
926  stroke-linecap="round"
927  stroke-linejoin="round"
928>
929  <path d="m16 11 2 2 4-4" />
930  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
931  <circle cx="9" cy="7" r="4" />
932</svg>
933                        </div>
934
935                        <p class="font-medium">
936                            Gestão completa de pacientes e empresas-cliente
937                        </p>
938
939                    </div>
940                            </div>
941        </div>
942    </section>
943
944    <section class="py-20 bg-muted">
945        <div class="container mx-auto px-4">
946            <div class="text-center mb-12"><span
947                    class="inline-block px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">DIFERENCIAIS</span>
948                <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Por que clínicas escolhem o eSocial Brasil</h2>
949            </div>
950            <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
951                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center hover:shadow-elevated transition-shadow">
952                        <div class="p-6 pt-8 pb-6">
953                            <div class="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4">
954                                <svg class="h-8 w-8 text-primary"
955  xmlns="http://www.w3.org/2000/svg"
956  width="24"
957  height="24"
958  viewBox="0 0 24 24"
959  fill="none"
960  stroke="currentColor"
961  stroke-width="2"
962  stroke-linecap="round"
963  stroke-linejoin="round"
964>
965  <path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" />
966</svg>
967                            </div>
968                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">Elimine Controles Paralelos</h3>
969                            <p class="text-muted-foreground">Todas as informações em um único sistema: agendamentos, exames, documentos e financeiro.</p>
970                        </div>
971                    </div>
972                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center hover:shadow-elevated transition-shadow">
973                        <div class="p-6 pt-8 pb-6">
974                            <div class="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4">
975                                <svg class="h-8 w-8 text-primary"
976  xmlns="http://www.w3.org/2000/svg"
977  width="24"
978  height="24"
979  viewBox="0 0 24 24"
980  fill="none"
981  stroke="currentColor"
982  stroke-width="2"
983  stroke-linecap="round"
984  stroke-linejoin="round"
985>
986  <path d="M16 7h6v6" />
987  <path d="m22 7-8.5 8.5-5-5L2 17" />
988</svg>
989                            </div>
990                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">Escale seu Atendimento</h3>
991                            <p class="text-muted-foreground">Atenda mais empresas-cliente sem aumentar proporcionalmente sua equipe administrativa.</p>
992                        </div>
993                    </div>
994                                    <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center hover:shadow-elevated transition-shadow">
995                        <div class="p-6 pt-8 pb-6">
996                            <div class="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4">
997                                <svg class="h-8 w-8 text-primary"
998  xmlns="http://www.w3.org/2000/svg"
999  width="24"
1000  height="24"
1001  viewBox="0 0 24 24"
1002  fill="none"
1003  stroke="currentColor"
1004  stroke-width="2"
1005  stroke-linecap="round"
1006  stroke-linejoin="round"
1007>
1008  <circle cx="12" cy="12" r="10" />
1009  <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
1010  <path d="M2 12h20" />
1011</svg>
1012                            </div>
1013                            <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">Fidelize Clientes</h3>
1014                            <p class="text-muted-foreground">Ofereça um portal para suas empresas-cliente acompanharem seus colaboradores em tempo real.</p>
1015                        </div>
1016                    </div>
1017                            </div>
1018        </div>
1019    </section>
1020
1021    <section class="py-20 bg-background">
1022        <div class="container mx-auto px-4">
1023            <div class="max-w-3xl mx-auto text-center">
1024                <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-6">Pronto para transformar sua clínica?</h2>
1025                <p class="text-lg text-muted-foreground mb-8">Agende uma demonstração gratuita e descubra como o eSocial Brasil pode aumentar sua receita e reduzir seus custos operacionais.</p>
1026                <div class="flex flex-col sm:flex-row gap-4 justify-center">
1027                    <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=clinicas_medicas&amp;utm_term=sistema_gestao&amp;utm_content=agendar_demonstracao"
1028   class="inline-flex items-center justify-center text-sm font-medium h-11 px-6 rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors"
1029   target="_self">
1030    Agendar Demonstração Gratuita
1031</a>
1032
1033                    <a class="inline-flex items-center justify-center text-sm font-medium h-11 px-6 rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors" href="/treinamentos-clinicas">
1034                        Conhecer Treinamentos para Revenda
1035                    </a>
1036                </div>
1037            </div>
1038        </div>
1039    </section>
1040
1041    <section class="py-16 bg-muted">
1042        <div class="container mx-auto px-4">
1043            <div class="flex flex-col md:flex-row items-center justify-center gap-8">
1044
1045                                    <div class="flex items-center gap-4">
1046                        
1047                        <div class="h-14 w-14 rounded-full bg-primary flex items-center justify-center">
1048                            <svg class="h-8 w-8 text-primary-foreground"
1049  xmlns="http://www.w3.org/2000/svg"
1050  width="24"
1051  height="24"
1052  viewBox="0 0 24 24"
1053  fill="none"
1054  stroke="currentColor"
1055  stroke-width="2"
1056  stroke-linecap="round"
1057  stroke-linejoin="round"
1058>
1059  <path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" />
1060</svg>
1061                        </div>
1062
1063                        <div>
1064                            <p class="font-semibold text-foreground">
1065                                Suporte Especializado
1066                            </p>
1067                            <p class="text-sm text-muted-foreground">
1068                                Equipe dedicada para clínicas
1069                            </p>
1070                        </div>
1071
1072                    </div>
1073
1074                                            <div class="hidden md:block h-12 w-px bg-border"></div>
1075                                                        <div class="flex items-center gap-4">
1076                        
1077                        <div class="h-14 w-14 rounded-full bg-accent flex items-center justify-center">
1078                            <svg class="h-8 w-8 text-accent-foreground"
1079  xmlns="http://www.w3.org/2000/svg"
1080  width="24"
1081  height="24"
1082  viewBox="0 0 24 24"
1083  fill="none"
1084  stroke="currentColor"
1085  stroke-width="2"
1086  stroke-linecap="round"
1087  stroke-linejoin="round"
1088>
1089  <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
1090  <circle cx="12" cy="8" r="6" />
1091</svg>
1092                        </div>
1093
1094                        <div>
1095                            <p class="font-semibold text-foreground">
1096                                Treinamento Incluso
1097                            </p>
1098                            <p class="text-sm text-muted-foreground">
1099                                Capacitação completa da equipe
1100                            </p>
1101                        </div>
1102
1103                    </div>
1104
1105                                            <div class="hidden md:block h-12 w-px bg-border"></div>
1106                                                        <div class="flex items-center gap-4">
1107                        
1108                        <div class="h-14 w-14 rounded-full bg-primary flex items-center justify-center">
1109                            <svg class="h-8 w-8 text-primary-foreground"
1110  xmlns="http://www.w3.org/2000/svg"
1111  width="24"
1112  height="24"
1113  viewBox="0 0 24 24"
1114  fill="none"
1115  stroke="currentColor"
1116  stroke-width="2"
1117  stroke-linecap="round"
1118  stroke-linejoin="round"
1119>
1120  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" />
1121</svg>
1122                        </div>
1123
1124                        <div>
1125                            <p class="font-semibold text-foreground">
1126                                Dados Seguros
1127                            </p>
1128                            <p class="text-sm text-muted-foreground">
1129                                Infraestrutura certificada
1130                            </p>
1131                        </div>
1132
1133                    </div>
1134
1135                                    
1136            </div>
1137        </div>
1138    </section>
1139    </main>
1140
1141    <footer class="text-white" style="background-color: #191919">
1142    <div class="container mx-auto px-4 py-12">
1143        <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
1144            
1145            <div class="flex flex-col">
1146                <h3 class="text-2xl font-poppins font-bold mb-4">eSocial Brasil</h3>
1147                <p class="font-inter text-sm opacity-90">
1148                    Soluções completas para simplificar a gestão do eSocial na sua empresa. Consultoria especializada, sistema de gestão e treinamento.
1149                </p>
1150            </div>
1151
1152            
1153            <div class="flex flex-col">
1154                <h4 class="text-lg font-poppins font-semibold mb-4">Links Rápidos</h4>
1155                <nav class="flex flex-col gap-2 font-inter text-sm">
1156                    <a href="https://www.esocialbrasil.com.br" class="hover:text-primary transition-colors">Inicio</a>
1157                    <a href="https://www.esocialbrasil.com.br/sobre-nos" class="hover:text-primary transition-colors">Sobre Nós</a>
1158                    <a href="https://www.esocialbrasil.com.br/sistema-de-gestao-esocial" class="hover:text-primary transition-colors">Soluções</a>
1159                    <a href="https://www.esocialbrasil.com.br/blog" class="hover:text-primary transition-colors">Blog</a>
1160                    <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&amp;utm_campaign=footer&amp;utm_term=links_rapidos&amp;utm_content=contato"
1161   class="hover:text-primary transition-colors"
1162   target="_self">
1163    Contato
1164</a>
1165                </nav>
1166            </div>
1167
1168            
1169            <div class="flex flex-col">
1170                <h4 class="text-lg font-poppins font-semibold mb-4">Redes Sociais</h4>
1171                <div class="flex gap-4">
1172                                        <a href="https://www.facebook.com/esocialbrasiloficial" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="Facebook">
1173                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
1173<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg>
1174                    </a>
1175                                                            <a href="https://www.instagram.com/esocialbrasil" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="Instagram">
1176                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5" ry="5" stroke-width="2"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z" stroke-width="2"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" stroke-width="2"/></svg>
1177                    </a>
1178                                                            <a href="https://www.linkedin.com/company/esocialbrasil/" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="LinkedIn">
1179                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>
1180                    </a>
1181                                                            <a href="https://www.youtube.com/@esocialbrasilSST" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="YouTube">
1182                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.43z"/><polygon points="9.75,15.02 15.5,11.75 9.75,8.48" fill="#191919"/></svg>
1183                    </a>
1184                                    </div>
1185            </div>
1186        </div>
1187
1188        
1189        <div class="border-t border-white/20 pt-6 mt-6">
1190            <div class="flex flex-col md:flex-row justify-between items-center gap-4 font-inter text-sm opacity-90">
1191                <p>© 2022 eSocial Brasil. Todos os direitos reservados.</p>
1192                <a href="https://www.esocialbrasil.com.br/politica-de-privacidade" class="hover:text-primary transition-colors">
1193                    Politica de Privacidade
1194                </a>
1195            </div>
1196        </div>
1197    </div>
1198</footer>
1199
1200    <button onclick="openWhatsappModal()"
1201   class="fixed bottom-6 right-6 z-50 inline-flex items-center justify-center w-14 h-14 rounded-full bg-green-500 text-white shadow-lg hover:bg-green-600 transition-colors hover:scale-110 transform"
1202   aria-label="WhatsApp">
1203    <svg class="h-7 w-7" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
1204</button>
1205
1206
1207
1208    <div id="whatsapp-warning-modal" class="fixed inset-0 z-[101] hidden items-center justify-center p-4 sm:p-6" aria-labelledby="warning-modal-title" role="dialog" aria-modal="true">
1209    
1210    <div class="fixed inset-0 bg-gray-900/75 backdrop-blur-sm transition-opacity"></div>
1211
1212    <div class="relative z-10 w-full max-w-md mx-auto">
1213        
1214        <div class="relative bg-white rounded-2xl shadow-2xl p-6 sm:p-8 transform transition-all">
1215            
1216            <div class="flex justify-center mb-4">
1217                <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center">
1218                    <svg class="w-8 h-8 text-amber-600" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
1219                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
1220                    </svg>
1221                </div>
1222            </div>
1223
1224            
1225            <div class="text-center mb-6">
1226                <h3 id="warning-modal-title" class="text-2xl font-bold text-red-600 mb-3">ATENÇÃO: EMPRESA PRIVADA</h3>
1227                <div class="text-left bg-gray-50 rounded-lg p-4 border-l-4 border-red-500">
1228                    <p class="text-gray-700 text-sm mb-3 leading-relaxed">
1229                        <strong>Para consultas sobre dados empregatícios ou empréstimos,</strong> acesse exclusivamente o portal oficial do governo: <a href="https://www.gov.br" target="_blank" class="text-blue-600 hover:text-blue-800 underline font-medium">gov.br</a>.
1230                    </p>
1231                    <p class="text-gray-700 text-sm leading-relaxed">
1232                        <strong>
1232Não temos acesso a essas informações.</strong>
1233                    </p>
1234                </div>
1235            </div>
1236
1237            
1238            <div class="flex items-start gap-3 p-4 bg-amber-50 rounded-lg border border-amber-200 mb-6">
1239                <input type="checkbox" id="warning-terms" required
1240                    class="mt-1 w-5 h-5 text-amber-600 border-gray-300 rounded focus:ring-amber-500 focus:ring-2 flex-shrink-0 cursor-pointer">
1241                <label for="warning-terms" class="text-sm text-gray-700 leading-snug cursor-pointer">
1242                    <strong>Declaro estar ciente de que o eSocial Brasil é uma empresa privada, sem vínculo com o Gov.br.</strong> *
1243                </label>
1244            </div>
1245
1246            
1247            <div class="flex gap-3">
1248                <button type="button" onclick="closeWarningModal()"
1249                    class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all">
1250                    Voltar
1251                </button>
1252                <button type="button" id="confirm-warning-btn" disabled
1253                    class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all">
1254                    Confirmar e Cadastrar
1255                </button>
1256            </div>
1257        </div>
1258    </div>
1259</div>
1260
1261<div id="whatsapp-contact-modal" class="fixed inset-0 z-[100] hidden items-center justify-center p-4 sm:p-6" aria-labelledby="modal-title" role="dialog" aria-modal="true">
1262    
1263    <div class="fixed inset-0 bg-gray-900/75 backdrop-blur-sm transition-opacity"></div>
1264
1265    <div class="relative z-10 w-full max-w-md mx-auto">
1266        
1267        <div class="relative bg-white rounded-2xl shadow-2xl p-4 sm:p-6 lg:p-8 transform transition-all max-h-[95vh] overflow-y-auto">
1268            
1269            <button type="button" onclick="closeWhatsappModal()" class="absolute right-4 top-1 text-gray-400 hover:text-gray-600 transition-colors">
1270                <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
1271                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
1272                </svg>
1273            </button>
1274
1275            
1276            <div class="text-center mb-4">
1277                <h3 class="text-xl font-bold text-gray-900 mb-2">Iniciar conversa no WhatsApp</h3>
1278                <p class="text-gray-600 text-sm">Olá! Preencha os campos abaixo para iniciar a conversa no WhatsApp</p>
1279            </div>
1280
1281            
1282            <form id="whatsapp-contact-form" class="space-y-3">
1283                <input type="hidden" name="_token" value="8mmdgBl36C0sgjBuuLPYqvJJBFCeGecuI5QaEUji" autocomplete="off">
1284                
1285                <div>
1286                    <label for="contact-name" class="block text-sm font-medium text-gray-700 mb-1">Nome completo *</label>
1287                    <input type="text" id="contact-name" name="name" required
1288                        class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"
1289                        placeholder="Seu nome completo">
1290                </div>
1291
1292                
1293                <div>
1294                    <label for="contact-email" class="block text-sm font-medium text-gray-700 mb-1">E-mail *</label>
1295                    <input type="email" id="contact-email" name="email" required
1296                        class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"
1297                        placeholder="[email protected]">
1298                </div>
1299
1300                <div>
1301                    <label for="contact-phone" class="block text-sm font-medium text-gray-700 mb-1">Telefone *</label>
1302                    <div class="flex rounded-lg border border-gray-300 overflow-hidden focu
1302s-within:border-green-500 focus-within:ring-2 focus-within:ring-green-500/20 transition-all">
1303                        <span
1304                            class="flex items-center px-3 py-2 bg-gray-50 border-r border-gray-300 text-sm font-medium text-gray-500 select-none flex-shrink-0">
1305                            🇧🇷 +55
1306                        </span>
1307                        <input type="tel" id="contact-phone" name="phone" required
1308                            class="flex-1 px-3 py-2 text-gray-900 placeholder-gray-400 outline-none text-sm bg-white"
1309                            placeholder="(00) 0 0000-0000" autocomplete="tel-national">
1310                    </div>
1311                </div>
1312
1313                
1314                <div>
1315                    <label for="contact-company" class="block text-sm font-medium text-gray-700 mb-1">Empresa *</label>
1316                    <input type="text" id="contact-company" name="company" required
1317                        class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"
1318                        placeholder="Nome da sua empresa">
1319                </div>
1320
1321                
1322                <div class="contact-perfil-wrapper">
1323                    <label for="contact-perfil" class="block text-sm font-medium text-gray-700 mb-1">Qual é o perfil da empresa? *</label>
1324                    <input type="hidden" name="perfil" id="contact-perfil-hidden">
1325                    <select id="contact-perfil" required class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm">
1326                        <option value="">Selecione...</option>
1327                                                    <option value="sst_consulting" data-label="Consultoria de SST / Engenharia de Segurança do Trabalho" data-points="20">Consultoria de SST / Engenharia de Segurança do Trabalho</option>
1328                                                    <option value="occupational_clinic" data-label="Clínica de medicina ocupacional" data-points="18">Clínica de medicina ocupacional</option>
1329                                                    <option value="internal_sesmt" data-label="Empresa com SESMT interno ou equipe própria de SST" data-points="15">Empresa com SESMT interno ou equipe própria de SST</option>
1330                                                    <option value="unstructured_sst" data-label="Empresa sem área estruturada de SST, mas com necessidade ativa" data-points="10">Empresa sem área estruturada de SST, mas com necessidade ativa</option>
1331                                                    <option value="accounting" data-label="Contabilidade / Escritório" data-points="5">Contabilidade / Escritório</option>
1332                                                    <option value="other_no_sst" data-label="Outro perfil sem relação direta com SST" data-points="0">Outro perfil sem relação direta com SST</option>
1333                                            </select>
1334                </div>
1335
1336                
1337                <div class="contact-vidas-wrapper hidden opacity-0 transition-all duration-300">
1338                    <label for="contact-vidas-gerenciadas" class="block text-sm font-medium text-gray-700 mb-1">Quantas vidas a empresa gerencia hoje? *</label>
1339                    <input type="hidden" name="vidas_gerenciadas" id="contact-vidas-hidden">
1340                    <select id="contact-vidas-gerenciadas" required class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm">
1341                        <option value="">Selecione...</option>
1342                                                    <option value="over_1000" data-label="Mais de 1.000 vidas ou funcionários" data-points="20">Mais de 1.000 vidas ou funcionários</option>
1343                                                    <option value="501_to_1000" data-label="501 a 1.000 vidas ou funcionários" data-points="18">501 a 1.000 vidas ou funcionários</option>
1344                                                    <option value="201_to_500" data-label="201 a 500 vidas ou funcionários" data-points="15">201 a 500 vidas ou funcionários</option>
1345                                                    <option value="51_to_200" data-label="51 a 200 vidas ou funcionários" data-points="10">51 a 200 vidas ou funcionários</option>
1346                                                    <option value="1_to_50" data-label="1 a 50 vidas ou funcionários" data-points="5">1 a 50 vidas ou funcionários</option>
1347                                                    <option value="dont_know" data-label="Ainda não gerencio vidas" data-points="0">Ainda não gerencio vidas</option>
1348                                            </select>
1349                </div>
1350
1351                
1352                <div class="contact-dificuldade-wrapper hidden opacity-0 transition-all duration-300">
1353                    <label for="contact-dificuldade" class="block text-sm font-medium text-gray-700 mb-1">Qual é a principal dificuldade atual? *</label>
1354                    <input type="hidden" name="dificuldade" id="contact-dificuldade-hidden">
1355                    <select id="contact-dificuldade" required class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm">
1356                        <option value="">Selecione...</option>
1357                                                    <option value="organize_esocial" data-label="Organizar eSocial SST, eventos, documentos e prazos em uma plataforma" data-points="15">Organizar eSocial SST, eventos, documentos e prazos em uma plataforma</option>
1358                                                    <option value="generate_documents" data-label="Gerar PGR, PCMSO, LTCAT, ASO ou documentos legais com mais controle" data-points="13">Gerar PGR, PCMSO, LTCAT, ASO ou documentos legais com mais controle</option>
1359                                                    <option value="control_training" data-label="Controlar treinamentos, certificados, EPI ou exames ocupacionais" data-points="12">Controlar treinamentos, certificados, EPI ou exames ocupacionais</option>
1360                                                    <option value="replace_spreadsheets" data-label="Substituir planilhas/processos manuais" data-points="10">Substituir planilhas/processos manuais</option>
1361                                                    <option value="just_researching" data-label="Apenas pesquisando conteúdo sem dor definida" data-points="3">Apenas pesquisando conteúdo sem dor definida</option>
1362                                                    <option value="no_difficulty" data-label="Nenhuma dificuldade informada" data-points="0">Nenhuma dificuldade informada</option>
1363                                            </select>
1364                </div>
1365
1366                
1367                <div id="whatsapp-difficulty-details-wrapper" class="hidden opacity-0 transition-all duration-300">
1368                    <div>
1369                        <label for="contact-dificuldade-outros" class="block text-sm font-medium text-gray-700 mb-1">Descreva sua situação *</label>
1370                        <textarea id="contact-dificuldade-outros" name="dificuldade_outros" rows="2" maxlength="5000"
1371                            class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"
1372                            placeholder="Conte-nos mais sobre o que você busca..."></textarea>
1373                    </div>
1374                </div>
1375
1376                
1377                <div class="flex gap-3 pt-2">
1378                    <button type="button" onclick="closeWhatsappModal()"
1379                        class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all">
1380                        Cancelar
1381                    </button>
1382                    <button type="button" onclick="validateAndOpenWarning()"
1383                        class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all">
1384                        Continuar
1385                    </button>
1386                </div>
1387                <p class="flex items-center gap-2 text-xs text-muted-foreground font-inter mt-4">
1388                    <svg class="h-4 w-4"
1389  xmlns="http://www.w3.org/2000/svg"
1390  width="24"
1391  height="24"
1392  viewBox="0 0 24 24"
1393  fill="none"
1394  stroke="currentColor"
1395  stroke-width="2"
1396  stroke-linecap="round"
1397  stroke-linejoin="round"
1398>
1399  <rect width="18" height="11" x="3" y="11" rx="2" ry="2" />
1400  <path d="M7 11V7a5 5 0 0 1 10 0v4" />
1401</svg>
1402                    Seus dados estão seguros. Não enviamos spam.
1403                </p>
1404            </form>
1405        </div>
1406    </div>
1407</div>
1408
1409<script>
1410    document.addEventListener('DOMContentLoaded', function() {
1411        const phoneInput = document.getElementById('contact-phone');
1412
1413        const MASK = '(XX) X XXXX-XXXX';
1414        const EXAMPLE = '(31) 9 9165-9540';
1415
1416        function applyMask(value) {
1417            let digits = value.replace(/\D/g, '');
1418            let result = '';
1419            let index = 0;
1420
1421            for (let i = 0; i < MASK.length && index < digits.length; i++) {
1422                result += MASK[i] === 'X' ?
1423                    digits[index++] :
1424                    MASK[i];
1425            }
1426
1427            return result;
1428        }
1429
1430        if (phoneInput) {
1431            phoneInput.placeholder = EXAMPLE;
1432
1433            phoneInput.addEventListener('input', function(e) {
1434                e.target.value = applyMask(e.target.value);
1435            });
1436        }
1437
1438        // ============================================
1439        // LEAD SCORING
1440        // ============================================
1441        function calculateScore() {
1442            const perfilSelect = document.getElementById('contact-perfil');
1443            const vidasSelect = document.getElementById('contact-vidas-gerenciadas');
1444            const dificuldadeSelect = document.getElementById('contact-dificuldade');
1445
1446            const profilePoints = perfilSelect && perfilSelect.value ? parseInt(perfilSelect.options[perfilSelect.selectedIndex].dataset.points || 0) : 0;
1447            const volumePoints = vidasSelect && vidasSelect.value ? parseInt(vidasSelect.options[vidasSelect.selectedIndex].dataset.points || 0) : 0;
1448            const difficultyPoints = dificuldadeSelect && dificuldadeSelect.value ? parseInt(dificuldadeSelect.options[dificuldadeSelect.selectedIndex].dataset.points || 0) : 0;
1449
1450            return profilePoints + volumePoints + difficultyPoints;
1451        }
1452
1453        function calculateLeadTier(score) {
1454            if (score >= 37) return 'Quente - Alta aderência';
1455            if (score >= 19) return 'Morno - Aderência média';
1456            return 'Frio - Baixa aderência';
1457        }
1458
1459        // Atualizar campos hidden com os labels em português
1460        function updateHiddenFields() {
1461            const perfilSelect = document.getElementById('contact-perfil');
1462            const vidasSelect = document.getElementById('contact-vidas-gerenciadas');
1463            const dificuldadeSelect = document.getElementById('contact-dificuldade');
1464
1465            const perfilHidden = document.getElementById('contact-perfil-hidden');
1466            const vidasHidden = document.getElementById('contact-vidas-hidden');
1467            const dificuldadeHidden = document.getElementById('contact-dificuldade-hidden');
1468
1469            if (perfilSelect && perfilHidden) {
1470                const option = perfilSelect.options[perfilSelect.selectedIndex];
1471                perfilHidden.value = option?.dataset.label || '';
1472            }
1473
1474            if (vidasSelect && vidasHidden) {
1475                const option = vidasSelect.options[vidasSelect.selectedIndex];
1476                vidasHidden.value = option?.dataset.label || '';
1477            }
1478
1479            if (dificuldadeSelect && dificuldadeHidden) {
1480                const option = dificuldadeSelect.options[dificuldadeSelect.selectedIndex];
1481                dificuldadeHidden.value = option?.dataset.label || '';
1482            }
1483        }
1484
1485        // ============================================
1486        // ANIMAÇÃO PROGRESSIVA DAS PERGUNTAS
1487        // ============================================
1488        const perfilWrapper = document.querySelector('.contact-perfil-wrapper');
1489        const vidasWrapper = document.querySelector('.contact-vidas-wrapper');
1490        const dificuldadeWrapper = document.querySelector('.contact-dificuldade-wrapper');
1491
1492        // Mostrar "Quantas vidas" quando perfil é selecionado
1493        document.getElementById('contact-perfil')?.addEventListener('change', function() {
1494            updateHiddenFields();
1495            if (this.value) {
1496                vidasWrapper.classList.remove('hidden');
1497                setTimeout(() => {
1498                    vidasWrapper.classList.remove('opacity-0');
1499                    vidasWrapper.classList.add('opacity-100');
1500                }, 10);
1501            }
1502        });
1503
1504        // Mostrar "Dificuldade" quando vidas é selecionado
1505        document.getElementById('contact-vidas-gerenciadas')?.addEventListener('change', function() {
1506            updateHiddenFields();
1507            if (this.value) {
1508                dificuldadeWrapper.classList.remove('hidden');
1509                setTimeout(() => {
1510                    dificuldadeWrapper.classList.remove('opacity-0');
1511                    dificuldadeWrapper.classList.add('opacity-100');
1512                }, 10);
1513            }
1514        });
1515
1516        document.getElementById('contact-dificuldade')?.addEventListener('change', updateHiddenFields);
1517
1518        // Listener para campo condicional de detalhes da dificuldade
1519        const difficultySelect = document.getElementById('contact-dificuldade');
1520        const difficultyDetailsWrapper = document.getElementById('whatsapp-difficulty-details-wrapper');
1521        const difficultyDetailsInput = document.getElementById('contact-dificuldade-outros');
1522
1523        if (difficultySelect) {
1524            difficultySelect.addEventListener('change', function() {
1525                if (this.value === 'no_difficulty') {
1526                    difficultyDetailsWrapper.classList.remove('hidden');
1527                    setTimeout(() => {
1528                        difficultyDetailsWrapper.classList.remove('opacity-0');
1529                        difficultyDetailsWrapper.classList.add('opacity-100');
1530                    }, 10);
1531                    difficultyDetailsInput.setAttribute('required', 'true');
1532                } else {
1533                    difficultyDetailsWrapper.classList.remove('opacity-100');
1534                    difficultyDetailsWrapper.classList.add('opacity-0');
1535                    setTimeout(() => {
1536                        difficultyDetailsWrapper.classList.add('hidden');
1537                    }, 300);
1538                    difficultyDetailsInput.removeAttribute('required');
1539                    difficultyDetailsInput.value = '';
1540                }
1541            });
1542        }
1543    });
1544
1545    function openWhatsappModal() {
1546        const modal = document.getElementById('whatsapp-contact-modal');
1547        modal.classList.remove('hidden');
1548        modal.classList.add('flex');
1549        document.body.style.overflow = 'hidden';
1550    }
1551
1552    function closeWhatsappModal() {
1553        const modal = document.getElementById('whatsapp-contact-modal');
1554        modal.classList.add('hidden');
1555        modal.classList.remove('flex');
1556        document.body.style.overflow = '';
1557    }
1558
1559    function openWarningModal() {
1560        closeWhatsappModal();
1561        const warningModal = document.getElementById('whatsapp-warning-modal');
1562        warningModal.classList.remove('hidden');
1563        warningModal.classList.add('flex');
1564        document.body.style.overflow = 'hidden';
1565    }
1566
1567    function validateAndOpenWarning() {
1568        const name = document.getElementById('contact-name').value.trim();
1569        const email = document.getElementById('contact-email').value.trim();
1570        const phone = document.getElementById('contact-phone').value.trim();
1571        const company = document.getElementById('contact-company').value.trim();
1572        const perfil = document.getElementById('contact-perfil').value;
1573        const vidas = document.getElementById('contact-vidas-gerenciadas').value;
1574        const dificuldade = document.getElementById('contact-dificuldade').value;
1575        const dificuldadeOutros = document.getElementById('contact-dificuldade-outros').value;
1576
1577        if (!name || !email || !phone || !company || !perfil || !vidas || !dificuldade) {
1578            alert('Preencha todos os campos obrigatórios.');
1579            return;
1580        }
1581
1582        if (dificuldade === 'no_difficulty' && !dificuldadeOutros.trim()) {
1583            alert('Por favor, descreva sua situação.');
1584            return;
1585        }
1586
1587        // Validar email
1588        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
1589        if (!emailRegex.test(email)) {
1590            alert('Por favor, insira um e-mail válido.');
1591            return;
1592        }
1593
1594        // Validar telefone (deve ter pelo menos 10 dígitos)
1595        const phoneClean = phone.replace(/\D/g, '');
1596        if (phoneClean.length < 10) {
1597            alert('Por favor, insira um telefone válido.');
1598            return;
1599        }
1600
1601        openWarningModal();
1602    }
1603
1604    function closeWarningModal() {
1605        const warningModal = document.getElementById('whatsapp-warning-modal');
1606        warningModal.classList.add('hidden');
1607        warningModal.classList.remove('flex');
1608        document.body.style.overflow = '';
1609
1610        // Limpar checkbox
1611        document.getElementById('warning-terms').checked = false;
1612        document.getElementById('confirm-warning-btn').disabled = true;
1613    }
1614
1615    // Event listener para o botão "Confirmar e Cadastrar" do modal de aviso
1616    const confirmBtn = document.getElementById('confirm-warning-btn');
1617    const termsCheckbox = document.getElementById('warning-terms');
1618
1619    if (confirmBtn && termsCheckbox) {
1620        confirmBtn.disabled = true;
1621
1622        termsCheckbox.addEventListener('change', function() {
1623            confirmBtn.disabled = !this.checked;
1624        });
1625
1626        confirmBtn.addEventListener('click', async function() {
1627            if (!termsCheckbox.checked) {
1628                alert('Confirme os termos.');
1629                return;
1630            }
1631
1632            const form = document.getElementById('whatsapp-contact-form');
1633            const formData = new FormData(form);
1634
1635            const phoneInput = document.getElementById('contact-phone');
1636            const phoneNumber = phoneInput.value;
1637
1638            // Atualizar campos hidden antes de enviar
1639            const perfilSelect = document.getElementById('contact-perfil');
1640            const vidasSelect = document.getElementById('contact-vidas-gerenciadas');
1641            const dificuldadeSelect = document.getElementById('contact-dificuldade');
1642
1643            const perfilHidden = document.getElementById('contact-perfil-hidden');
1644            const vidasHidden = document.getElementById('contact-vidas-hidden');
1645            const dificuldadeHidden = document.getElementById('contact-dificuldade-hidden');
1646
1647            if (perfilSelect && perfilHidden) {
1648                const option = perfilSelect.options[perfilSelect.selectedIndex];
1649                formData.set('perfil', option?.dataset.label || '');
1650            }
1651
1652            if (vidasSelect && vidasHidden) {
1653                const option = vidasSelect.options[vidasSelect.selectedIndex];
1654                formData.set('vidas_gerenciadas', option?.dataset.label || '');
1655            }
1656
1657            if (dificuldadeSelect && dificuldadeHidden) {
1658                const option = dificuldadeSelect.options[dificuldadeSelect.selectedIndex];
1659                formData.set('dificuldade', option?.dataset.label || '');
1660            }
1661
1662            // Calcular lead_score e lead_tier
1663            const profilePoints = perfilSelect && perfilSelect.value ? parseInt(perfilSelect.options[perfilSelect.selectedIndex].dataset.points || 0) : 0;
1664            const volumePoints = vidasSelect && vidasSelect.value ? parseInt(vidasSelect.options[vidasSelect.selectedIndex].dataset.points || 0) : 0;
1665            const difficultyPoints = dificuldadeSelect && dificuldadeSelect.value ? parseInt(dificuldadeSelect.options[dificuldadeSelect.selectedIndex].dataset.points || 0) : 0;
1666            const scoreTotal = profilePoints + volumePoints + difficultyPoints;
1667            let leadTier = 'Frio - Baixa aderência';
1668            if (scoreTotal >= 37) leadTier = 'Quente - Alta aderência';
1669            else if (scoreTotal >= 19) leadTier = 'Morno - Aderência média';
1670
1671            formData.set('lead_score', scoreTotal);
1672            formData.set('lead_tier', leadTier);
1673            formData.set('dificuldade_outros', document.getElementById('contact-dificuldade-outros').value || '');
1674            formData.set('terms', '1');
1675            formData.set('phone', phoneNumber);
1676            formData.set('phone_formatted', phoneNumber);
1677
1678            confirmBtn.disabled = true;
1679            confirmBtn.textContent = 'Enviando...';
1680
1681            
1682            const whatsappUrl =
1683            'https://wa.me/5531991689540?text=Quero+saber+mais+sobre+o+software%21';
1684
1685            try {
1686                await fetch('https://www.esocialbrasil.com.br/whatsapp-contact', {
1687                    method: 'POST',
1688                    body: formData,
1689                    headers: {
1690                        'X-Requested-With': 'XMLHttpRequest'
1691                    }
1692                });
1693            } catch (error) {
1694                console.error('Erro webhook:', error);
1695            } finally {
1696                window.open(whatsappUrl, '_blank');
1697                closeWarningModal();
1698                form.reset();
1699                confirmBtn.disabled = false;
1700                confirmBtn.textContent = 'Confirmar e Cadastrar';
1701            }
1702        });
1703    }
1704
1705    // fechar modal clicando fora
1706    document.getElementById('whatsapp-contact-modal').addEventListener('click', function(e) {
1707        if (e.target === this) closeWhatsappModal();
1708    });
1709
1710    document.getElementById('whatsapp-warning-modal').addEventListener('click', function(e) {
1711        if (e.target === this) closeWarningModal();
1712    });
1713
1714    // ESC fecha
1715    document.addEventListener('keydown', function(e) {
1716        if (e.key === 'Escape') {
1717            closeWhatsappModal();
1718            closeWarningModal();
1719        }
1720    });
1721</script>
1721
1722
1723    <div
1724    x-data="{
1725        toasts: [],
1726    }"
1727    class="fixed bottom-4 right-4 z-50 flex flex-col items-end gap-2 pointer-events-none"
1728    x-show="toasts.length > 0"
1729    x-cloak
1730>
1731    <template x-for="toast in toasts" :key="toast.id">
1732        <div class="pointer-events-auto" x-html="toast.html"></div>
1733    </template>
1734</div>
1735    
1736    
1736<script src="https://www.esocialbrasil.com.br/vendor/livewire/livewire.min.js?id=57eb113f"   data-csrf="8mmdgBl36C0sgjBuuLPYqvJJBFCeGecuI5QaEUji" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1736
1737
1738    
1739    
1739<script>
1740document.addEventListener('DOMContentLoaded', function() {
1741    if (!window.EsocialAnalytics) {
1742        console.warn('EsocialAnalytics não está disponível');
1743        return;
1744    }
1745
1746    // ========== SCROLL DEPTH TRACKING ==========
1747    let scrollTracked = { 25: false, 50: false, 75: false, 90: false };
1748
1749    window.addEventListener('scroll', function() {
1750        const scrollPercent = Math.round(
1751            (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100
1752        );
1753
1754        Object.keys(scrollTracked).forEach(depth => {
1755            if (!scrollTracked[depth] && scrollPercent >= depth) {
1756                EsocialAnalytics.trackScrollDepth(parseInt(depth));
1757                scrollTracked[depth] = true;
1758            }
1759        });
1760    });
1761
1762    // ========== TIME ON PAGE TRACKING ==========
1763    setTimeout(function() {
1764        EsocialAnalytics.trackTimeOnPage(30);
1765    }, 30000);
1766
1767    setTimeout(function() {
1768        EsocialAnalytics.trackTimeOnPage(60);
1769    }, 60000);
1770
1771    setTimeout(function() {
1772        EsocialAnalytics.trackTimeOnPage(120);
1773    }, 120000);
1774
1775    // ========== FORM SUBMISSION TRACKING ==========
1776    const trackFormSubmit = function(form) {
1777        const formName = form.getAttribute('data-analytics-form') ||
1778                        form.getAttribute('name') ||
1779                        form.id ||
1780                        'unknown_form';
1781        const formId = form.id || form.name || 'unknown';
1782
1783        EsocialAnalytics.trackFormSubmit(formName, formId);
1784    };
1785
1786    // Track form submissions globally
1787    document.addEventListener('submit', function(event) {
1788        if (event.target.tagName === 'FORM') {
1789            trackFormSubmit(event.target);
1790        }
1791    });
1792
1793    // ========== DOWNLOAD LINK TRACKING ==========
1794    document.querySelectorAll('a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".xls"], a[href$=".xlsx"], a[href$=".ppt"], a[href$=".pptx"], a[href$=".zip"], a[href$=".rar"]').forEach(function(link) {
1795        link.addEventListener('click', function(e) {
1796            const url = this.href;
1797            const extension = url.split('.').pop().split('?')[0];
1798            const fileName = url.split('/').pop().split('?')[0];
1799
1800            EsocialAnalytics.trackDownload(fileName, url, extension);
1801        });
1802    });
1803
1804    // ========== WHATSAPP BUTTON TRACKING ==========
1805    const whatsappButtons = document.querySelectorAll('[onclick*="openWhatsappModal"], [onclick*="whatsapp"], .whatsapp-btn, [aria-label*="whatsapp"], [aria-label*="WhatsApp"]');
1806
1807    whatsappButtons.forEach(function(button) {
1808        button.addEventListener('click', function(e) {
1809            const buttonText = this.textContent.trim() || this.getAttribute('aria-label') || 'WhatsApp';
1810            const buttonPosition = this.closest('header') ? 'header' :
1811                               this.closest('footer') ? 'footer' :
1812                               this.closest('.hero') ? 'hero' : 'content';
1813
1814            EsocialAnalytics.trackClick('whatsapp_button', 'button', buttonText, {
1815                button_position: buttonPosition
1816            });
1817        });
1818    });
1819
1820    // ========== CONTACT LINK TRACKING ==========
1821    const contactLinks = document.querySelectorAll('a[href*="contacto"], a[href*="contato"], .contact-link');
1822
1823    contactLinks.forEach(function(link) {
1824        link.addEventListener('click', function(e) {
1825            EsocialAnalytics.trackClick('contact_link', 'link', this.textContent.trim());
1826        });
1827    });
1828
1829    // ========== CTA BUTTON TRACKING ==========
1830    const ctaButtons = document.querySelectorAll('.btn-primary, .cta-button, [class*="cta"]');
1831
1832    ctaButtons.forEach(function(button) {
1833        button.addEventListener('click', function(e) {
1834            const ctaText = this.textContent.trim() || this.getAttribute('aria-label') || 'CTA';
1835            const ctaUrl = this.href || '#';
1836            const ctaPosition = this.closest('header') ? 'header' :
1837                               this.closest('footer') ? 'footer' :
1838                               this.closest('.hero') ? 'hero' :
1839                               this.closest('section') ? 'section' : 'unknown';
1840
1841            EsocialAnalytics.trackCTA(ctaText, ctaPosition, ctaUrl);
1842        });
1843    });
1844
1845    // ========== MODAL OPEN TRACKING ==========
1846    const originalOpenWhatsappModal = window.openWhatsappModal;
1847
1848    if (typeof openWhatsappModal === 'function') {
1849        window.openWhatsappModal = function() {
1850            EsocialAnalytics.trackModalOpen('whatsapp_contact', 'floating_button');
1851
1852            if (originalOpenWhatsappModal) {
1853                return originalOpenWhatsappModal.apply(this, arguments);
1854            }
1855        };
1856    }
1857
1858    // Track any modal that opens
1859    const observeModals = function() {
1860        const modals = document.querySelectorAll('[role="dialog"], .modal');
1861
1862        modals.forEach(function(modal) {
1863            const observer = new MutationObserver(function(mutations) {
1864                mutations.forEach(function(mutation) {
1865                    if (mutation.attributeName === 'style' || mutation.attributeName === 'class') {
1866                        const isVisible = modal.classList.contains('show') ||
1867                                        modal.classList.contains('active') ||
1868                                        modal.style.display !== 'none';
1869
1870                        if (isVisible && !modal.dataset.analyticsTracked) {
1871                            const modalName = modal.id || modal.getAttribute('aria-label') || 'unknown_modal';
1872                            EsocialAnalytics.trackModalOpen(modalName);
1873                            modal.dataset.analyticsTracked = 'true';
1874                        }
1875                    }
1876                });
1877            });
1878
1879            observer.observe(modal, { attributes: true });
1880        });
1881    };
1882
1883    // Wait for modals to be available
1884    setTimeout(observeModals, 1000);
1885
1886    console.log('📊 Analytics auto-tracking inicializado');
1887});
1888</script>
1888
1889
1890    </body>
1891</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.