PageSourceSearch

https://seucertificadodigital.com/loja/

html seucertificadodigital.com collected 2026-10-05 02:31:47 UTC 59,728 bytes, 1,118 lines download raw bytes

1<!-- venda online 2 -->
2
3
4<!DOCTYPE html>
5<html lang="pt-BR">
6
7<head>
8    <meta charset="UTF-8">
9    <meta name="viewport" content="width=device-width, initial-scale=1.0">
10    <title>AR FiscalCore</title>
11    <link type="text/css" rel="stylesheet" href="https://cdn.gestao.plus/lp/assets/css/bootstrap-vue.css" />
12    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
13    <link type="text/css" rel="stylesheet" href="https://cdn.gestao.plus/lp/assets/css/bootstrap.min.css">
14    </head>
15
16<style>
17    .header {
18        border-top: 5px solid #1A88FF;
19        border-bottom: 5px solid #1A88FF;
20        background-color: #fff;
21    }
22    .footer {
23        border-top: 2px solid #1A88FF;
24    }
25    .section-duvidas {
26        border-right: 2px solid rgba(0, 0, 0, 0.1);
27        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
28        border-radius: 15px;
29        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
30    }
31    footer.footer {
32        position: relative;
33        z-index: 5;
34    }
35    .header-links {
36        gap: 10px;
37    }
38	.btn-whatsapp {
39		position: fixed;
40		bottom: 125px;
41		right: 40px;
42		background-color: #01AB31CC;
43		color: white;
44		border-radius: 50px;
45		font-weight: bold;
46		padding: 10px 40px;
47		display: flex;
48		align-items: center;
49		gap: 20px;
50		text-decoration: none;
51		font-size: 16px;
52		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
53		z-index: 1000;
54		transition: transform 0.2s ease;
55	}
56	.btn-whatsapp:hover {
57		transform: scale(1.05);
58		text-decoration: none;
59		color: white;
60	}
61    .btn-light {
62        background-color: #a9a8a8ff;
63        border-color: #a9a8a8ff;
64        color: #000;
65        border-radius: 30px;
66    }
67    .btn-light:hover {
68        background-color: #5d5d5dff;
69        border-color: #5d5d5dff;
70        color: #000;
71    }
72    .btn-dark {
73        background-color: #ffffffff;
74        border-color: #ffffffff;
75        color: #000000;
76        border-radius: 30px;
77    }
78    .btn-dark:hover {
79        background-color: #a9a8a8ff;
80        border-color: #a9a8a8ff;
81        color: #000000ff;
82    }
83    .btn-primary {
84        border-color: #FFF;
85        border-radius: 30px;
86        padding-left: 15px;
87        padding-right: 15px;
88    }
89    .btn-primary:hover {
90        border-color: #FFF;
91        border-radius: 30px;
92        padding-left: 15px;
93        padding-right: 15px;
94    }
95    .btn-emitir {
96        border-color: #FFF;
97        border-radius: 30px;
98        padding-left: 40px;
99        padding-right: 40px;
100    }
101    .btn-duvidas {
102        background-color: #FFFFFF;
103        border: 1px solid  #FFFFFF;
104        color:  #1A88FF;
105        border-radius: 30px;
106        padding: 10px 73px;
107        transition: all 0.2s ease-in-out;
108    }
109    .btn-duvidas:hover {
110        color: #FFFFFF;
111        border: 1px solid #FFFFFF;
112        background-color: #1A88FF;
113    }
114    .btn-certifi {
115        background-color: #FFFFFF;
116        border: 1px solid  #FFFFFF;
117        color:  #1A88FF;
118        border-radius: 30px;
119        padding: 10px 100px;
120        transition: all 0.2s ease-in-out;
121    }
122    .btn-certifi:hover {
123        color: #FFFFFF;
124        border: 1px solid #FFFFFF;
125        background-color: #1A88FF;
126    }
127    .product-card {
128        width: 220px;
129        height: 295px;
130        background: #fff;
131        border-radius: 12px;
132        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
133        display: flex;
134        flex-direction: column;
135        justify-content: space-between;
136        overflow: hidden;
137        transition: transform 0.3s ease, box-shadow 0.2s ease;
138    }
139    .product-card:hover {
140        transform: translateY(-5px);
141        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
142    }
143    .product-image {
144        background-color: #D9D9D9;
145        height: 150px;
146        display: flex;
147        align-items: center;
148        justify-content: center;
149    }
150    .product-image img {
151        max-width: 80%;
152        max-height: 80%;
153        object-fit: contain;
154    }
155    .product-body {
156        padding: 16px;
157        background-color: #F9F9F9;
158    }
159    .product-title {
160        font-weight: 600;
161        font-size: 0.95rem;
162        color: #333;
163        margin-bottom: 10px;
164        min-height: 38px;
165    }
166    .product-price-new {
167        color: #01AB31;
168        font-weight: 700;
169        font-size: 17px;
170        margin: 0;
171    }
172    .product-price-old {
173        color: #999;
174        text-decoration: line-through;
175        margin-left: 6px;
176        font-size: 14px;
177    }
178    .product-btn {
179        display: block;
180        text-align: center;
181        font-weight: 600;
182        padding: 10px;
183        border-radius: 8px;
184        text-decoration: none;
185        margin-top: 12px;
186        transition: opacity 0.2s ease;
187    }
188    .product-btn:hover {
189        opacity: 0.9;
190    }
191    .product-header {
192        display: flex;
193        align-items: center;
194        justify-content: space-between;
195        gap: 8px;
196        width: 100%;
197    }
198    .custom-select {
199        appearance: none;
200        -webkit-appearance: none;
201        -moz-appearance: none;
202        background-color: var(--select-color);
203        border: 1.8px solid var(--select-color);
204        border-radius: 50px;
205        color: #fff;
206        font-size: 10px;
207        font-weight: 500;
208        padding: 2px 20px 2px 9px;
209        height: 17px;
210        width: 70px;
211        line-height: 1;
212        cursor: pointer;
213        background-image: url("data:image/svg+xml;
213utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.2826 1.28318L6.28255 6.28318C6.21287 6.3531 6.13008 6.40857 6.03892 6.44643C5.94775 6.48428 5.85001 6.50377 5.7513 6.50377C5.65259 6.50377 5.55485 6.48428 5.46369 6.44643C5.37252 6.40857 5.28973 6.3531 5.22005 6.28318L0.220051 1.28318C0.0791548 1.14228 0 0.951183 0 0.751926C0 0.552669 0.0791548 0.361572 0.220051 0.220676C0.360947 0.0797797 0.552044 0.000625136 0.751301 0.000625133C0.950558 0.000625131 1.14165 0.0797797 1.28255 0.220676L5.75193 4.69005L10.2213 0.220051C10.3622 0.079155 10.5533 0 10.7526 0C10.9518 0 11.1429 0.079155 11.2838 0.220051C11.4247 0.360948 11.5039 0.552044 11.5039 0.751301C11.5039 0.950559 11.4247 1.14165 11.2838 1.28255L11.2826 1.28318Z' fill='white'/></svg>");
214        background-repeat: no-repeat;
215        background-position: right 7px center;
216        background-size: 10px 7px;
217    }
218    .custom-select:focus {
219        outline: none;
220        box-shadow: none;
221        border-color: var(--select-color);
222    }
223    .custom-select option:checked,
224    .custom-select option:hover,
225    .custom-select option:focus {
226        background-color: transparent !important;
227        color: inherit !important;
228    }
229    .custom-select::-ms-expand {
230        display: none;
231    }
232    .faq-container {
233        max-width: 800px;
234        margin: 0 auto;
235        font-family: Arial, sans-serif;
236    }
237    .faq-item {
238        border-radius: 15px;
239        padding: 15px 20px;
240        margin-bottom: 15px;
241        background: #1A88FF;
242    }
243    .faq-item summary {
244        cursor: pointer;
245        font-weight: 600;
246        position: relative;
247        padding-right: 25px;
248        list-style: none;
249    }
250    .faq-item summary::-webkit-details-marker {
251        display: none;
252    }
253    .faq-item summary {
254        cursor: pointer;
255        font-weight: 600;
256        position: relative;
257        padding-right: 25px;
258        list-style: none;
259    }
260    .faq-item summary::-webkit-details-marker {
261        display: none;
262    }
263    .faq-item summary {
264        cursor: pointer;
265        font-weight: 600;
266        position: relative;
267        padding-right: 25px;
268        list-style: none;
269    }
270    .faq-item summary::-webkit-details-marker {
271        display: none;
272    }
273    .faq-item summary::after {
274        content: "";
275        position: absolute;
276        right: 0;
277        width: 16px;
278        height: 16px;
279        background-repeat: no-repeat;
280        background-size: 16px 16px;
281        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
282        transition: 0.2s ease;
283    }
284    .faq-item[open] summary::after {
285        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3E%3C/svg%3E");
286    }
287    .faq-item p {
288        border-top: 2px solid #FFFFFF;
289        padding-top: 12px;
290        margin-top: 12px;
291        color: #FFFFFF;
292    }
293    .banner section {
294        border-bottom: 5px solid #1A88FF;
295    }
296    .card-footer{
297        border-radius: 20px !important;
298        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
299        background-color: #F2F5F9;
300        color: #1A88FF;
301    }
302    @media (max-width: 768px) {
303        .hide-mobile {
304            display: none !important;
305        }
306    }
307    .banner-section {
308        height: 45vh;
309        min-height: 700px;
310    }
311    @media (max-width: 767px) {
312        .banner-section {
313            height: 30vh;
314            min-height: 180px;
315            background-position: center;
316        }
317    }
318    .card-banner{
319        border-radius: 20px;
320        border: 1px solid #1A88FF;
321        background-color: rgba(26, 136, 255, 0.3);
322    }
323    .card-border{
324        border-radius: 20px;
325        background-color: #D9D9D9; 
326    }
327    .button-product{
328        border-radius: 50px;
329        color: #1E1E1E;
330        width: 200px;
331    }
332    .button-product:hover{
333        background-color: rgba(26, 136, 255, 0.3);
334    }
335    .button-product-active{
336        background-color: #1A88FF !important;
337        color:  #FFFFFF !important;
338    }
339    .select-wrapper {
340        position: relative;
341    }
342    .select-type {
343        border-radius: 40px;
344        background: #DBD3DF;
345        position: absolute;
346        bottom: 19%;
347        width: 100%;
348        height: 65px;
349        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
350        z-index: 1;
351    }
352    .button-product, 
353    .select-type-none {
354        position: relative;
355        z-index: 10;
356    }
357    .select-type-none{
358        border-radius: 20px;
359        border: 1px solid #1A88FF;;
360        background: #DBD3DF;
361        font-size: 16px;
362        font-weight: 400;
363        color: #1A88FF;;  
364    }
365    .tutorial-item {
366        position: relative;
367    }
368    .row-equal {
369        display: flex;
370        flex-wrap: wrap;
371    }
372    .tutorial-item {
373        display: flex;
374        flex-direction: column;
375    }
376    .card-tutorial {
377        flex: 1;
378    }
379    .btn-tutorial {
380        position: absolute;
381        top: 10px;
382        left: 50%;
383        transform: translateX(-50%);
384        width: 40px;
385        height: 40px;
386        background: #ffffff;
387        border-radius: 50%;
388        border: 4px solid #1A88FF;
389        color: #1A88FF;
390        display: flex;
391        justify-content: center;
392        align-items: center;
393        font-weight: bold;
394        z-index: 10;
395    }
396    .card-tutorial {
397        border-radius: 20px;
398        padding: 40px 20px 0px 20px;
399        margin-top: 30px;
400        background-color: #1A88FF;
401        color: #FFFFFF;
402    }
403    .discount-pill {
404        border: 1.5px solid #FF4D4D;   
405        color: #FF4D4D;                
406        padding: 2px 10px;
407        border-radius: 20px;           
408        font-size: 12px;
409        font-weight: 600;
410        line-height: 1;
411        display: inline-block;
412        align-self: flex-start;
413    }
414    .banner-title {
415        font-size: 40px;
416    }
417    .banner-subtitle {
418        font-size: 20px;
419    }
420    @media (max-width: 768px) {
421        .banner-title {
422            font-size: 20px;
423        }
424        .banner-subtitle {
425            font-size: 10px;
426        }
427    }
428    .custom-modal {
429        border: 2px solid #1A88FF;
430        border-radius: 16px;
431        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
432        background: #fff;
433    }
434    .custom-modal .modal-header {
435        padding-bottom: 0;
436    }
437    .custom-modal .modal-title {
438        font-weight: 700;
439        color: #222;
440        font-size: 1.25rem;
441    }
442    .custom-modal .modal-body {
443        padding: 1.5rem 1.5rem 0.5rem 1.5rem;
444    }
445    .custom-modal .modal-description {
446        color: #444;
447        font-size: 0.95rem;
448        line-height: 1.6;
449        white-space: pre-wrap;
450    }
451    .custom-modal .modal-footer {
452        padding-top: 0.5rem;
453    }
454    .btn-modal {
455        background-color: transparent;
456        border: 1px solid  #1A88FF;
457        color:  #1A88FF;
458        border-radius: 20px;
459        font-size: 10px;
460        font-weight: 600;
461        transition: all 0.2s ease-in-out;
462    }
463    .btn-modal:hover {
464        color: #FFFFFF;
465        background-color: #1A88FF;
466    }
467    .btn-modal2 {
468        background-color: transparent;
469        border: 1px solid #1A88FF;
470        color: #1A88FF;
471        border-radius: 20px;
472        padding: 0.375rem 1.5rem;
473        font-size: 0.9rem;
474        font-weight: 600;
475        transition: all 0.2s ease-in-out;
476        cursor: pointer;
477    }
478    .btn-modal2:hover {
479        color: #FFFFFF;
480        background-color: #1A88FF;
481        border-color: #1A88FF;
482    }
483</style>
484
485<body>
486    <div id="app" class="bg-white" style="font-size: 15px;">
487        <header class="header">
488            <div class="container py-3 d-flex justify-content-between align-items-center flex-wrap">
489                <div class="d-none d-md-block">
490                    <img src="https://migrate.gestao.plus/ui/dist/logo.png" style="max-width: 100px; max-height: 100px;">
491                </div>
492                <div class="d-block d-md-none w-100 d-flex justify-content-center">
493                    <img src="https://migrate.gestao.plus/ui/dist/logo.png" style="max-width: 100px; max-height: 100px;">
494                </div>
495                <div class="d-flex align-items-center flex-wrap justify-content-center header-links">
496                    <a href="#certificados" style="color: #000; text-decoration: underline;text-decoration-color: #1A88FF;text-decoration-thickness: 3px;">Certificados digitais
497                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
498                            <path d="M14.25 6.375L9 11.625L3.75 6.375" stroke="#1A88FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
499                        </svg>
500                    </a>
501                    <a target="_blank" href="https://api.whatsapp.com/se
501nd?phone=5511972227531&text=" class="btn btn-dark"> 
502                        Suporte
503                    </a>
504                    <a href="#tutoriais" class="text-black btn btn-dark">Tutoriais</a>
505                    <a href="#beneficios" class="text-black btn btn-dark">Benefícios</a>
506                    <a href="#quemsomos" class="text-black btn btn-dark">Quem somos</a>
507                    <a href="#duvidas" class="text-black btn btn-dark">Dúvidas</a>
508                    <a href="/loja/checkout">
509                        <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
510                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92233 19.8203C8.34433 19.8203 8.68733 20.1633 8.68733 20.5853C8.68733 21.0073 8.34433 21.3493 7.92233 21.3493C7.50033 21.3493 7.15833 21.0073 7.15833 20.5853C7.15833 20.1633 7.50033 19.8203 7.92233 19.8203Z" stroke="#1A88FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
511                            <path fill-rule="evenodd" clip-rule="evenodd" d="M19.1747 19.8203C19.5967 19.8203 19.9397 20.1633 19.9397 20.5853C19.9397 21.0073 19.5967 21.3493 19.1747 21.3493C18.7527 21.3493 18.4097 21.0073 18.4097 20.5853C18.4097 20.1633 18.7527 19.8203 19.1747 19.8203Z" stroke="#1A88FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
512                            <path d="M3.24988 3.25L5.32988 3.61L6.29288 15.083C6.37088 16.018 7.15188 16.736 8.08988 16.736H19.0019C19.8979 16.736 20.6579 16.078 20.7869 15.19L21.7359 8.632C21.8529 7.823 21.2259 7.099 20.4089 7.099H5.66388" stroke="#1A88FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
513                            <path d="M14.6254 10.7949H17.3984" stroke="#1A88FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
514                        </svg>
515                    </a>
516                </div>
517            </div>
518        </header>
519        <div class="banner">
520            <section class="banner-section text-white d-flex align-items-center" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%), url(https://migrate.gestao.plus/file?q=7398c27e-59c0-11f1-a321-42004e494300&resize=true);background-repeat: no-repeat;background-size: cover;">
521                <div class="container">
522                    <div class="col-7 col-md-4 card-banner">
523                        <div class="pt-1 pt-md-3">
524                                                            <h4 class="font-weight-bold banner-title">
525                                    AR FiscalCore                                </h4>
526                                <p class="banner-subtitle">
527                                    Adquira seu certificado digital online.
528                                </p>
529                                <p class="banner-subtitle font-weight-bold">
530                                    Facilite seus negócios!!
531                                </p>
532                                                    </div>
533                        <div class="py-2 py-md-3">
534                            <a href="#certificados" class="btn btn-primary d-flex align-items-center gap-1"
535                                style="background-color: #1A88FF; color: #FFFFFF; width: 170px;">
536                                Comprar certificado
537                            </a>
538                        </div>
539                    </div>
540                </div>
541            </section>
542        </div>
543        <section id="certificados">
544            <div class="container d-flex justify-content-center pt-5">
545                <div>
546                    <h3 class="font-weight-bold" style="color:#1A88FF"><strong>Compre seu certificado aqui</strong></h3>
547                </div>
548            </div>
549        </section>
550        <div class="container ">
551            <div class="row justify-content-center">
552                <div class="col-12 py-4 row justify-content-center select-wrapper">
553                    <div class="select-type d-none d-lg-block"></div>
554                    <div class="col-6 col-lg-auto d-flex flex-column text-center px-2" @click="filter = 'certificados_pj'" v-if="CertificadosPJ">
555                        <div class="py-3 button-product" :class="{ 'button-product-active': filter === 'certificados_pj' }">
556                            <strong>Para sua empresa - CNPJ</strong>
557                        </div>
558                    </div>
559                    <div class="col-6 col-lg-auto d-flex flex-column text-center px-2" @click="filter = 'certificados_pf'" v-if="CertificadosPF">
560                        <div class="py-3 button-product" :class="{ 'button-product-active': filter === 'certificados_pf' }">
561                            <strong>Para você - CPF</strong>
562                        </div>
563                    </div>
564                    <div class="col-6 col-lg-auto d-flex flex-column text-center px-2" @click="filter = 'Profissional'" v-if="Profissional">
565                        <div class="py-3 button-product" :class="{ 'button-product-active': filter === 'Profissional' }">
566                            <strong>Profissional</strong>
567                        </div>
568                    </div>
569                    <div class="col-6 col-lg-auto d-flex flex-column text-center px-2" @click="filter = 'Nuvem'" v-if="Nuvem">
570                        <div class="py-3 button-product" :class="{ 'button-product-active': filter === 'Nuvem' }">
571                            <strong>Nuvem</strong>
572                        </div>
573                    </div>
574                    <div class="col-6 col-lg-auto d-flex flex-column text-center px-2" @click="filter = 'SSL'" v-if="SSL">
575                        <div class="py-3 button-product" :class="{ 'button-product-active': filter === 'SSL' }">
576                            <strong>Certificado SSL</strong>
577                        </div>
578                    </div>
579                </div>
580            </div>
581            <div class="row justify-content-center">
582                <div class="col-12 col-md-3 py-5 d-flex justify-content-center" v-for="(items, baseName) in groupedPrices" :key="baseName">
583                    <div class="product-card text-start">
584                        <div class="product-image">
585                            <img :id="'go-image-' + baseName" :src="items[0].image?.href" :alt="items[0].image?.description" v-if="items[0].image?.href"/>
586                        </div>
587                        <div class="product-body">
588                            <div class="product-header">
589                                <h6 class="product-title mb-0" :id="'go-description-' + baseName">{{ baseName }}</h6>
590                                <span v-if="items[0].oldPrice" class="discount-pill" :id="'go-discount-' + baseName">
591                                    -{{ getDiscount(items[0].oldPrice, items[0].price) }}%
592                                </span>
593                            </div>
594                            <div class="d-flex justify-content-between align-items-center py-2">
595                                <template v-if="items[0].oldPrice">
596                                    <h5 class="product-price-new" :id="'go-price-' + baseName">
597                                       <small>R$</small> {{ formatPrice(items[0].price) }}
598                                    </h5>
599                                    <small class="product-price-old">
600                                        {{ formatPrice(items[0].oldPrice) }} <small>R$</small>
601                                    </small>
602                                </template>
603                                <template v-else>
604                                    <h5 class="product-price-new" :id="'go-price-' + baseName">
605                                        <small>R$</small> {{ formatPrice(items[0].price) }}
606                                    </h5>
607                                </template>
608                                <select v-if="items.length > 1" class="form-select custom-select" :id="'go-select-combo-' + baseName" @change="goChangePrice(items, baseName)" :style="`--select-color: #1A88FF;`">
609                                    <option v-for="(option, index) in items" :key="option.id" :value="'#' + index">
610                                    {{ formatOptionLabel(option.description, baseName) }}
611                                    </option>
612                                </select>
613                            </div>
614                            <div class="d-flex justify-content-between align-items-center footer pt-2">
615                                <a class="btn btn-primary" :id="'go-buy-' + baseName" :href="items[0].buttonHref" style="background-color: #1A88FF;  text-decoration: none;">
616                                    <strong>Comprar</strong>
617                                </a>
618                                <button class="btn btn-modal" @click="openModal(baseName)">
619                                    O que é?
620                                </button>
621                            </div>
622                        </div>
623                    </div>
624                </div>
625            </div>
626        </div>
627        <section id="tutoriais">
628            <div class="container py-5 justify-content-center">
629                <div class="col-12 text-center py-4">
630                    <h2 style="color: #1A88FF">
631                        <strong>Processo de Emissão</strong>
632                    </h2>
633                </div>
634                <div class="row row-equal justify-content-center text-center gap-4">
635                    <div class="col-12 col-md-3 tutorial-item">
636                        <div class="btn-tutorial">1</div>
637                        <div class="card-tutorial">
638                            <h6>
639                                <strong>Compra do certificado</strong>
640                            </h6>
641                            <p class="px-2">
642                                Realize a compra do seu certificado em nosso site com cartão de crédito ou pix,
643                                podendo também comprar via whatsapp.
644                            </p>
645                        </div>
646                    </div>
647                    <div class="col-12 col-md-3 tutorial-item">
648                        <div class="btn-tutorial">2</div>
649                        <div class="card-tutorial">
650                            <h6>
651                                <strong>Videoconferência na hora</strong>
652                            </h6>
653                            <p class="px-2">
654                                Após a compra irá aparecer as opções de entrar no atendimento VIP (atendente online)
655                                ou agendar um horário para realizar a videoconferência.
656                            </p>
657                        </div>
658                    </div>
659                    <div class="col-12 col-md-3 tutorial-item">
660                        <div class="btn-tutorial">3</div>
661                        <div class="card-tutorial">
662                            <h6>
663                                <strong>Emitir/Instalar certificado</strong>
664                            </h6>
665                            <p class="px-2">
666                                Após a videoconferência será enviado o tutorial de emissão e instalação.
667                                Em caso de dúvidas entre em contato via whatsapp.
668                            </p>
669                        </div>
670                    </div>
671                </div>
672            </div>
673        </section>
674        <section id="beneficios">
675            <div class="container">
676                <div class="row d-flex flex-column-reverse flex-lg-row align-items-center">
677                    <div class="col-lg-6 col-12 text-center text-lg-left mt-4 mt-lg-0">
678                        <img src="./assets/img/person2.png" alt="img" class="img-fluid">
679                    </div>
680                    <div class="col-lg-6 col-12 text-center text-lg-left">
681                        <div class="justify-content-center align-items-center">
682                            <section class="complement pt-5">
683                                                                    <h3><strong>AR FISCALCORE: TECNOLOGIA QUE GERA CONFIANÇA ATRAVÉS DE SOLUÇÕES ÁGEIS E CERTIFICADOS DIGITAIS.</strong></h3><p>A AR Fiscalcore redefine a identidade digital ao unir rigor técnico a um atendimento humano e ágil.Mais que um certificadora , somos parceiros que transformam tecnologia em confiança.Com foco em e-CPF,e-CNPJ e Bird ID,garantimos total segurança jurídica e autonomia digital para o seu negócio.</p><p>Nosso diferencial está no suporte especialista e próximo,que acompanha você desde a videoconferência até a instalação final.Na Ficaslcore, simplificamos processos complexos com a rapidez que o mercado exige,assegurando tranquilidade em cada transação.</p>                                                            </section>
684                            <div class="d-flex justify-content-center justify-content-lg-start mt-3">
685                                <a target="_blank"
686                                :href="verificarVideoconferencia"
687                                class="btn btn-primary d-flex align-items-center gap-1"
688                                style="background-color: #1A88FF;
689                                        color: #FFFFFF; width: 155px;">
690                                    Emitir certificado
691                                </a>
692                            </div>
693                        </div>
694                    </div>
695                </div>
696            </div>
697        </section>
698        <section id="quemsomos">
699            <div class="container py-5">
700                <div class="row">
701                    <div class="col-12 col-lg-6 pt-5">
702                                                    <h3><strong>AR FISCALCORE: A SEGURANÇA DE UMA AUTORIDADE DE REGISTRO COM A AGILIDADE DE UM PARCEIRO ESTRATÉGICO.</strong></h3><p>A AR Fiscalcore é uma Autoridade de Registro dedicada a tornar a certificação digital um processo acessível , moderno e eficiente. Nosso compromisso é unir o rigor das normas da ICP-Brasil a um atendimento ágil e consultivo , garantindo que profissionais e empresas transitem no ambiente digital com total validade jurídica.</p><p>Oferecemos suporte técnico especializado e acompanhamento próximo em todas as etapas,assegurando que sua identidade digital seja uma ferramenta de produtividade , livre de burocracias e com a confiança que só um especialista oferece.</p>                                            </div>
703                    <div class="col-12 col-lg-6 text-center align-self-center">
704                        <img src="./assets/img/person.png" alt="img" class="img-fluid">
705                    </div>
706                </div>
707            </div>
708        </section>
709        <section id="duvidas">
710            <div class="faq-container py-5">
711                <div class="text-center align-self-center">
712                    <h1 style="padding-bottom: 40px;">
713                       <strong>Perguntas frequentes</strong>
714                    </h1>
715                </div>
716                <div class="px-2">
717                    <details class="faq-item ">
718                        <summary  style="color : #FFFFFF">
719                            O que é um certificado digital?</summary>
720                        <p>
721                            Um certificado digital é um arquivo eletrônico que contém informações sobre a identidade 
722                            de uma pessoa, empresa ou dispositivo. Ele é usado para autenticar e proteger transações 
723                            e comunicações eletrônicas, garantindo a segurança e a integridade dos dados.
724                        </p>
725                    </details>
726                    <details class="faq-item">
727                        <summary  style="color : #FFFFFF">
728                            Quais são os tipos de certificados digitais disponíveis?</summary>
729                        <p>Existem diferentes tipos de certificados digitais: <br>
730                            • <strong>eCPF</strong> – Para pessoas físicas.<br>
731                            • <strong>eCNPJ</strong> – Para empresas.<br>
732                            • <strong>SSL/TLS</strong> – Para sites.<br>
733                            • <strong>NF-e</strong> – Para emissão de notas fiscais eletrônicas.<br>
734                            • <strong>CT-e</strong> – Para documentos fiscais de transporte.<br>
735                        </p>
736                    </details>
737                    <details class="faq-item">
738                        <summary  style="color : #FFFFFF">
739                            Como funciona um certificado digital?</summary>
740                        <p>
741                            Um certificado digital é composto por um par de chaves criptográficas: pública e privada. 
742                            A chave pública criptografa dados, e somente a chave privada correspondente pode 
743                            descriptografá-los, garantindo autenticidade e confidencialidade.
744                        </p>
745                    </details>
746                    <details class="faq-item">
747                        <summary  style="color : #FFFFFF">
748                            Qual é a validade de um certificado digital?</summary>
749                        <p>
750                            A validade varia entre 1 a 3 anos, dependendo da autoridade certificadora. 
751                            Sempre verifique a data de vencimento do seu certificado.
752                        </p>
753                    </details>
754                    <details class="faq-item">
755                        <summary  style="color : #FFFFFF">
756                            O que é uma Autoridade Certificadora (AC)?</summary>
757                        <p>
758                            Uma Autoridade Certificadora é responsável por emitir, validar e revogar certificados digitais, 
759                            atuando como uma terceira parte confiável.
760                        </p>
761                    </details>
762                    <details class="faq-item">
763                        <summary  style="color : #FFFFFF">
764                            O certificado digital pode ser utilizado em mais de um dispositivo?</summary>
765                        <p>
766                            Sim. Um certificado pode ser usado em mais de um dispositivo, desde que o titular mantenha 
767                            a chave privada segura.
768                        </p>
769                    </details>
770                </div>
771            </div>
772        </section>
773        <div class="container py-4 px-4">
774            <div class="section-duvidas">
775                <div class="row d-flex align-items-center text-center text-md-left"
776                    style=" border-radius: 15px; background-color: #1A88FF;
777                    color: #FFFFFF;" >
778                    <div class="col-12 col-md-7 order-0">
779                        <h2 class="p-4 mb-0">
780                            <strong>Precisa de ajuda? <br> Fala com a gente!</strong>
781                        </h2>
782                    </div>
783                    <div class="col-12 col-md-5 p-4 order-1 text-center text-md-right">
784                        <a target="_blank" href="https://api.whatsapp.com/se
784nd?phone=5511972227531&text=" class="btn btn-duvidas mb-3 w-100 w-md-auto">
785                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_360_85)">
786                                <path d="M10 1.875C5.51172 1.875 1.875 5.51172 1.875 10V11.5625C1.875 12.082 1.45703 12.5 0.9375 12.5C0.417969 12.5 0 12.082 0 11.5625V10C0 4.47656 4.47656 0 10 0C15.5234 0 20 4.47656 20 10V15.6289C20 17.5273 18.4609 19.0664 16.5586 19.0664L12.25 19.0625C11.9258 19.6211 11.3203 20 10.625 20H9.375C8.33984 20 7.5 19.1602 7.5 18.125C7.5 17.0898 8.33984 16.25 9.375 16.25H10.625C11.3203 16.25 11.9258 16.6289 12.25 17.1875L16.5625 17.1914C17.4258 17.1914 18.125 16.4922 18.125 15.6289V10C18.125 5.51172 14.4883 1.875 10 1.875ZM5.625 8.125H6.25C6.94141 8.125 7.5 8.68359 7.5 9.375V13.75C7.5 14.4414 6.94141 15 6.25 15H5.625C4.24609 15 3.125 13.8789 3.125 12.5V10.625C3.125 9.24609 4.24609 8.125 5.625 8.125ZM14.375 8.125C15.7539 8.125 16.875 9.24609 16.875 10.625V12.5C16.875 13.8789 15.7539 15 14.375 15H13.75C13.0586 15 12.5 14.4414 12.5 13.75V9.375C12.5 8.68359 13.0586 8.125 13.75 8.125H14.375Z"
787                                    fill="#1A88FF"/>
788                                </g><defs><clipPath id="clip0_360_85"><rect width="20" height="20" fill="white" /></clipPath></defs>
789                            </svg>
790                            Fale com um especialista
791                        </a>
792                        <a target="_blank" :href="verificarVideoconferencia" class="btn btn-certifi w-100 w-md-auto"> Emitir seu certificado</a>
793                    </div>
794                </div>
795            </div>
796        </div>
797        <footer style="border-bottom: 15px solid #1A88FF; border-top-right-radius: 100px; border-top: 15px solid  #1A88FF">
798            <div class="container logo py-3">
799                <div class="row justify-content-between">
800                    <div class="col-12 col-md-4">
801                        <div class="d-flex flex-column">
802                            <img src="https://migrate.gestao.plus/ui/dist/logo.png" style="max-width: 100px; max-height: 100px;">      
803                            <p>Fiscalcore Sistemas e Servicos LTDA - CNPJ: 39594685000187</p>
804                            <div class="d-flex align-items-center gap-2">
805                                <div  style="color: #1A88FF">
806                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
807                                        <path d="M16.7223 14.0602C16.4668 13.9289 15.1941 13.3055 14.9574 13.2211C14.7207 13.132 14.5473 13.0898 14.3762 13.3523C14.2027 13.6125 13.7105 14.1914 13.5559 14.3672C13.4059 14.5406 13.2535 14.5617 12.998 14.4328C11.4793 13.6734 10.4832 13.0781 9.48242 11.3602C9.21758 10.9031 9.74727 10.9359 10.2418 9.94922C10.3262 9.77578 10.284 9.62813 10.2184 9.49688C10.1527 9.36563 9.63711 8.09531 9.42148 7.57734C9.21289 7.07344 8.99727 7.14375 8.84023 7.13437C8.69023 7.125 8.51914 7.125 8.3457 7.125C8.17227 7.125 7.89336 7.19063 7.65664 7.44609C7.41992 7.70625 6.75195 8.33203 6.75195 9.60234C6.75195 10.8727 7.67773 12.1031 7.8043 12.2766C7.93555 12.45 9.62539 15.0563 12.2199 16.1789C13.8605 16.8867 14.5027 16.9477 15.323 16.8258C15.8223 16.7508 16.8512 16.2023 17.0645 15.5953C17.2777 14.9906 17.2777 14.4727 17.2145 14.3648C17.1512 14.25 16.9777 14.1844 16.7223 14.0602Z" fill="#1A88FF"/>
808                                        <path d="M21.6845 7.93125C21.1548 6.67266 20.3954 5.54297 19.4275 4.57266C18.4595 3.60469 17.3298 2.84297 16.0689 2.31563C14.7798 1.77422 13.4111 1.5 12.0001 1.5H11.9533C10.5329 1.50703 9.15716 1.78828 7.86341 2.34141C6.6142 2.87578 5.49388 3.63516 4.53529 4.60312C3.5767 5.57109 2.82435 6.69609 2.30404 7.95C1.76498 9.24844 1.4931 10.6289 1.50013 12.0492C1.50716 13.6758 1.89623 15.2906 2.62513 16.7344V20.2969C2.62513 20.8922 3.10795 21.375 3.70326 21.375H7.2681C8.71185 22.1039 10.3267 22.493 11.9533 22.5H12.0025C13.4064 22.5 14.7681 22.2281 16.0501 21.6961C17.304 21.1734 18.4314 20.4234 19.397 19.4648C20.365 18.5063 21.1267 17.3859 21.6587 16.1367C22.2119 14.843 22.4931 13.4672 22.5001 12.0469C22.5072 10.6195 22.2306 9.23438 21.6845 7.93125ZM18.1431 18.1969C16.5001 19.8234 14.3204 20.7188 12.0001 20.7188H11.9603C10.547 20.7117 9.1431 20.3602 7.90326 19.6992L7.70638 19.5938H4.40638V16.2938L4.30091 16.0969C3.63998 14.857 3.28841 13.4531 3.28138 12.0398C3.27201 9.70312 4.16498 7.50937 5.80326 5.85703C7.4392 4.20469 9.62591 3.29062 11.9626 3.28125H12.0025C13.1744 3.28125 14.3111 3.50859 15.3822 3.95859C16.4275 4.39687 17.365 5.02734 18.1712 5.83359C18.9751 6.6375 19.6079 7.57734 20.0462 8.62266C20.5009 9.70547 20.7283 10.8539 20.7236 12.0398C20.7095 14.3742 19.7931 16.5609 18.1431 18.1969Z" fill="#1A88FF"/>
809                                    </svg>
810                                    Whatsapp:
811                                </div>
812                                <a target="_blank" href="https://api.whatsapp.com/se
812nd?phone=5511972227531&text="
813                                    style=" text-decoration: none; color: #000;">
814                                    11972227531                                </a>
815                            </div>
816                            <div class="d-flex align-items-center">
817                                <div  style="color: #1A88FF">
818                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_511_18907)">
819                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M5 6H19C19.3862 6 19.7213 6.21897 19.8879 6.53954L12.5547 11.4283C12.2188 11.6523 11.7812 11.6523 11.4453 11.4283L4.11209 6.53953C4.27868 6.21896 4.61377 6 5 6ZM4 8.8685V17C4 17.5523 4.44772 18 5 18H19C19.5523 18 20 17.5523 20 17V8.86852L13.6641 13.0924C12.6564 13.7642 11.3436 13.7642 10.3359 13.0924L4 8.8685ZM2 7C2 5.34315 3.34315 4 5 4H19C20.6569 4 22 5.34315 22 7V17C22 18.6569 20.6569 20 19 20H5C3.34315 20 2 18.6569 2 17V7Z" fill="#1A88FF"/></g><defs><clipPath id="clip0_511_18907"><rect width="24" height="24" fill="white"/></clipPath></defs>
820                                    </svg>
821                                    E-mail:
822                                </div>
823                                <a target="_blank" href="mailto:[email protected]"
824                                    style=" text-decoration: none; color: #000;">
825                                    [email protected]                                </a>
826                            </div>
827                            <div class="d-flex align-items-center">
828                                <p style="color: #1A88FF">
829                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
830                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7121 13.8056C17.5407 12.7721 18.0349 11.4639 18.0349 10.0348C18.0349 6.70186 15.333 4 12.0001 4C8.6672 4 5.96533 6.70186 5.96533 10.0348C5.96533 11.4637 6.45949 12.7718 7.28786 13.8053L7.29382 13.8127C7.4692 14.0312 7.63157 14.2613 7.80026 14.4849C8.09325 14.8734 8.5064 15.4189 8.98644 16.0462C9.88098 17.2153 10.9984 18.6565 12.0008 19.8938C13.0064 18.6539 14.1264 17.2104 15.0227 16.0398C15.5036 15.4117 15.9174 14.8657 16.2108 14.4769C16.3786 14.2545 16.5379 14.023 16.7121 13.8056ZM18.2755 15.0589C18.2755 15.0589 18.2738 15.0611 18.2726 15.0627C18.2214 15.1312 17.7512 15.7595 17.0698 16.6544C16.0589 17.9819 14.5832 19.8961 13.3216 21.4393C12.6314 22.2834 11.369 22.2831 10.6793 21.4386C8.52295 18.7985 5.73409 15.0646 5.73409 15.0646L5.72759 15.0565C4.62491 13.681 3.96533 11.9349 3.96533 10.0348C3.96533 5.5973 7.56263 2 12.0001 2C16.4376 2 20.0349 5.5973 20.0349 10.
8300348C20.0349 11.217 19.7796 12.3396 19.321 13.3505C19.0436 13.962 18.6919 14.5326 18.2773 15.0507L18.2744 15.0543L18.2726 15.0565H18.2773L18.2755 15.0589Z" fill="#1A88FF"/>
831                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 11C12.5523 11 13 10.5523 13 10C13 9.44771 12.5523 9 12 9C11.4477 9 11 9.44771 11 10C11 10.5523 11.4477 11 12 11ZM15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z" fill="#1A88FF"/>
832                                    </svg>
833                                        Endereço:
834                                    <small style="color: #000">
835                                        Rua Senador Pinheiro Machado, 87, Sala 01 <br>
836                                        Santa Cruz do Sul, RS – CEP: 96810076 
837                                    </small>
838                                </p>
839                            </div>
840                        </div>
841                    </div>
842                    <div class="col-4 d-flex flex-column align-items-center text-center mx-0 hide-mobile" v-if="hasSecurityLinks">
843                        <h6 class="font-weight-bold pt-5"
844                            style="color: #1A88FF">
845                            Segurança
846                        </h6>
847                        <div class="pt-2 d-flex flex-column align-items-center">
848                            <a v-if="linkLgpdLp && linkLgpdLp.trim()" class="py-1" style="color: black; text-decoration: underline;" target="_blank" :href="linkLgpdLp">
849                                LGPD
850                            </a>
851                            <a v-if="linkPoliticaGarantia && linkPoliticaGarantia.trim()" class="py-1" style="color: black; text-decoration: underline;" 
852                            target="_blank" :href="linkPoliticaGarantia">
853                                Política de Garantia
854                            </a>
855                            <a v-if="linkPoliticaPrivacidade && linkPoliticaPrivacidade.trim()" class="py-1" style="color: black; text-decoration: underline;" 
856                            target="_blank" :href="linkPoliticaPrivacidade">
857                                Política de Privacidade
858                            </a>
859                            <a v-if="linkPoliticaICPBrasil && linkPoliticaICPBrasil.trim()" class="py-1" style="color: black; text-decoration: underline;" 
860                            target="_blank" :href="linkPoliticaICPBrasil">
861                                Política de Privacidade <br> Certificado Digital ICP - Brasil
862                            </a>
863                        </div>
864                    </div>
865                   <div class="col-4 d-flex flex-column align-items-center pt-5 mx-auto text-center hide-mobile">
866                        <div v-if="(avaiablePaymentMethods.creditCard !== null && avaiablePaymentMethods.creditCard.length >= 1) ||
867                                (avaiablePaymentMethods.boleto !== null && avaiablePaymentMethods.boleto.length >= 1) ||
868                                (avaiablePaymentMethods.pix !== null && avaiablePaymentMethods.pix.length >= 1)">
869                            <div class="card-footer">
870                                <h6 class="font-weight-bold">Formas de pagamento</h6>
871                                <div class="d-flex justify-content-center">
872                                    <template v-if="avaiablePaymentMethods.creditCard !== null && avaiablePaymentMethods.creditCard.length >= 1">
873                                        <img src="./assets/img/fc-visa.png" class="mr-1" style="height: 25px;">
874                                        <img src="./assets/img/fc-mastercard-1.png" class="mr-1" style="height: 25px;">
875                                        <img src="./assets/img/fc-diners-club.png" class="mr-1" style="height: 25px;">
876                                        <img src="./assets/img/fc-american-express.png" class="mr-1" style="height: 25px;">
877                                    </template>
878                                    <template v-if="avaiablePaymentMethods.boleto !== null && avaiablePaymentMethods.boleto.length >= 1">
879                                        <img src="./assets/img/fc-boleto.png" style="height: 25px;">
880                                    </template>
881                                    <template v-if="avaiablePaymentMethods.pix !== null && avaiablePaymentMethods.pix.length >= 1">
882                                        <img src="./assets/img/logo_pix.png" style="height: 25px;">
883                                    </template>
884                                </div>
885                            </div>
886                            <div class="pt-3">
887                                <img src="./assets/img/img-iti.png" alt="" style="width: 250px;">
888                            </div>
889                        </div>
890                    </div>
891                </div>
892            </div>
893            <div class="container footer"> 
894                <div class="row py-2">
895                    <div class="col-6">
896                        <div class="text-center align-items-center mt-3 mt-md-auto justify-content-start">
897                            <div>
898                                <img src="./assets/img/gestaoOnline.png" alt="" style="width: 100px;">
899                               <small><img src="./assets/img/go-copyright-black-4297925.svg" style="width: 15px;"> Gestão.Online Soluções em TI LTDA. Todos os direitos reservados. 2026</small>
900                            </div>
901                        </div>
902                    </div>
903                    <div class="col-6 text-center align-items-center mt-3 mt-md-auto justify-content-start">
904                        <div></div>                    </div>
905                </div>
906            </div>
907        </footer>
908
909        <div class="modal fade" id="complementaryModal" tabindex="-1" aria-hidden="true">
910            <div class="modal-dialog modal-dialog-centered">
911                <div class="modal-content custom-modal">
912                    <div class="modal-header border-0">
913                        <h5 class="modal-title">{{ modalTitle }}</h5>
914                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
915                    </div>
916                    <div class="modal-body">
917                        <p class="modal-description">{{ modalBody }}</p>
918                    </div>
919                    <div class="modal-footer border-0">
920                        <button type="button" class="btn-modal2" data-bs-dismiss="modal">Fechar</button>
921                    </div>
922                </div>
923            </div>
924        </div>
925
926    </div>
927    
927<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
927
928    
928<script src="https://cdn.gestao.plus/lp/assets/js/vue.js"></script>
928
929    
929<script src="https://cdn.gestao.plus/lp/assets/js/font-awesome-7b1dc2ffcb.js"></script>
929
930
931            <a href="https://wa.me/5511972227531?text=Ol%C3%A1%2C%20sou%20cliente%20da%20$P{nome_unidade}%20e%20preciso%20de%20aux%C3%ADlio%20na%20emiss%C3%A3o%20do%20certificado." style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;  z-index:1000;" target="_blank">
932<i style="margin-top:16px" class="fa fa-whatsapp"></i>
933</a>    
934    </body>
935
936<script>
937    var app = new Vue({
938        el: '#app',
939        data: {
940            videoPrincipal: "https:\/\/www.youtube.com\/embed\/GezTYedEMvY",
941            verificarVideoconferencia: "https:\/\/arfiscalcore.acsoluti.com.br\/site\/emissao-online",
942            agendarValidacaoPresencial: null,
943            agendarValidacaoVideoconferencia: "https:\/\/arfiscalcore.acsoluti.com.br\/site\/emissao-online",
944            videoEmitirBirdid: null,
945            videoEmitirCertificadoA1: null,
946            videoEmitirCertificadoA3: null,
947            linkLgpdLp: "https:\/\/www.soluti.com.br\/area-de-lgpd\/",
948            linkPoliticaGarantia: "https:\/\/site.solutinet.com.br\/2015\/doc\/soluti_politica-de-garantia.pdf",
949            linkPoliticaPrivacidade: null,
950            linkPoliticaICPBrasil: "https:\/\/www.soluti.com.br\/politica-icp-brasil\/",   
951            avaiablePaymentMethods: {
952                boleto: [],
953                creditCard: [{"id":12,"description":"Cart\u00e3o de Cr\u00e9dito 1x","paymentSettings":{"paymentMethod":"CARTAO_CREDITO","installments":1}},{"id":13,"description":"Cart\u00e3o de Cr\u00e9dito 2x","paymentSettings":{"paymentMethod":"CARTAO_CREDITO","installments":2}},{"id":14,"description":"Cart\u00e3o de Cr\u00e9dito 3x","paymentSettings":{"paymentMethod":"CARTAO_CREDITO","installments":3}}],
954                pix: [{"id":24,"description":"PIX","paymentSettings":{"paymentMethod":"PIX","installments":null}}]            },
955            filter: 'certificados_pj',
956            prices: [{"id":1,"sku":"70010","description":"e-CNPJ A1","descriptionComplementary":null,"status":1,"price":235,"type":"V","image":{"name":"e-CNPJ A1.png","description":"e-CNPJ A1.png","href":"https:\/\/migrate.gestao.plus\/file?q=ba2ae944-60d0-11f1-98dc-42004e494300"},"groupDescription":"Certificados","groupDescriptionComplementary":null,"groupImage":[],"oldPrice":255,"priceFormatted":"235,00","buttonHref":".\/checkout?p=&item=eyJyYW5kIjoiMTc5MTE2NzUwNDIxNCIsImlkIjoxfQ=="},{"id":2,"sku":"7009","description":"e-CPF A1","descriptionComplementary":null,"status":1,"price":165,"type":"V","image":{"name":"e-CPF A1.png","description":"e-CPF A1.png","href":"https:\/\/migrate.gestao.plus\/file?q=d5f6d606-60d0-11f1-a466-42004e494300"},"groupDescription":"Certificados","groupDescriptionComplementary":null,"groupImage":[],"oldPrice":185,"priceFormatted":"165,00","buttonHref":".\/checkout?p=&item=eyJyYW5kIjoiMTc5MTE2NzUwNDM4NjUiLCJpZCI6Mn0="},{"id":5,"sku":"2811","description":"Bird ID PF A3 5 ANOS - 5000","descriptionComplementary":null,"status":1,"price":149.9,"type":"V","image":{"name":"Gemini_Generated_Image_18mnbk18mnbk18mn.png","description":"Gemini_Generated_Image_18mnbk18mnbk18mn.png","href":"https:\/\/migrate.gestao.plus\/file?q=b0bc6e28-6b4d-11f1-b5c1-42004e494300"},"groupDescription":"Nuvem","groupDescriptionComplementary":null,"groupImage":[],"oldPrice":0,"priceFormatted":"149,90","buttonHref":".\/checkout?p=&item=eyJyYW5kIjoiMTc5MTE2NzUwNDE0NjEiLCJpZCI6NX0="}],
957            buyLinks: {}, 
958            modalTitle: '',
959            modalBody: '',
960            selectedItems: {},
961        },
962        methods: {
963            formatPrice(value) {
964                if (!value) return '0,00';
965                return Number(value).toLocaleString('pt-BR', {
966                    minimumFractionDigits: 2,
967                    maximumFractionDigits: 2
968                });
969            },
970            formatOptionLabel(description, baseName) {
971                let label = description.replace(baseName, '').trim();
972                label = label.replace('|', '').trim();
973                if (!label) return 'Padrão';
974
975                return label;
976            },
977            goChangePrice(data, componentHash) {
978                var element = document.getElementById("go-select-combo-" + componentHash);
979                if (!element) return;
980
981                var dataIndex = parseInt(element.value.split("#")[1], 10);
982                if (isNaN(dataIndex)) return;
983
984                var selectedItem = data[dataIndex];
985                if (!selectedItem) return;
986
987                this.$set(this.selectedItems, componentHash, selectedItem);
988
989                var elementGoImage = document.getElementById("go-image-" + componentHash);
990                if (elementGoImage && selectedItem.image?.href) {
991                    elementGoImage.src = selectedItem.image.href;
992                }
993
994                var elementGoDescription = document.getElementById("go-description-" + componentHash);
995                if (elementGoDescription) {
996                    elementGoDescription.innerText = selectedItem.description.split("|")[0].trim();
997                }
998
999                var elementGoPrice = document.getElementById("go-price-" + componentHash);
1000                if (elementGoPrice) {
1001                    var price = selectedItem.price || data[0].price;
1002                    elementGoPrice.innerText = "R$ " + this.formatPrice(price);
1003                }
1004
1005                var parent = elementGoPrice ? elementGoPrice.parentElement : null;
1006                var elementOldPrice = parent ? parent.querySelector(".product-price-old") : null;
1007                var oldPrice = selectedItem.oldPrice || null;
1008
1009                if (oldPrice) {
1010                    if (elementOldPrice) {
1011                        elementOldPrice.innerText = "R$ " + this.formatPrice(oldPrice);
1012                        elementOldPrice.style.display = "inline";
1013                    } else if (parent) {
1014                        var small = document.createElement("small");
1015                        small.className = "product-price-old";
1016                        small.innerText = "R$ " + this.formatPrice(oldPrice);
1017                        parent.appendChild(small);
1018                    }
1019                } else if (elementOldPrice) {
1020                    elementOldPrice.style.display = "none";
1021                }
1022
1023                var elementGoBuy = document.getElementById("go-buy-" + componentHash);
1024                if (elementGoBuy) {
1025                    elementGoBuy.href = selectedItem.buttonHref || data[0].buttonHref;
1026                }
1027            },
1028            openModal(baseName) {
1029                const group = this.groupedPrices[baseName];
1030                if (!group) return;
1031                const item = this.selectedItems[baseName] || group[0];
1032
1033                this.modalTitle = item.description || 'Informação do produto';
1034                this.modalBody = item.descriptionComplementary || 'Nenhuma descrição disponível.';
1035
1036                const modalEl = document.getElementById('complementaryModal');
1037                const modal = new bootstrap.Modal(modalEl);
1038                modal.show();
1039            },
1040            openModalFavorito(item) {
1041                this.modalTitle = item.description || 'Informação do produto';
1042                this.modalBody = item.descriptionComplementary || 'Nenhuma descrição disponível.';
1043
1044                const modalEl = document.getElementById('complementaryModal');
1045                const modal = new bootstrap.Modal(modalEl);
1046                modal.show();
1047            },
1048            getDiscount(oldPrice, newPrice) {
1049                if (!oldPrice || !newPrice) return null;
1050                const discount = ((oldPrice - newPrice) / oldPrice) * 100;
1051                return Math.round(discount);
1052            }
1053        },
1054        computed: {
1055            filteredPrices() {
1056                if (!this.filter) return this.prices;
1057
1058                return this.prices.filter(item => {
1059                    if (this.filter === 'certificados_pj') {
1060                        return item.groupDescription === 'Certificados' && item.description.includes('PJ');
1061                    }
1062                    if (this.filter === 'certificados_pf') {
1063                        return item.groupDescription === 'Certificados' && item.description.includes('PF');
1064                    }
1065                    if (this.filter === 'Profissional') {
1066                        return item.groupDescription === 'Profissional';
1067                    }
1068                    if (this.filter === 'Nuvem') {
1069                        return item.groupDescription === 'Nuvem';
1070                    }
1071                    if (this.filter === 'SSL') {
1072                        return item.groupDescription === 'Certificados' && item.description.includes('SSL');
1073                    }
1074                    return true;
1075                });
1076            },
1077            groupedPrices() {
1078                const groups = {};
1079                this.filteredPrices.forEach(item => {
1080                    const baseName = item.description.split('|')[0].trim();
1081                    if (!groups[baseName]) groups[baseName] = [];
1082                    groups[baseName].push(item);
1083                });
1084                return groups;
1085            },
1086            CertificadosPJ() {
1087                return this.prices.some(item => item.groupDescription === 'Certificados' && item.description.includes('PJ'));
1088            },
1089            CertificadosPF() {
1090                return this.prices.some(item => item.groupDescription === 'Certificados' && item.description.includes('PF'));
1091            },
1092            Profissional() {
1093                return this.prices.some(item => item.groupDescription === 'Profissional');
1094            },
1095            Nuvem() {
1096                return this.prices.some(item => item.groupDescription === 'Nuvem');
1097            },
1098            SSL() {
1099                return this.prices.some(item => item.groupDescription === 'Certificados' && item.description.includes('SSL'));
1100            },
1101            hasSecurityLinks() {
1102                return !!(this.linkLgpdLp?.trim() || 
1103                        this.linkPoliticaGarantia?.trim() || 
1104                        this.linkPoliticaPrivacidade?.trim() || 
1105                        this.linkPoliticaICPBrasil?.trim());
1106            }
1107        },
1108        mounted() {
1109            Object.keys(this.groupedPrices).forEach(key => {
1110                if (this.groupedPrices[key] && this.groupedPrices[key].length) {
1111                    this.$set(this.selectedItems, key, this.groupedPrices[key][0]);
1112                }
1113            });
1114        }
1115    });
1116</script>
1116
1117
1118</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.