Curso SENAI EaD - Saúde e Segurança do Trabalho: Medidas de Controle - Curso de Power BI EaD - Click Sesi Senai

Um erro ocorreu enquanto processava o modelo.

The following has evaluated to null or missing:
==> getCategoryFromCPDefinition(entry.getCPDefinitionId(),"area de conhecimento")  [in template "20098#20124#125333" at line 127, column 16]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #if getCategoryFromCPDefinition(entry...  [in template "20098#20124#125333" at line 127, column 11]
----

1<#assign CPDefinitionLocalService=serviceLocator.findService("com.liferay.commerce.product.service.CPDefinitionLocalService") />

2<#assign CommercePriceListService=serviceLocator.findService("com.liferay.commerce.price.list.service.CommercePriceListLocalService") />

3<#assign CPInstanceLocalService=serviceLocator.findService("com.liferay.commerce.product.service.CPInstanceLocalService") />

4<#assign

5  CPDefinitionSpecificationOptionValueLocalService=serviceLocator.findService("com.liferay.commerce.product.service.CPDefinitionSpecificationOptionValueLocalService")

6  JournalArticleLocalService=serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")

7  commerceContext=renderRequest.getAttribute("COMMERCE_CONTEXT")

8  commerceChannelId=commerceContext.getCommerceChannelId()

9  commerceAccount=commerceContext.getCommerceAccount()

10  commerceAccountId=commerceAccount.getCommerceAccountId()

11  commerceOrder=commerceContext.getCommerceOrder()!""

12  CommercePriceListLocalService=serviceLocator.findService("com.liferay.commerce.price.list.service.CommercePriceListLocalService")

13  CommercePriceEntryLocalService=serviceLocator.findService("com.liferay.commerce.price.list.service.CommercePriceEntryLocalService")

14  AssetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")

15  AssetVocabularyLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService")

17  orderType = request.getAttribute("tipo_pedido")!"pf"

18/>

20<#setting locale="pt_BR">

21<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

24<#function getCategoryFromCPDefinition cPDefinitionId vocabularyName>

25  <#assign

26    vocabularies = AssetVocabularyLocalService.getCompanyVocabularies(companyId)

27    categories = AssetEntryLocalService.fetchEntry("com.liferay.commerce.product.model.CPDefinition",entry.getCPDefinitionId()).getCategories()

28  />

30  <#list vocabularies as tempVocabulary>

31    <#if tempVocabulary.getName() == vocabularyName>

32      <#assign vocabulary = tempVocabulary>

33    </#if>

34  </#list>

36  <#list categories as category>

37    <#if category.getVocabularyId() == vocabulary.getVocabularyId()>

38      <#return category >

39    </#if>

40  </#list>

41</#function>

43<#function listCategoriesFromCPDefinition cPDefinitionId >

44  <#assign result = [] />

45  <#assign

46    vocabularies = AssetVocabularyLocalService.getCompanyVocabularies(companyId)

47    categories = AssetEntryLocalService.fetchEntry("com.liferay.commerce.product.model.CPDefinition",cPDefinitionId).getCategories()

48  />

50  <#list categories as category>

51    <#list vocabularies as vocabulary>

52      <#if category.getVocabularyId() == vocabulary.getVocabularyId()>

53        <#assign result+=[ {"name":category.getName(), "vocabulary":vocabulary.getName()}] />

54      </#if>

55	  </#list>

56  </#list>

58  <#return result />

59</#function>

61<div class="detalhes-de-produto-fiep">

62  <#if entries?has_content>

63    <#list entries as entry>

64      <#if !entry??>

65        <#continue />

66      </#if>

68      <#assign

69        image=cpContentHelper.getDefaultImageFileURL(commerceAccountId, entry.getCPDefinitionId())

70        friendlyURL=cpContentHelper.getFriendlyURL(entry, themeDisplay)

71        name=entry.getName()

72        itemID=entry.CPDefinitionId

73        cpSkus=entry.getCPSkus()

74        cpSku=cpSkus?first

75        cpInstanceId=cpSku.getCPInstanceId()

76        group_id=commerceContext.getCommerceChannelGroupId()

77        publicFriendlyURL=themeDisplay.getPortalURL() + themeDisplay.getPathFriendlyURLPublic() + themeDisplay.getSiteGroup().getFriendlyURL()

78        user=themeDisplay.getUser()

79        languageId=themeDisplay.getLanguageId()

80      />

82      <#list cpContentHelper.getCPDefinitionSpecificationOptionValues(entry.getCPDefinitionId()) as specs>

83        <#if specs.getCPSpecificationOption().getTitle(languageId)=="web-content">

84          <#assign webContent=specs.getValueCurrentValue() />

85        </#if>

87        <#if specs.getCPSpecificationOption().getTitle(languageId)=="json">

88          <#assign

89            json = jsonFactoryUtil.createJSONObject(specs.getValueCurrentValue())

90            dataUltimaAtualizacao = json.getString("data_ultima_atualizacao")

91            cursoDisponivel = false

92            cursoDisponivel = dataUltimaAtualizacao?contains("2024-09")

93          />

94        </#if>

96        <#assign ultimaatt=specs.getModifiedDate() />

97      </#list>

99      <#assign journalArticle=JournalArticleLocalService.getArticle(themeDisplay.getSiteGroupId(),webContent) />

101      <div class="container-fluid pl-0 pl-lg-10 breadcrumb-container">

102        <ol class="breadcrumb breadcrumb-produto">

103          <button class="mr-4" onclick="history.back()">

104            <svg class="lexicon-icon lexicon-icon-angle-left" viewBox="0 0 512 512"><path d="m136.8 272.8 201.7 202.1c23.5 23.1 60-11.6 36.1-35.2L191.7 256l183-183.9c23.9-23.2-12.5-58.1-36-35.1L136.8 239.2c-9.3 9.3-10.2 23.6 0 33.6z" class="lexicon-icon-outline"/></svg>

106            <span class="d-none d-lg-inline" >voltar</span>

107          </button>

109          <li class="breadcrumb-item breadcrumb-item1">

110            <a class="breadcrumb-link link-pag-inicial" href="${(orderType == 'pf')?then('../home', '../home-para-sua-empresa')}" title="Página Inicial">

111              <span class="breadcrumb-text-truncate">Página Inicial</span>

112            </a>

113          </li>

115          <#if getCategoryFromCPDefinition(entry.getCPDefinitionId(),"tipo de curso").getName()?has_content>

116            <#assign CategoriaTipoCurso = getCategoryFromCPDefinition(entry.getCPDefinitionId(),"tipo de curso").getName() />

118            <li class="breadcrumb-item">

119              <a class="breadcrumb-link" href="${(CategoriaTipoCurso == 'Rápido')?then('../cursos-praticos', '')}" title="Página Inicial">

120                <span class="breadcrumb-text-truncate">

121                  Cursos ${(CategoriaTipoCurso == 'Rápido')?then('Práticos', '${CategoriaTipoCurso}')}

122                </span>

123              </a>

124            </li>

125          </#if>

127          <#if getCategoryFromCPDefinition(entry.getCPDefinitionId(),"area de conhecimento").getName()?has_content>

128            <#assign CategoriaArea = getCategoryFromCPDefinition(entry.getCPDefinitionId(),"area de conhecimento").getName() />

130            <li class="breadcrumb-item">

131              <span class="breadcrumb-text-truncate">

132                <!-- Conforme alinhado com a FIEP no dia 26/09 no grupo "[Plataforma de Venda] Alinhamento Front e Conteúdo" -->

133                  <#if CategoriaArea == "Ciências naturais, matemática e estatística">

134                  Ciências Naturais e Exatas

135                <#else>

136                  <#if CategoriaArea == "Computação e Tecnologias da Informação e Comunicação (TIC)">

137                    Tecnologias da Informação e Comunicação

138                  <#else>

139                    <#if CategoriaArea == "Negócios, administração e direito">

140                      Negócios

141                    <#else>

142                      <#if CategoriaArea == "Ciências sociais, comunicação e informação">

143                        Ciências sociais

144                      <#else>

145                        <#if CategoriaArea == "Engenharia, produção e construção">

146                          Engenharia e Produção

147                        <#else>

148                          ${CategoriaArea}

149                        </#if>

150                      </#if>

151                    </#if>

152                  </#if>

153                </#if>

154              </span>

155            </li>

156          </#if>

158          <li class="breadcrumb-item">

159            <span class="breadcrumb-text-truncate">${cpCatalogEntry.getName()}</span>

160          </li>

161        </ol>

162      </div>

164      <div class="bg-blue">

165        <div class="container-fluid  produtos-web-content">

166          <div class="flex-lg-row-reverse g-5 py-5 d-flex-between">

167            <div class="col-md-6">

168              <div class="video-wrapper embed-responsive embed-responsive-16by9">

169                <@liferay_journal["journal-article"]

170                  articleId=journalArticle.getArticleId()

171                  ddmTemplateKey="306139"

172                  groupId=journalArticle.getGroupId()

173                />

174              </div>

175            </div>

177            <div class="col-md-5 info_cursos">

178              <h1 class="display-5 fw-bold lh-1 mb-1">${cpCatalogEntry.getName()}</h1>

180              <div class="tags">

181                <#if getCategoryFromCPDefinition(entry.getCPDefinitionId(),"instituicao").getName()?has_content>

182                  <div class="tag-instituicao">

183                    Curso ${getCategoryFromCPDefinition(entry.getCPDefinitionId(),"instituicao").getName()}

184                  </div>

186                  <div class="tag-area">

187                    <#if CategoriaArea == "Ciências naturais, matemática e estatística">

188                      Ciências Naturais e Exatas

189                    <#else>

190                      <#if CategoriaArea == "Computação e Tecnologias da Informação e Comunicação (TIC)">

191                        Tecnologias da Informação e Comunicação

192                      <#else>

193                        <#if CategoriaArea == "Negócios, administração e direito">

194                          Negócios

195                        <#else>

196                          <#if CategoriaArea == "Ciências sociais, comunicação e informação">

197                            Ciências sociais

198                          <#else>

199                            <#if CategoriaArea == "Engenharia, produção e construção">

200                              Engenharia e Produção

201                            <#else>

202                              ${CategoriaArea}

203                            </#if>

204                          </#if>

205                        </#if>

206                      </#if>

207                    </#if>

208                  </div>

209                </#if>

210              </div>

212              <h2>${cpCatalogEntry.getShortDescription()}</h2>

214              <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4">

215                <div class="align-middle">

216                  <svg xmlns="http://www.w3.org/2000/svg" width="18.92" height="18"><path fill="#ffbd4b" d="m18.92 8.996-2.1-2.391.292-3.165-3.1-.705L12.384 0 9.46 1.256 6.536 0 4.911 2.735l-3.1.7.289 3.161-2.1 2.4 2.1 2.394-.294 3.17 3.1.705L6.536 18l2.924-1.264 2.924 1.254 1.625-2.735 3.1-.705-.287-3.16Zm-8.6 4.3H8.6v-1.72h1.72Zm0-3.44H8.6v-5.16h1.72Z"/></svg>

218                  <span class="align-middle">Última atualização em ${ultimaatt?string("dd/MM/yyyy")}</span>

219                </div>

220              </div>

222              <div class="d-flex mb-0 periodo-text">

223                Período das inscrições:

224                <@liferay_journal["journal-article"] articleId=journalArticle.getArticleId() ddmTemplateKey="142170" groupId=journalArticle.getGroupId() />

225              </div>

226            </div>

227          </div>

228        </div>

229      </div>

231      <div class="container-fluid bg-gray">

232        <div class="row produtos-web-content flex-column-reverse flex-lg-row">

233          <div class="col-md-8 ">

234            <div class="timer">

235              <div class="row d-flex justify-content-left mt-4">

236                <#if getCategoryFromCPDefinition(entry.getCPDefinitionId(),"modalidade").getName()?has_content>

237                  <#assign CategoriaModalidade = getCategoryFromCPDefinition(entry.getCPDefinitionId(),"modalidade").getName() />

239                  <div class="col-auto">

240                    <span class="card-title">Modalidade</span>

242                    <div class="card-text d-flex align-items-center">

243                      <svg xmlns="http://www.w3.org/2000/svg" width="26.914" height="21.2"><g fill="none" stroke="#04050c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" opacity=".5"><g data-name="Grupo 6111"><path d="M20.6 2.029A1.428 1.428 0 0 0 19.172.6H2.029A1.428 1.428 0 0 0 .6 2.029v11.429a1.428 1.428 0 0 0 1.429 1.429h11.428" data-name="Caminho 10613"/><g data-name="Grupo 6110"><path d="M10.6 14.886V20.6" data-name="Linha 204"/><path d="M7.743 20.6h5.714" data-name="Linha 205"/></g></g><g data-name="Grupo 6112" transform="translate(17.743 6.314)"><rect width="8.571" height="14.286" data-name="Retângulo 1408" rx="2"/><path d="M4.286 4.286h0" data-name="Linha 206"/></g></g></svg>

245                      <span class="categoriaModalidade">

246                        <#if CategoriaModalidade = "Educação a Distância">

247                          EaD

248                        <#else>

249                          ${CategoriaModalidade}

250                        </#if>

251                      </span>

252                    </div>

254                    <div class="circle-svg"></div>

255                  </div>

256                </#if>

258                <#attempt>

259                  <@liferay_journal["journal-article"] articleId=journalArticle.getArticleId() ddmTemplateKey="372880" groupId=journalArticle.getGroupId() />

260                <#recover>

261                </#attempt>

262              </div>

263            </div>

265            <#attempt>

266              <@liferay_journal["journal-article"] articleId=journalArticle.getArticleId() ddmTemplateKey="135414" groupId=journalArticle.getGroupId() />

267            <#recover>

268            </#attempt>

270            <div id="module-descricao-produto" class="mb-5">

271              <h2 class="titulo-margin-bottom">Descrição</h2>

273              <div class="inner-descricao-produto">

274                <div class="collapse" id="collapseExample" aria-expanded="false">

275                  <#if getCategoryFromCPDefinition(entry.getCPDefinitionId(),"instituicao").getName()?has_content>

276                    <#assign CategoriaAreaDescription = getCategoryFromCPDefinition(entry.getCPDefinitionId(),"instituicao").getName() />

278                    <#if CategoriaAreaDescription == "SENAI">

279                      <#attempt>

280                        <@liferay_journal["journal-article"] articleId=journalArticle.getArticleId() ddmTemplateKey="525451" groupId=journalArticle.getGroupId() />

281                      <#recover>

282                      </#attempt>

283                      <#else>

284                        ${cpCatalogEntry.getDescription()}

285                    </#if>

286                  </#if>

287                </div>

289                <a role="button" class="collapsed pt-2" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample"></a>

290              </div>

291            </div>

293		        <div id="carouselExampleIndicators" class="carousel slide showshow" data-ride="carousel">

294				      <div class=" diferenciais-produto">

295					      <h2>Diferenciais</h2>

297					      <div class="d-flex">

298						      <div class="carousel-inner">

299							      <div class="carousel-item active">

300								      <div class="col-11">

301									      <div class="cards-diferenciais">

302										      <div class="row">

303											      <div class="col-auto svg-star">

304                              <@StarIcon />

305											      </div>

307											      <div class="col">

308                              <span>

309                                Faz parte da trilha de FrontEnd Design

310                              </span>

311											      </div>

312										      </div>

313									      </div>

314								      </div>

315							      </div>

317                    <div class="carousel-item">

318                      <div class="col-11">

319                        <div class="cards-diferenciais">

320                          <div class="row">

321                            <div class="col-auto svg-star">

322                              <@StarIcon />

323                            </div>

325                            <div class="col">

326                              <span>

327                                Formato 100% online

328                              </span>

329                            </div>

330                          </div>

331                        </div>

332                      </div>

333                    </div>

335                    <div class="carousel-item">

336                      <div class="col-11">

337                        <div class="cards-diferenciais">

338                          <div class="row">

339                            <div class="col-auto svg-star">

340                              <@StarIcon />

341                            </div>

343                            <div class="col">

344                              <span>

345                                Possível convalidar com cursos de pós-graduação

346                              </span>

347                            </div>

348                          </div>

349                        </div>

350                      </div>

351                    </div>

353                    <div class="carousel-item">

354                      <div class="col-11">

355                        <div class="cards-diferenciais">

356                          <div class="row">

357                            <div class="col-auto svg-star">

358                              <@StarIcon />

359                            </div>

361                            <div class="col">

362                              <span>

363                                Acesso via dispositivos móveis

364                              </span>

365                            </div>

366                          </div>

367                        </div>

368                      </div>

369                    </div>

371                    <div class="carousel-item">

372                      <div class="col-11">

373                        <div class="cards-diferenciais">

374                          <div class="row">

375                            <div class="col-auto svg-star">

376                              <@StarIcon />

377                            </div>

379                            <div class="col">

380                              <span>

381                                Certificado de conclusão

382                              </span>

383                            </div>

384                          </div>

385                        </div>

386                      </div>

387                    </div>

389                    <div class="carousel-item">

390                      <div class="col-11">

391                        <div class="cards-diferenciais">

392                          <div class="row">

393                            <div class="col-auto svg-star">

394                              <@StarIcon />

395                            </div>

397                            <div class="col">

398                              <span>

399                                Acesso por 1 ano

400                              </span>

401                            </div>

402                          </div>

403                        </div>

404                      </div>

405                    </div>

406    		          </div>

407		            </div>

409                <div>

410                  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">

411                    <span class="carousel-control-next-icon" aria-hidden="true"></span>

413                    <span class="sr-only">Next</span>

414                  </a>

415                </div>

416              </div>

418              <ol class="carousel-indicators">

419                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>

420                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>

421                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>

422                <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>

423                <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>

424                <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>

425              </ol>

426            </div>

428            <div class="hidehide">

429              <div class="diferenciais-produto">

430                <h2>Diferenciais</h2>

432                <div class="row pl-md-5">

433                  <div class="col-md-4 mb-2">

434                    <div class="cards-diferenciais">

435                      <div class="row">

436                        <div class="col-auto svg-star">

437                          <@StarIcon />

438                        </div>

440                        <div class="col">

441                          <span> Faz parte da trilha de FrontEnd Design </span>

442                        </div>

443                      </div>

444                    </div>

445                  </div>

447                  <div class="col-md-4 mb-2">

448                    <div class="cards-diferenciais">

449                      <div class="row">

450                        <div class="col-auto svg-star">

451                          <@StarIcon />

452                        </div>

454                        <div class="col">

455                          <span> Formato 100% online </span>

456                        </div>

457                      </div>

458                    </div>

459                  </div>

461                  <div class="col-md-4 mb-2">

462                    <div class="cards-diferenciais">

463                      <div class="row">

464                        <div class="col-auto svg-star">

465                          <@StarIcon />

466                        </div>

468                        <div class="col">

469                          <span> Possível convalidar com cursos de pós-graduação </span>

470                        </div>

471                      </div>

472                    </div>

473                  </div>

474                </div>

476                <div class="row pl-md-5">

477                  <div class="col-md-4 mb-2">

478                    <div class="cards-diferenciais">

479                      <div class="row">

480                        <div class="col-auto svg-star">

481                          <@StarIcon />

482                        </div>

484                        <div class="col">

485                          <span> Acesso via dispositivos móveis </span>

486                        </div>

487                      </div>

488                    </div>

489                  </div>

491                  <div class="col-md-4 mb-2">

492                    <div class="cards-diferenciais">

493                      <div class="row">

494                        <div class="col-auto svg-star">

495                          <@StarIcon />

496                        </div>

498                        <div class="col">

499                          <span> Certificado de conclusão </span>

500                        </div>

501                      </div>

502                    </div>

503                  </div>

505                  <div class="col-md-4 mb-2">

506                    <div class="cards-diferenciais">

507                      <div class="row">

508                        <div class="col-auto svg-star">

509                          <@StarIcon />

510                        </div>

511                        <div class="col">

512                          <span> Acesso por 1 ano </span>

513                        </div>

514                      </div>

515                    </div>

516                  </div>

517                </div>

518              </div>

519            </div>

521          <#assign document = saxReaderUtil.read(journalArticle.getContent()) />

522          <#assign RichText25052337 = document.selectSingleNode("/root/dynamic-element[@name='RichText25052337']/dynamic-content") />

524          <#if RichText25052337?? && RichText25052337.getText() != "">

525            <div class="requisitos-produto">

526              <h2>Requisitos</h2>

528              <ul>

529                <li>

530                  ${RichText25052337.getText()}

531                </li>

532              </ul>

533            </div>

534          </#if>

536          <div class="d-none">

537            <#attempt>

538              <@liferay_journal["journal-article"] articleId=journalArticle.getArticleId() ddmTemplateKey="135437" groupId=journalArticle.getGroupId() />

539            <#recover>

540            </#attempt>

541          </div>

543          <div class="d-none">

544            <@liferay_journal["journal-article"] articleId=journalArticle.getArticleId() ddmTemplateKey="135444" groupId=journalArticle.getGroupId() />

545          </div>

546        </div>

548        <div class="col-md-4 col-sm-6">

549          <div class="box-conversao">

550            <form style="margin: -80px 0px 26px;">

551              <div class="comprar-produtos">

552                <#list cpCatalogEntry.getCPSkus() as SkuList>

553                  <#assign priceEntryReferenceCode = SkuList.getSku() + "_" + orderType />

554                  <#assign Promoprice = 0 />

556                  <#attempt>

557                    <#if CommercePriceEntryLocalService.getCommercePriceEntryByExternalReferenceCode(companyId, priceEntryReferenceCode)?has_content>

558                      <#assign priceEntry = CommercePriceEntryLocalService.getCommercePriceEntryByExternalReferenceCode(companyId, priceEntryReferenceCode) />

559                    <#else>

560                      <#assign cpInstance = CPInstanceLocalService.getCPInstance(cpCatalogEntry.getCPDefinitionId() , SkuList.getSku()).getCPInstanceUuid() />

561                      <#assign commercePriceListId = CommercePriceListService.fetchByExternalReferenceCode("price-list-" + orderType, companyId).getCommercePriceListId() />

562                      <#assign priceEntry = CommercePriceEntryLocalService.fetchCommercePriceEntry(commercePriceListId, cpInstance) />

563                    </#if>

565                    <#assign price = priceEntry.getPrice() />

567                    <#if priceEntry.getPromoPrice()?has_content && (priceEntry.getPromoPrice() > 0)>

568                      <#assign Promoprice = priceEntry.getPromoPrice() />

569                    <#elseif SkuList.getPromoPrice()?has_content && (SkuList.getPromoPrice() > 0)>

570                      <#assign Promoprice = SkuList.getPromoPrice() />

571                    </#if>

572                  <#recover>

573                    <#assign price = SkuList.getPrice() />

575                    <#if SkuList.getPromoPrice()?has_content && (SkuList.getPromoPrice() > 0)>

576                      <#assign Promoprice = SkuList.getPromoPrice() />

577                    </#if>

578                  </#attempt>

580                  <div class="price-container row option-selector value-selector-${SkuList.getCPInstanceId()}${SkuList?counter}">

581                    <#if (Promoprice > 0) && (Promoprice != price)>

582                      <p style="text-decoration: line-through; color: var(--neutral-2); font-weight: 500;">${price?string.currency}</p>

583                    </#if>

585                    <div class="col-12 row justify-content-center align-items-center">

586											<svg xmlns="http://www.w3.org/2000/svg" width="13.805" height="13.805"><path fill="#ffb73a" d="M0 6.8V1.3A1.294 1.294 0 0 1 1.294 0H6.8a1.294 1.294 0 0 1 .915.379l5.713 5.713a1.294 1.294 0 0 1 0 1.83l-5.5 5.5a1.294 1.294 0 0 1-1.83 0L.379 7.713A1.294 1.294 0 0 1 0 6.8Zm3.02-5.074A1.294 1.294 0 1 0 4.314 3.02 1.294 1.294 0 0 0 3.02 1.726Z" data-name="Icon awesome-tag"/></svg>

588                      <span class="sifrao-preco">R$</span>

589                        <span class="price-value">

590                          ${(Promoprice > 0)?then(Promoprice?string.currency, price?string.currency)}

591                        </span>

592                    </div>

593                  </div>

594                </#list>

596                <#attempt>

597                    <#assign listCategories = listCategoriesFromCPDefinition(entry.getCPDefinitionId()) />

598                    <#assign finalprice = (Promoprice?has_content)?then('${Promoprice?string.currency}', '${price?string.currency}') />

599                    <#assign productDetail = {"name":cpCatalogEntry.getName(), "externalReferenceCode": journalArticle.getTitle(locale) , "value":price?string.currency, "price": finalprice, "categories":listCategories} />

600                <#recover>

601                    <#assign productDetail = {} />

602                </#attempt>

604                <p class="parcela-minima">Até 3X, parcela mínima R$ 100</p>

606                <div class="direito-desconto ${(orderType == 'pf')?then('d-none', '')}">

607                  <div>

608                    <button type="button" data-toggle="modal" data-target="#modalpoliticadeprivacidade">Tenho direito a descontos?</button>

609                  </div>

611                  <div

612                    aria-labelledby="modalpoliticadeprivacidadeLabel"

613                    class="fade modal"

614                    id="modalpoliticadeprivacidade"

615                    role="dialog"

616                    tabindex="-1"

617                    style="display: none;"

618                  >

619                    <div class="modal-dialog modal-lg">

620                      <div class="modal-dialog" role="document">

621                        <div class="modal-content">

622                          <div class="modal-header">

623                            <div class="modal-title" id="modalpoliticadeprivacidadeLabel">

624                              <h2 class="pb-0">Política de descontos do Sistema Fiep</h2>

625                            </div>

627                            <button aria-labelledby="Close" class="close mb-0" data-dismiss="modal" role="button" type="button" style="border:none;">

628                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/></svg>

629                            </button>

630                          </div>

632                          <div class="modal-body">

633                            <div class="taxa-de-desconto">

634                              <ul>

635                                <li>5% - Empresa Parceira (mediante termo de parceria)</li>

636                                <li>10% - Indústria Não Contribuinte</li>

637                                <li>15% - Indústria ou Empresa Contribuinte</li>

638                                <li>20% - Sindicato ou Indústria Associada</li>

639                              </ul>

641                              <p>Ao informar o CNPJ da Empresa Pagadora <strong>será verificado automaticamente</strong> o direito ao desconto e, se confirmado o vínculo, o desconto será aplicado para finalização do pagamento. * Caso: (1) a empresa se enquadre em mais de um tipo de desconto, será concedido o de maior percentual <strong>limitado a 20%</strong>; (2) a empresa se enquadre nas políticas mencionadas e o desconto não for concedido <strong>automaticamente</strong>, o comprador poderá entrar em contato com nosso atendimento através do <strong>WhatsApp</strong>.</p>

642                            </div>

643                          </div>

644                        </div>

645                      </div>

646                    </div>

647                  </div>

648                </div>

650                <div class="quantidade-participante text-center">

651                  <div class="form-group">

652                    <select class="form-control d-none" id="selectturma" disable>

653                      <#list cpCatalogEntry.getCPSkus() as SkuList>

654                        <option value="value-selector-${SkuList.getCPInstanceId()}${SkuList?counter}">${SkuList.getSku()}</option>

655                      </#list>

656                    </select>

657                  </div>

659                  <span class="quantidade">Quantidade</span>

661                  <a data-toggle="tooltip" data-placement="top" title="Após a finalização da compra você poderá cadastrar o(s) aluno(s).">

662                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>

663                  </a>

665                  <div class="d-flex align-content-center justify-content-center position-relative">

666                    <button type="button" class="btn--commerce btn-minus" data-commerce-action="decrease">

667                      <span> _ </span>

668                    </button>

670                    <input max="" min="1" step="" data-commerce-action="quantity" class="form-control form-control-md quantity-selector" type="number" value="1" />

672                    <button type="button" class="btn--commerce btn-plus" data-commerce-action="increase">

673                      <span>+</span>

674                    </button>

675                  </div>

676                </div>

678                <#list cpCatalogEntry.getCPSkus() as SkuList>

679                  <div class="btns-de-compra option-selector value-selector-${SkuList.getCPInstanceId()}${SkuList?counter}">

680                    <div style="<#if !cursoDisponivel>margin-top: 50px;<#else>margin-top: 100px;</#if> margin-bottom: 19px;">

681                      <button type="button" id="botaoagora" class="btn-agora" data-commerce-action="comprar-agora" data-sku-id="${SkuList.getCPInstanceId()}" <#if !cursoDisponivel>disabled style="background-color: #adadad; width: 300px; right: 5px; cursor: not-allowed;"</#if>>

682                        <#if cursoDisponivel>

683                          Comprar Agora

684                        <#else>

685                          Curso indisponível

686                        </#if>

687                      </button>

688                    </div>

690                    <#if cursoDisponivel>

691                      <div class="btn-adicionar-carrinho" id="btn-carrinho">

692                        <@AdicionarAoCarrinho SkuList.getCPInstanceId() />

693                      </div>

694                    </#if>

696                    <div class="add-to-card-fixed showshow">

697                      <div class="btn-comprar-agora d-flex-content" >

698                        <span class="price-value">

699                          ${(Promoprice > 0)?then(Promoprice?string.currency, price?string.currency)}

700                        </span>

702                        <#if cursoDisponivel>

703                          <@AdicionarAoCarrinho SkuList.getCPInstanceId() />

704                        <#else>

705                          <div style="color: #fff; font-size: 14px; text-align: right;">Curso indisponível</div>

706                        </#if>

707                      </div>

708                    </div>

709                  </div>

710                </#list>

711              </div>

712            </form>

714            <div>

715              <!-- redes sociais -->

716              <div class="redes-sociais-titulo">

717                <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share"><path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/></svg> Compartilhar este curso</p>

718              </div>

720              <div class="redes-sociais">

721                <a target="_blank" href="https://web.whatsapp.com/send?text=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp"><path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/></svg></a>

723                <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/></svg></a>

725                <a target="_blank" href="https://www.facebook.com/sharer.php?u=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg></a>

727                <a target="_blank" href="http://twitter.com/intent/tweet?url=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg></a>

728              </div>

730              <div class="redes-sociais-online">

731                <a target="_blank" href="https://signupforservices.com/whatsapp/optin/?bId=1b85ae5d-d56e-4124-8151-383e38523698&bName=SISTEMAFIEPSM&s=URL&lang=pt_BR"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="#29C5A5" class="bi bi-whatsapp" viewBox="0 0 16 16"><path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/></svg>Atendimento online</a>

732              </div>

733            </div>

734          </div>

735        </div>

736      </div>

737    </#list>

738  </#if>

739</div>

741<#macro StarIcon>

742  <svg xmlns="http://www.w3.org/2000/svg" width="19.851" height="19"><path fill="#31d195" d="M8.859.661 6.438 5.574l-5.421.79A1.188 1.188 0 0 0 .359 8.39l3.922 3.822-.928 5.4a1.187 1.187 0 0 0 1.722 1.25l4.85-2.549 4.85 2.549a1.188 1.188 0 0 0 1.722-1.25l-.928-5.4 3.922-3.822a1.188 1.188 0 0 0-.657-2.026l-5.421-.79L10.991.661a1.188 1.188 0 0 0-2.13 0Z"/></svg>

743</#macro>

745<#macro AdicionarAoCarrinho cpInstanceId>

746  <div class="add-to-cart mb-2 lfr-tooltip-scope">

747    <div class="add-to-cart-wrapper align-items-center d-flex justify-content-center">

748      <button class="mt-3 btn-md btn-add-to-cart btn btn-primary" type="button" data-commerce-action="adicionar-carrinho" data-sku-id="${cpInstanceId}">

749        <span class="text-truncate-inline">

750          <span class="text-truncate">Adicionar ao Carrinho</span>

751        </span>

753        <span class="cart-icon">

754          <svg class="lexicon-icon lexicon-icon-shopping-cart" role="presentation"><use xlink:href="https://webserver-fiep-uat.lfr.cloud/o/marketplace-fiep-theme/images/clay/icons.svg#shopping-cart"></use></svg>

755        </span>

756      </button>

757    </div>

758  </div>

759</#macro>

761<script>

762  function actionButtonsListeners() {

763    document.querySelector('[data-commerce-action="increase"]').addEventListener('click', function() {

764      const input = document.querySelector('[data-commerce-action="quantity"]')

765      input.value = Number(input.value) + 1

766    })

768    document.querySelector('[data-commerce-action="decrease"]').addEventListener('click', function() {

769      const input = document.querySelector('[data-commerce-action="quantity"]')

770      input.value = Number(input.value) === 0 ? 1 : Number(input.value) - 1

771    })

773    document.querySelector('[data-commerce-action="comprar-agora"]')

774    ?.addEventListener('click', (e) => onClickCommerce(e, "${commerceOrderHttpHelper.getCommerceCheckoutPortletURL(request)}", true))

776    document.querySelectorAll('[data-commerce-action="adicionar-carrinho"]')

777      .forEach(item => item.addEventListener('click', (e) => onClickCommerce(e)))

778  }

780  Liferay.on('allPortletsReady', actionButtonsListeners)

782  var CART_BASE_URL = '/o/headless-commerce-delivery-cart/v1.0'

783  var cartHeaders = {

784    'accept': 'application/json',

785    'Content-Type': 'application/json'

786  }

788  function setDisableButton(button) {

789    button.setAttribute('disabled','')

790  }

792  async function getCartId() {

793    const cartIdLocalStorage = localStorage.getItem('cartId')

795    if(cartIdLocalStorage && cartIdLocalStorage !== "-1") {

796      return cartIdLocalStorage

797    }

798  }

800  async function onClickCommerce({ currentTarget }, redirect = '', isDisabled = false) {

801    try {

802      isDisabled && setDisableButton(currentTarget)

804      const { skuId } = currentTarget.dataset

805      const cartInputQuantity = Number(document.querySelector('[data-commerce-action="quantity"]')?.value)

806      const cartId = await getCartId()

807      if(cartId) {

808        await addCartItem({ cartId, skuId, quantity: cartInputQuantity })

810        redirect && redirectToPage(redirect)

811        return

812      }

814      const cart = await createCart({ quantity: cartInputQuantity, skuId })

815      document.cookie = "com.liferay.commerce.model.CommerceOrder#${commerceContext.getCommerceChannelGroupId()} = " + cart.orderUUID + "; path=/";

817      redirect && redirectToPage(redirect)

818    } catch(err) {

819      console.error('onClickComprarAgora', err)

820    }

821  }

823  async function createCart({ quantity, skuId }) {

824    try {

825      const response = await Liferay.Util.fetch(CART_BASE_URL + '/channels/${commerceChannelId}/carts?nestedFields=cartItems', {

826          headers: cartHeaders,

827          method: "POST",

828          body: JSON.stringify({

829            accountId: +"${commerceAccountId}",

830            currencyCode: "BRL",

831            cartItems: [{ options: "[]", quantity, skuId: +skuId }]

832          })

833      })

835      if(!response.ok) throw Error("Não foi possível criar o carrinho.")

837      return await response.json()

838    } catch(err) {

839      console.error('createCart', err)

840    }

841  }

843  async function addCartItem({ cartId, skuId, quantity }) {

844    console.log({ cartId, skuId, quantity })

845    try {

846      const response = await Liferay.Util.fetch(CART_BASE_URL + '/carts/' + cartId + '/items', {

847        method: 'POST',

848        headers: cartHeaders,

849        body: JSON.stringify({

850            quantity,

851            skuId,

852            options:"[]"

853        })

854      })

856      if(!response.ok) throw Error("Não foi possível adicionar o item ao carrinho")

857      console.log("Item adicionado ao carrinho com sucesso!")

858      return await response.json()

859    } catch(error) {

860      console.error('addCartItem', error)

861    }

862  }

864  function redirectToPage(page) {

865    location = page

866  }

868</script>

870<style>

871  #botao-adicionar-carrinho > div > div > button{

872	display: none;

873  }

875	.lexicon-icon .lexicon-icon-shopping-cart {

876		color: #7F8BBC;

877	}

879  .breadcrumb-container{

880    height: 40px;

881    box-shadow: 0px 2px 2px #00000029;

882    overflow: auto;

883    width: 100%;

884  }

885  .breadcrumb {

886  flex-wrap: nowrap;

887  }

888  .breadcrumb-produto .breadcrumb-item + .breadcrumb-item::before{

889    background-image:none;

890    content:"/";

891    top: 35%;

892    font-size: 11px;

893  }

894  .breadcrumb-produto {

895    margin-bottom: -11px;

896    padding: 0px;

897  }

898  .breadcrumb-produto .breadcrumb-text-truncate{

899    font-size: 11px;

900    vertical-align: sub;

901    color: #666666;

902    max-width: unset;

903  }

904  .breadcrumb-produto button {

905    width: 70px;

906    height: 40px;

907    background-color: #F3F3F3;

908    border: none;

909    font-size: 12px;

910  }

911  .breadcrumb-produto button svg{

912    font-size: 13px;

913  }

914  .breadcrumb-produto .breadcrumb-item {

915    display: flex;

916    flex-wrap: wrap;

917    align-content: center;

918  }

920  .quantidade-participante a{

921    color: var(--black);

922  }

924  .quantidade-participante .quantidade {

925    font-size: 14px;

926    color: #999999;

927  }

930  .parcela-minima{

931    margin-bottom: 30px !important;

932    font-size: 13px;

933    color: var(--neutral-1);

934  }

935  #botao-adicionar-carrinho .quantity-selector{

936    transform: translateY(-140px);

937    margin-bottom: -40px;

938    border-radius: 9px;

939    border: 1px solid #666666;

940  }

942  button.btn.btn-secondary:hover {

943    background: none;

944  }

946  button.btn.btn-secondary {

947    margin: 0 auto;

948    border: none;

949    color: #666;

950  }

952  .add-to-card-fixed .quantity-selector{

953    display: none !important;

954  }

956  .custom-tooltip {

957    background: #000;

958    color: #fff;

959  }

961  .comprar-produtos .form-group {

962    text-align: center;

963    margin-top: 20px;

964    margin-bottom: 30px;

965  }

967	.comprar-produtos .favoritos {

968	    display: flex;

969    	justify-content: flex-end;

970  }

972  #botao-comprar-agora{

973    text-align: center;

974    width: 100%;

975    display: block;

976    margin: 0px !important;

977    padding-top: 15.5px;

978    padding-bottom: 15.5px;

979  }

981  .comprar-produtos .form-group {

982    text-align: center;

983    margin-top: 20px;

984    margin-bottom: 30px;

985  }

987  .direito-desconto h2 {

988      font-size: 18px;

989      color: #333333;

990      font-weight: bold;

991      padding-bottom: 30px;

992  }

994  .desconto-aplicado {

995      font-weight: 600;

996      text-align: left !important;

997      padding-bottom: 10px;

998  }

1000  .nao-aplicado {

1001      color: #FF2C35;

1002      padding-left: 20px;

1003      text-align: left !important;

1004      padding-bottom: 30px;

1005  }

1007  .direito-desconto h3 {

1008      font-size: 16px;

1009      color: #333333;

1010      font-weight: bold;

1011      border-bottom: 1px solid #d2d2d2;

1012      padding-bottom: 10px;

1013      margin-bottom: 20px;

1014  }

1016  .taxa-de-desconto ul {

1017      padding: 0 20px;

1018  }

1020  .taxa-de-desconto p {

1021      text-align: left !important;

1022      margin-bottom: 0px !important;

1023  }

1025  .casos-desconto {

1026      text-align: left !important;

1027  }

1029  .comprar-produtos .price-value {

1030      padding-right: 20px;

1031			color: #454F75;

1032  }

1034  .comprar-produtos .price-value-inactive {

1035      z-index: 3;

1036      font-size: 16px !important;

1037      text-align: center;

1038      padding-left: 20px;

1039      margin-bottom: -10px;

1040  }

1042  .comprar-produtos .price {

1043      display: flex;

1044      flex-direction: column;

1045  }

1047  .comprar-produtos .sifrao-preco {

1048      color: #454F75;

1049      font-size: 21px;

1050      margin-right: -36px;

1051      z-index: 2;

1052      background-color: white;

1053      display: flex;

1054      align-items: flex-end;

1055      font-weight: bold;

1056      padding-left: 10px;

1057      padding-bottom: 3px;

1058  }

1060	  .comprar-produtos .tag-preco {

1061      padding-top: 10px;

1062			width: 14px;

1063  }

1065  .comprar-produtos .promo-preco .price-value{

1066    color: var(--neutral-2);

1067    font-size:16px;

1068    font-weight: normal;

1069    text-decoration: line-through;

1070  }

1072  .comprar-produtos .btn-comprar-agora:hover {

1073      background: #29C5A5 0% 0% no-repeat padding-box;

1074  }

1076  .direito-desconto button {

1077      border: none;

1078      background: none;

1079      border-bottom: 1px solid #333333;

1080      color: #333333;

1081      margin-left: auto;

1082      margin-right: auto;

1083      margin-bottom: 30px;

1084  }

1086  .btn-adicionar-carrinho .btn-add-to-cart {

1087      margin-top: 0px !important;

1088      padding-top: 15px;

1089      padding-bottom: 15px;

1090      width: 290px;

1091      display: flex;

1092      justify-content: center;

1093  }

1095  .btn-comprar-agora .btn-add-to-cart {

1096      margin-top: 8.5px !important;

1097      margin-bottom: 8.5px !important;

1098  }

1100  .data-incricoes {

1101      font-size: 14px;

1102      color: var(--white);

1103      font-weight: normal;

1104			padding-left: 5px;

1105  }

1107  .price-container {

1108      height: 70px;

1109      display: flex;

1110      justify-content: center;

1111  }

1113  .price-value {

1114      color: var(--neutral-1);

1115      font-size: 30px;

1116      font-weight: bold;

1117  }

1119  .detalhes-de-produto-fiep .btn-comprar-agora .add-to-cart .add-to-cart-wrapper .btn-add-to-cart>span::before {

1120      content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='#454F75' class='bi bi-cart-fill' viewBox='0 0 16 16'%3e%3cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3e%3c/svg%3e");

1121  }

1123  .comprar-produtos .btn-comprar-agora .btn-add-to-cart {

1124      background-color: #ffffff00 !important;

1125      display: flex;

1126      border: none !important;

1127  }

1129  .comprar-produtos .btn-comprar-agora .text-truncate {

1130      visibility: hidden;

1131      position: relative;

1132  }

1134  .comprar-produtos .btn-comprar-agora .text-truncate:after {

1135      visibility: visible;

1136      position: absolute;

1137      top: 0;

1138      left: 5%;

1139      content: "Adicionar ao carrinho";

1140      font-size: 19px;

1141      font-weight: bold;

1142      color: #454F75;

1143  }

1145  .comprar-produtos .btn-comprar-agora {

1146      width: 395px;

1147      background: #29C5A5 0% 0% no-repeat padding-box;

1148      color: black;

1149      margin-left: -52px;

1150      font-size: 20px;

1151      font-weight: bold;

1152      margin-bottom: 19px;

1153      margin-top: 80px !important;

1154  }

1156	.comprar-produtos .btn-agora {

1157			background: #29C5A5 0% 0% no-repeat padding-box;

1158			font-size: 19px;

1159			font-weight: bold;

1160			text-align: center;

1161			padding: 15px 0px;

1162			cursor: pointer;

1163			color: #FFFFFF;

1164			border-radius: 5px;

1165			position: relative;

1166    	width: 395px;

1167    	right: 53px;

1168      border: none;

1170	}

1171	.comprar-produtos .btn-agora:hover{

1172			background: #29C5A5 0% 0% no-repeat padding-box;

1173	}

1175  .direito-desconto .modal-dialog {

1176      margin: 1.75rem auto;

1177      max-width: 800px;

1178  }

1180  .direito-desconto .modal-content {

1181      border-radius: 8px;

1182  }

1184  .direito-desconto .modal-body {

1185      padding: 40px 50px;

1186  }

1188  .detalhes-de-produto-fiep .add-to-cart .add-to-cart-wrapper .btn-add-to-cart>span::before {

1189      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-cart2' viewBox='0 0 16 16'%3E%3Cpath d='M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z'/%3E%3C/svg%3E");

1190      padding-right: 8px;

1191  }

1193  .detalhes-de-produto-fiep .add-to-cart .add-to-cart-wrapper .btn-add-to-cart .text-truncate {

1194      color: #454F75;

1195      font-size: 16px;

1196      height: 26px;

1197      overflow: inherit;

1198  }

1200  .detalhes-de-produto-fiep .add-to-cart .add-to-cart-wrapper .btn-add-to-cart .cart-icon,

1201  .detalhes-de-produto-fiep .add-to-cart .add-to-cart-wrapper {

1202      display: none;

1203  }

1205  .detalhes-de-produto-fiep .add-to-cart .add-to-cart-wrapper .btn-add-to-cart {

1206      background: var(--white) 0% 0% no-repeat padding-box;

1207      border: 2px solid #29C5A5;

1208      border: 2px solid #29C5A5;

1209      border-radius: 6px;

1210      color: #454F75;

1211      text-align: left;

1212      font: normal normal medium 15px/12px Open Sans;

1213      width: 280px;

1214  }

1216  .video-wrapper {

1217      position: relative;

1218  }

1220  .video-wrapper>video {

1221      width: 100%;

1222      vertical-align: middle;

1223  }

1225  .video-wrapper>video.has-media-controls-hidden::-webkit-media-controls {

1226      display: none;

1227  }

1229  .video-wrapper {

1230      position: relative;

1231      max-width: 564px !important;

1232      max-height: 267px !important;

1233  }

1235  .video-overlay-play-button {

1236      box-sizing: border-box;

1237      width: 100%;

1238      height: 100%;

1239      padding: 10px calc(50% - 50px);

1240      position: absolute;

1241      top: 0;

1242      left: 0;

1243      display: block;

1244      cursor: pointer;

1245      background-color: #6377b880;

1246      transition: opacity 150ms;

1247      padding-top: 5%;

1248  }

1250  .video-overlay-play-button polygon {

1251      transform: translateX(30px);

1252  }

1254  .video-overlay-play-button:hover {

1255      opacity: 1;

1256  }

1258  .video-overlay-play-button.is-hidden {

1259      display: none;

1260  }

1262  .card-title {

1263      height: 18px;

1264      font-size: 13px;

1265      color: #666666;

1266      margin-left: 50px;

1267      font-weight: 400;

1268  }

1270  .circle-svg {

1271      position: relative;

1272      z-index: 1;

1273      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='81.737' height='81.737' viewBox='0 0 81.737 81.737'%3e%3cg id='graph-info-produto' transform='translate(-751.044 -431.96)'%3e%3cpath id='Caminho_10823' data-name='Caminho 10823' d='M823.3,479.337a24.877,24.877,0,1,1-24.877-24.877v24.877Z' transform='translate(-6.508 -6.508)' fill='%23fff'/%3e%3cpath id='Caminho_10824' data-name='Caminho 10824' d='M816.789,472.829a24.877,24.877,0,1,1-24.877-24.877V431.96a40.869,40.869,0,1,0,40.869,40.869Z' transform='translate(0 0)' fill='%23b0e5de' opacity='0.3'/%3e%3cpath id='Caminho_10825' data-name='Caminho 10825' d='M818.959,475a24.877,24.877,0,1,1-24.877-24.877V439.46A35.538,35.538,0,1,0,829.62,475Z' transform='translate(-2.169 -2.169)' fill='%23b0e5de' opacity='0.5'/%3e%3cpath id='Caminho_10826' data-name='Caminho 10826' d='M821.128,477.167a24.877,24.877,0,1,1-24.877-24.877V446.96a30.207,30.207,0,1,0,30.207,30.207Z' transform='translate(-4.339 -4.339)' fill='%23b0e5de'/%3e%3c/g%3e%3c/svg%3e");

1274      content: "";

1275      height: 82px;

1276      width: 190px;

1277      background-repeat: no-repeat;

1278      transform: translateY(-65px);

1279  }

1281  .redes-sociais-titulo p {

1282      color: #3A4D8B;

1283      padding: 0px;

1284      margin: 5px;

1285  }

1287  .redes-sociais-online {

1288      text-align: center;

1289      padding: 26px 10px;

1290  }

1292  .card-text {

1293      width: 190px;

1294      height: 50px;

1295      box-shadow: 0px 2px 5px #00000029;

1296      border-radius: 26px;

1297      z-index: 10;

1298      position: relative;

1299      background-color: white;

1300      margin-left: 16px;

1301      padding-left: 16px;

1302  }

1304  .card-text span {

1305      font-size: 15px;

1306      font-weight: 600;

1307      letter-spacing: 0px;

1308      color: #04050C;

1309      padding-left: 11px;

1310  }

1312  .bg-blue {

1313      background-color: #7C88B9;

1314      padding-top: 40px;

1315  }

1317  .bg-blue .periodo-text {

1318      color: #FFFFFF;

1319      font-size: 13px;

1320      padding-top: 0;

1321  }

1323  .bg-blue h1 {

1324      color: #FFFFFF;

1325      font-size: 30px;

1326      font-weight: bold;

1327  }

1329  .bg-blue h2 {

1330      color: #FFFFFF;

1331      font-size: 15px;

1332      line-height: 24px;

1333      margin-bottom: 17px !important;

1334			margin-top: 30px;

1335  }

1337  .bg-blue span {

1338      font-size: 14px;

1339      color: #FFFFFF;

1340  }

1342	 .bg-blue .checked {

1343      color: #FFB73A;

1344  }

1346  c {

1347      font-size: 22px;

1348      font-weight: bold;

1349      color: var(--primary);

1350      margin-bottom: 23px;

1351      border-bottom: 1px solid #E9E9E9;

1352  }

1354  #module-descricao-produto h3 {

1355      font-size: 18px;

1356      font-weight: bold;

1357      color: var(--neutral-1);

1358      margin-bottom: 18px;

1359  }

1361  #module-descricao-produto p {

1362      font-size: 15px;

1363      line-height: 24px;

1364			color: #454F75;

1365  }

1367	 #module-descricao-produto .container-fluid {

1368      padding: 0;

1369  }

1372  #module-descricao-produto .inner-descricao-produto {

1373      margin-left: 48px;

1374  }

1376  #module-descricao-produto #collapseExample.collapse:not(.show) {

1377      display: block;

1378      height: 140px;

1379      overflow: hidden;

1380  }

1382  #module-descricao-produto #collapseExample.collapsing {

1383      height: 140px;

1384  }

1386  #module-descricao-produto a.collapsed:after {

1387      content: 'Mostrar mais';

1388      margin-left: 45%;

1389      border-bottom: 2px solid #29C5A5;

1390      font-size: 13px;

1391      font-weight: 600;

1392      padding-bottom: 5px;

1393      color: #454F75;

1394      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' 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-.708z'/%3e%3c/svg%3e");

1395      background-repeat: no-repeat;

1396      padding-right: 14px;

1397      background-position-x: 100%;

1398      background-size: 12px;

1399      background-position-y: 40%;

1400  }

1402  #module-descricao-produto a:not(.collapsed):after {

1403      content: 'Mostrar menos';

1404      margin-left: 45%;

1405      border-bottom: 2px solid #29C5A5;

1406      font-size: 13px;

1407      font-weight: 600;

1408      padding-bottom: 5px;

1409      color: #454F75;

1410      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' 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-.708l6-6z'/%3e%3c/svg%3e");

1411      background-repeat: no-repeat;

1412      padding-right: 14px;

1413      background-position-x: 100%;

1414      background-size: 12px;

1415      background-position-y: 40%;

1416  }

1418  .d-flex-between {

1419    display: flex;

1420    justify-content: space-between;

1421    padding-top: 0px !important;

1422  }

1424  .produtos-web-content {

1425      max-width: 1184px;

1426      margin: auto;

1427			padding-bottom: 50px;

1428  }

1430	.bg-gray {

1431		background-color: #EEF0F2;

1432	}

1434  .comprar-produtos .add-to-cart .add-to-cart-wrapper .btn-add-to-cart {

1435      background: var(--white) 0% 0% no-repeat padding-box;

1436      border: 2px solid #29C5A5;

1437      border: 2px solid #29C5A5;

1438      border-radius: 5px;

1439      color: #454F75;

1440      text-align: left;

1441  }

1443  .comprar-produtos {

1444      background: var(--white) 0% 0% no-repeat padding-box;

1445      box-shadow: 3px 0px 20px #0000001F;

1446      border: 1px solid #DCDCDC;

1447      border-radius: 10px;

1448      padding-left: 42px;

1449      padding-right: 42px;

1450      padding-top: 28px;

1451      padding-bottom: 10px;

1452      width: 376px;

1453  }

1455  .comprar-produtos p {

1456      text-align: center;

1457      margin-bottom: 0px;

1458  }

1460  .comprar-produtos .form-group {

1461      text-align: center;

1462      margin-top: 30px;

1463      margin-bottom: 30px;

1464  }

1466  .comprar-produtos .form-control {

1467      display: block;

1468      width: 60px;

1469			text-align: center;

1470      padding: 0;

1471      font-size: 1rem;

1472      line-height: 1.5;

1473      color: #495057;

1474      background-color: #fff;

1475      background-clip: padding-box;

1476      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

1477      border: 1px solid #D7DAE8;

1478      border-radius: 8px;

1479      height: 50px;

1480			position: relative;

1481      z-index:1;

1482			top: 6px;

1483			box-shadow: 0px 0px 10px #00000029;

1484  }

1486	input[type=number].quantity-selector::-webkit-inner-spin-button {

1487    -webkit-appearance: none;

1489	}

1490	input[type=number].quantity-selector {

1491   	-moz-appearance: textfield;

1492   	appearance: textfield;

1493	 	padding: 0;

1494	 	color: #7F8BBC

1495	 }

1497  .btn--commerce {

1498    top: 12px;

1499    display: flex;

1500    justify-content: center;

1501    height: 40px;

1502    background-color: #E7E9F0;

1503    border-radius: 20px;

1504    color: #454F75;

1505    border: none;

1506    position: absolute;

1507    width: 50px;

1508    font-size: 25px;

1509    align-items: center;

1510  }

1512	.btn--commerce.btn-minus {

1513    margin-right: 80px;

1514    padding-right: 15px;

1515	}

1517	.btn--commerce.btn-minus span {

1518		color: #454F75;

1519		padding-bottom: 23px;

1520	}

1522	.btn-plus {

1523    margin-left: 80px;

1524		padding-left: 15px;

1525	}

1527  .area-de-estatisticas {

1528      background-color: var(--accent-1);

1529  }

1531  .area-de-estatisticas .estatisticas {

1532      display: grid;

1533      justify-items: center;

1534  }

1536  .area-de-estatisticas .estatisticas:last-child:after {

1537      background-color: var(--accent-1);

1538  }

1540  .area-de-estatisticas .estatisticas::after {

1541      content: "";

1542      position: absolute;

1543      background-color: #FFFFFF80;

1544      width: 1px;

1545      height: 62px;

1546      bottom: 30%;

1547      right: -1px;

1548  }

1550  .area-de-estatisticas h3 {

1551      font-size: 20px;

1552      color: #fff;

1553      font-weight: bold;

1554      color: var(--white);

1555  }

1557  .area-de-estatisticas .descricao-statistic {

1558      color: var(--white);

1559      font-size: 16px;

1560      font-weight: bold;

1561  }

1563  .area-de-estatisticas .title-statistic {

1564      color: var(--white);

1565      font-size: 38px;

1566      font-weight: bold;

1567  }

1569  .area-de-estatisticas .plus-sign {

1570      font-size: 22px;

1571      font-weight: bold;

1572      color: var(--white);

1573  }

1575  .area-de-estatisticas .title-box {

1576      display: flex;

1577      align-items: center;

1578      padding-right: 10px;

1579  }

1581  .veja-como-e-facil-produto p {

1582      width: 200px;

1583      margin: auto;

1584      padding: 6px 0;

1585      color: var(--neutral-2);

1586      font-size: 15px;

1587  }

1589  .veja-como-e-facil-produto h2 {

1590      font-size: 22px;

1591      font-weight: bold;

1592      color: var(--primary);

1593      margin-bottom: 30px;

1594      margin-top: 30px;

1595      text-align: center;

1596  }

1598  .corpo-docente-produto h2 {

1599      font-size: 22px;

1600      font-weight: bold;

1601      color: #7F8BBC;

1602      margin-bottom: 35px;

1603      margin-top: 30px;

1604  }

1606  .corpo-docente-produto h3 {

1607      color: #454F75;

1608      font-size: 18px;

1609      font-weight: bold;

1610      margin-bottom: 4px;

1611  }

1613  .corpo-docente-produto h4 {

1614      color: #666666;

1615      font-size: 15px;

1616      margin-bottom: 19px;

1617      font-weight: 600;

1618  }

1620  .corpo-docente-produto p {

1621      color: #666666;

1622      font-size: 14px;

1623  }

1625	.corpo-docente-produto img {

1626      width: 99px;

1627			height: 99px;

1628			border-radius: 50%;

1629			margin-top: 10px;

1630  }

1632  .grade-curricular-produto .panel {

1633      margin-bottom: 14px;

1634  }

1636  .grade-curricular-produto .panel button {

1637      border: 1px solid #D2D2D2;

1638      border-bottom-left-radius: 3px !important;

1639      border-bottom-right-radius: 3px !important;

1640      border-top-left-radius: 3px !important;

1641      border-top-right-radius: 3px !important;

1642			background-color: white;

1643  }

1645  .grade-curricular-produto svg {

1646      color: var(--action-secondary);

1647      width: 16px;

1648  }

1650  .grade-curricular-produto .panel-title {

1651      color: #454F75;

1652      font-size: 15px;

1653      text-transform: none;

1654  }

1656  .grade-curricular-produto h2 {

1657      font-size: 22px;

1658      font-weight: bold;

1659      color: #7F8BBC;

1660      margin-bottom: 20px;

1661      margin-top: 30px;

1662  }

1664  .requisitos-produto h2 {

1665      font-size: 22px;

1666      font-weight: bold;

1667      color: #7F8BBC;

1668      margin: 30px 0;

1669  }

1671  .titulo-margin-bottom,

1672  .diferenciais-produto h2 {

1673      font-size: 22px;

1674      font-weight: bold;

1675      color: #7F8BBC;

1676      margin-bottom: 20px;

1677      border-bottom: 1px solid #D6D6D6;

1678      margin-top: 30px;

1679      padding-bottom: 5px;

1680  }

1682  .diferenciais-produto .cards-diferenciais {

1683      border: 1px solid #D6D6D6;

1684      border-radius: 10px;

1685      padding: 15px;

1686      width: 226px;

1687      margin-top: 14px;

1688      height: 100%;

1689  }

1691  .diferenciais-produto .cards-diferenciais span {

1692      font-size: 15px;

1693      color: #666666;

1694  }

1696  .diferenciais-produto .col-md-4 {

1697      padding-left: 5px !important;

1698      padding-right: 5px !important;

1699  }

1701  .diferenciais-produto .cards-diferenciais .svg-star {

1702      width: 30px;

1703  }

1705  .requisitos-produto li {

1706      color: #454F75;

1707      line-height: 25px;

1708      font-size: 15px;

1709      padding-bottom: 10px;

1710  }

1712  .o-que-ira-aprender-fiep p {

1713      color: #454F75;

1714      font-size: 15px;

1715      margin-bottom: 20px;

1716  }

1718  .o-que-ira-aprender-fiep {

1719      border: 1px solid #FFFFFF;

1720      padding-top: 25px;

1721      padding-bottom: 40px;

1722      padding-left: 48px;

1723      padding-right: 48px;

1724			border-radius: 10px;

1725  }

1727  .o-que-ira-aprender-fiep h2 {

1728      padding-bottom: 18px;

1729      color: #7F8BBC;

1730      font-size: 22px;

1731      font-weight: bold;

1732      margin: 0px;

1733  }

1735  .o-que-ira-aprender-fiep .col-auto {

1736      margin-right: -10px;

1737  }

1739  .redes-sociais a {

1740      margin: 3px;

1741  }

1743  .showshow {

1744      display: none;

1745  }

1747  .hidehide {

1748      display: block;

1749  }

1751  .redes-sociais {

1752      text-align: center;

1753  }

1755  svg.bi.bi-whatsapp {

1756      color: #fff;

1757      background: #4DC247;

1758      padding: 5px;

1759  }

1761  svg.bi.bi-linkedin {

1762      background: #0077B5;

1763      padding: 5px;

1764      color: #fff;

1765  }

1767  svg.bi.bi-facebook {

1768      background: #3B5998;

1769      color: #fff;

1770      padding: 5px;

1771  }

1773  svg.bi.bi-twitter {

1774      color: #fff;

1775      padding: 5px;

1776      background: #1DA1F2;

1777  }

1779  svg.bi.bi-plus-square-fill {

1780      background: #FF6550;

1781      padding: 5px;

1782      color: #fff;

1783  }

1785  .redes-sociais-online svg.bi.bi-whatsapp {

1786      color: #00E676;

1787      background: none;

1788      padding: inherit;

1789      margin-right: 5px;

1790  }

1792  .redes-sociais-online a {

1793      color: #454F75;

1794      border-bottom: 1px solid #29C5A5;

1795      padding-bottom: 4px;

1796  }

1798  .redes-sociais *,

1799  *::before,

1800  *::after {

1801      box-sizing: initial;

1802  }

1804  .redes-sociais-titulo {

1805      text-align: center;

1806  }

1808  .tag-industria{

1809      background: var(--accent-1);

1810      padding: 3px;

1811      max-width: 173px;

1812      font-size: 11px;

1813      text-align: center;

1814      color: #fff;

1815      border-radius: 15px;

1816  }

1818	.tags {

1819			display: flex;

1820	}

1822  .tag-instituicao {

1823      background: var(--white);

1824      padding: 5px 10px;

1825			max-width: 120px;

1826      font-size: 13px;

1827      text-align: center;

1828      color: #454F75;

1829      border-radius: 13px 0px 0px 13px;

1830			margin-bottom: 10px;

1831  }

1833	 .tag-area {

1834      background: #D7DAE8;

1835      padding: 5px 10px;

1836			max-width: 350px;

1837      font-size: 13px;

1838      text-align: center;

1839      color: #454F75;

1840      border-radius: 0px 13px 13px 0px;

1841			margin-bottom: 10px;

1842  }

1846  @media (max-width: 575.98px) {

1847  	.comprar-produtos .btn-agora {

1848      width: 290px;

1849      margin: auto;

1850			display: flex;

1851      justify-content: center;

1852			right:0;

1853  	}

1854    .breadcrumb-container{

1855      display:grid;

1856      align-items: baseline;

1857    }

1858    .breadcrumb-produto{

1859      padding-bottom: 9px;

1860    }

1861    .breadcrumb {

1862      flex-wrap: nowrap;

1863      overflow-x: auto;

1864      overflow-y: hidden;

1865    }

1866    .breadcrumb::-webkit-scrollbar {

1867      display: none;

1868    }

1869    .breadcrumb button {

1870      position: absolute;

1871      z-index: 99;

1872      width: 40px;

1873    }

1874    .breadcrumb .breadcrumb-item1 {

1875      padding-left: 50px;

1876    }

1877    .breadcrumb .breadcrumb-item {

1878      padding-top: 10px;

1879    }

1881    .breadcrumb-produto .breadcrumb-item + .breadcrumb-item::before{

1882      background-image:none;

1883      content:"/";

1884      top: 50%;

1885      font-size: 11px;

1886    }

1888    #botao-adicionar-carrinho .quantity-selector{

1889      transform: translateY(0px);

1890      margin-bottom: 20px;

1891    }

1893    .diferenciais-produto .carousel-control-next {

1894      right: -15px;

1895    }

1897    .d-flex-between{

1898      display: block;

1899    }

1901    .d-flex {

1902        display: flex !important;

1903        align-items: center;

1904    }

1906    .d-flex-content {

1907        display: flex !important;

1908        align-items: center;

1909        justify-content: space-evenly;

1910    }

1912    .detalhes-de-produto-fiep .py-5,

1913    .col-md-6 {

1914        padding: 0px 0px 30px !important;

1915    }

1917    .detalhes-de-produto-fiep .info_cursos {

1918        padding: 0px 30px

1919    }

1921    .bg-blue h1 {

1922        font-size: 25px;

1923        margin-bottom: 12px !important;

1924				color: white;

1925    }

1927    .add-to-card-fixed {

1928        background: var(--primary) 0% 0% no-repeat padding-box;

1929        width: 100%;

1930        margin: 0px;

1931        position: fixed;

1932        bottom: 0px;

1933        z-index: 9999;

1934        right: 0;

1935        padding-top: 10px;

1936    }

1938    .timer .col-auto {

1939        flex: 0 0 auto;

1940        max-width: 100%;

1941        width: auto;

1942        margin-top: -30px;

1943    }

1945    .diferenciais-produto .carousel-control-next .carousel-control-next-icon {

1946        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='orange' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;

1947    }

1949    .add-to-card-fixed .btn-add-to-cart.btn.btn-primary {

1950        background: var(--action-default) 0% 0% no-repeat padding-box !important;

1951    }

1953    .area-de-estatisticas .d-flex .control-next .carousel-control-next-icon {

1954        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;

1955    }

1957    .area-de-estatisticas .d-flex .control-prev .carousel-control-prev-icon {

1958        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-left' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;

1959    }

1961    .detalhes-de-produto-fiep .btn-comprar-agora .add-to-cart .add-to-cart-wrapper .btn-add-to-cart>span::before {

1962        display: none;

1963    }

1965    .comprar-produtos .btn-comprar-agora:hover {

1966        background: none;

1967    }

1969    .comprar-produtos .btn-comprar-agora {

1970        background: none;

1971        width: initial;

1972        margin: initial;

1973        margin-top: 0px !important;

1974    }

1976    .add-to-card-fixed .price-value {

1977        color: #fff;

1978        font-size: 24px;

1979    }

1981    .price-value.price-value-inactive {

1982        display: none;

1983    }

1985    .quantidade-participante p:after{

1986      content: "info"

1987    }

1989    .carousel-indicators li {

1990        background-color: #D6D6D6;

1991        width: 8px;

1992        height: 8px;

1993        border-radius: 50%;

1994        margin: 5px 8px;

1995    }

1997    .carousel-indicators .active {

1998        background-color: #FFB73A;

1999    }

2001    .carousel-indicators {

2002        position: initial;

2003        margin-left: initial;

2004    }

2006    .col-11 {

2007        padding-left: initial;

2008    }

2010    a.carousel-control-next {

2011        top: 20px;

2012    }

2014    .requisitos-produto ul {

2015        padding-left: var(--spacer-5, 3rem) !important;

2016        ;

2017    }

2019    .requisitos-produto li {

2020        line-height: 25px;

2021        color: #454F75;

2022        margin: 15px 0;

2023    }

2025    .showshow {

2026        display: block !important;

2027    }

2029    .hidehide {

2030        display: none !important;

2031    }

2033    #module-descricao-produto h2,

2034    .titulo-margin-bottom {

2035        border-bottom: none;

2036        font-size: 22px;

2037        padding-bottom: 4px;

2038        font-weight: bold;

2039        color: var(--primary);

2040        margin-bottom: 20px;

2041    }

2043    .diferenciais-produto .cards-diferenciais {

2044        height: initial;

2045    }

2047    .area-de-estatisticas .estatisticas {

2048        margin: auto;

2049    }

2051    .area-de-estatisticas .row {

2052        display: block;

2053    }

2055    .area-de-estatisticas .estatisticas::after {

2056        display: none;

2057    }

2059    .produtos-web-content {

2060        width: 100%;

2061    }

2063    .comprar-produtos {

2064        width: 100%;

2065        padding-left: 20px;

2066        padding-right: 20px;

2067    }

2069    .btn-adicionar-carrinho .btn-add-to-cart {

2070        width: 100%;

2071    }

2073    #module-descricao-produto a.collapsed:after {

2074        margin-left: 30%;

2075    }

2077    #module-descricao-produto a:not(.collapsed):after {

2078        margin-left: 30%;

2079    }

2081    .diferenciais-produto .cards-diferenciais {

2082        width: 100%;

2083    }

2085    #module-descricao-produto .inner-descricao-produto {

2086        margin-left: 0px;

2087    }

2088  }

2090  @media (max-width:576px){

2092    .add-to-card-fixed .btn-add-to-cart.btn.btn-primary,

2093    .comprar-produtos .add-to-cart .add-to-cart-wrapper .btn-add-to-cart {

2094          background: white !important;

2095          opacity: 1;

2096          justify-content: center;

2097          max-width: 230px;

2098          margin: 0 !important;

2099          padding: 5px 0;

2100      }

2102    .detalhes-de-produto-fiep .add-to-cart .add-to-cart-wrapper .btn-add-to-cart .text-truncate{

2103        display:block;

2104        width: 100%;

2105        min-width: 100%;

2106    }

2108    .comprar-produtos .btn-comprar-agora .text-truncate:after{

2109        text-align: center;

2110        display: block;

2111        font-size: 16px;

2112        width: 100%;

2113        left: 0;

2114    }

2115    .comprar-produtos{

2116        padding-bottom: 30px !important;

2117    }

2118    .add-to-card-fixed .price-value{

2119        font-size: 20px;

2120    }

2121    .add-to-card-fixed .add-to-cart{

2122        max-width: 230px;

2123        margin: 0 !important;

2124    }

2125    .add-to-card-fixed{

2126        padding: 15px 0;

2127    }

2128    }

2129    /* ---- */

2132    /* 	div.o-que-ira-aprender-fiep  */

2133    @media (max-width:576px){

2134    .o-que-ira-aprender-fiep {

2135        padding: 20px;

2136    }

2137    .o-que-ira-aprender-fiep > .row {

2138        max-width:100%;

2139        margin: 0;

2140    }

2141    .o-que-ira-aprender-fiep > .row > div{

2142        height:auto;

2143        margin:0;

2144        padding: 0 !important;

2145    }

2147    }

2148    /* ---- */

2152    /* div.timer */

2153    @media (max-width:576px){

2154        .timer .circle-svg,

2155        .timer .card-text{

2156            width: auto !important;

2157            padding-right:20px

2158        }

2159        .timer .card-text span{

2160            font-size:14px;

2161        }

2162    }/* ---- */

2166</style>

2167<script>

2168  var productDetail = ${jsonFactoryUtil.looseSerializeDeep(productDetail)};

2171  $(".quantity-selector").on("change",function() { $(".quantity-selector").val($(this).val()); });

2173  $(document).ready(function(){

2174    $('[data-toggle="tooltip"]').tooltip()

2175  });

2177		Liferay.once("current-order-updated",function(){

2178        console.log("current-order-updated");

2179       /*window.location = "${commerceOrderHttpHelper.getCommerceCartPortletURL(request)}";*/

2180    });

2182		$(document).ready(function(){

2183			$("#selectturma").change(function(){

2184					$(this).find("option:selected").each(function(){

2185							var optionValue = $(this).attr("value");

2186							if(optionValue){

2187									$(".option-selector").not("." + optionValue).hide();

2188									$("." + optionValue).show();

2189							} else{

2190									$(".option-selector").hide();

2191							}

2192					});

2193			}).change();

2194		});

2196  //Invoke the play button on load

2197  var videoPlayButton,

2198    videoWrapper = document.getElementsByClassName('video-wrapper')[0],

2199    video = document.getElementsByTagName('video')[0],

2200    imagem = document.getElementsByClassName('image-wrapper')[0],

2201    iframe = document.getElementsByClassName('youtube-iframe')[0],

2202    videoMethods = {

2203    renderVideoPlayButton: function() {

2204  if (videoWrapper.contains(video)) {

2205    this.formatVideoPlayButton()

2206    video.classList.add('has-media-controls-hidden')

2207    videoPlayButton = document.getElementsByClassName('video-overlay-play-button')[0]

2208    videoPlayButton.addEventListener('click', this.hideVideoPlayButton)

2209  }

2210  else if (videoWrapper.contains(iframe)) {

2211    this.formatVideoPlayButton()

2212    videoPlayButton = document.getElementsByClassName('video-overlay-play-button')[0]

2213    videoPlayButton.addEventListener('click', this.hideVideoPlayButton2)

2214  }

2215  },

2216  formatVideoPlayButton: function() {

2217    videoWrapper.insertAdjacentHTML('beforeend', '\

2218    <svg class="video-overlay-play-button" viewBox="0 0 300 300" alt="Play video">\

2219    <circle cx="130" cy="100" r="120" fill="none" stroke-width="8px" stroke="#fff"/>\

2220    <polygon points="70, 55 70, 145 145, 100" fill="transparent" stroke="#fff" stroke-width="8px"/>\

2221    </svg>\

2222    ')

2223  },

2224  hideVideoPlayButton: function() {

2225      video.play()

2226      videoPlayButton.classList.add('is-hidden')

2227      imagem.classList.add('d-none')

2228      video.classList.remove('has-media-controls-hidden')

2229      video.classList.remove('d-none')

2230      video.setAttribute('controls', 'controls')

2231    },

2232  hideVideoPlayButton2: function() {

2233      videoPlayButton.classList.add('is-hidden')

2234      imagem.classList.add('d-none')

2235      iframe.classList.remove('d-none')

2236    }

2237  }

2238  videoMethods.renderVideoPlayButton()

2239</script>

Veja como é fácil adquirir o seu curso

Escolha os cursos de sua preferência e adicione ao carrinho de compras

Cadastre-se, insira o cupom de desconto (caso necessário) e finalize a compra

Na área do usuário, cadastre os dados de cada aluno para efetivar a matrícula

Pronto, você receberá por e-mail o acesso à plataforma dos cursos. Bons estudos!

Confira porque somos a melhor escolha:

140

Cursos práticos ofertados

40.000

Alunos no último ano

79

Anos de experiência no mercado

6.400

Horas de conteúdo

Confira porque somos a melhor escolha:

+ 140

Cursos práticos ofertados

+ 40.000

Alunos no último ano

+ 79

Anos de experiência no mercado

+ 6.400

Horas de conteúdo

Veja como é fácil adquirir o seu curso

Confira porque somos a melhor escolha:

140

40.000

79

6.400

Confira porque somos a melhor escolha:

Confira porque somos a melhor escolha:

Confira porque somos a melhor escolha:

Informações

Formas de pagamento

Certificados de segurança