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.