1<#if themeDisplay.getLocale() == "pt_BR">
2 <#if entries?has_content>
3 <div class="bg_fundo_onda_dicas">
4 <div class="container">
5 <div class="row">
6 <#assign contNews=0>
7
8 <#list entries as curEntry>
9 <#assign
10 assetRenderer = curEntry.getAssetRenderer()
11 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
12 dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]
13 dlUtil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"]
14 themeDisplay = serviceContext.getThemeDisplay()
15 link = stringUtil.replace(assetRenderer.getURLViewInContext(renderRequest, renderResponse, ''), '/w/', '/')>
16
17 <#assign docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
18 <#assign nomeLinkFeed = docXml.valueOf("//dynamic-element[@name='nomeLink']/dynamic-content/text()") />
19
20 <#assign
21 titulo = docXml.valueOf("//dynamic-element[@name='titulo']/dynamic-content/text()")
22 url = docXml.valueOf("//dynamic-element[@name='url']/dynamic-content/text()")
23 imagemCard = docXml.valueOf("//dynamic-element[@name='imagem']/dynamic-content/text()")>
24
25 <#assign originalLocale = locale>
26
27 <#setting locale = 'pt_BR'>
28
29 <#assign
30 assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService")
31 labels=""
32 assetVocabularyLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService")
33 categories = assetCategoryLocalService.getCategories(curEntry.classNameId,curEntry.classPK)
34 vocabularyFlag = 0
35 >
36
37 <#if categories?has_content>
38 <#list categories as categoryName>
39 <#if (categoryName.getName() != "GNDI")>
40 <#assign
41 labels = labels +categoryName.getName()+','
42 vocabulary = assetVocabularyLocalService.getVocabulary(categoryName.getVocabularyId())
43 >
44 </#if>
45 </#list>
46 <#else>
47 <#assign vocabularyFlag = 1>
48 </#if>
49
50 <#if vocabularyFlag == 0 && contNews != 3>
51 <#assign contNews = contNews + 1>
52 <#assign description="" />
53
54 <#if imagemCard?has_content>
55
56 <#assign
57 imagem = imagemCard?eval
58 imagemUuid = imagem.uuid
59 groupId = imagem.groupId
60 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(imagemUuid,groupId?number)
61 imgUrl = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(),themeDisplay,'')
62 >
63
64 <#assign description = imagem.alt?string!"">
65
66 </#if>
67
68 <#if description=="">
69 <#assign description = "sem descrição textual">
70 </#if>
71
72 <div class="col-12 col-lg-4 campoWrapper">
73 <a class="gtm-botao-card-dicas-atencaoSemConteudo" href="${link}">
74 <img loading=lazy alt="${description}" class="img-fluid" id="widget_img_dicas_destaque" src="${imgUrl}"/>
75 </a>
76 <div class="campotext">
77 <div class="categorias">
78 <#list labels?split(",", "r") as label>
79 <p class="label-category">
80 <a class="gtm-botao-card-dicas-${label?lower_case?replace(' ', '')?replace('á', 'a')?replace('é', 'e')?replace('í', 'i')?replace('ó', 'o')?replace('ú', 'u')?replace('[^a-zA-Z0-9]', '')?truncate(30, '')}" href="/saude/blog-da-saude?category=${label}">
81 ${label}
82 </a>
83 </p>
84 </#list>
85 </div>
86 <div class="tituloCard">
87 <#if (titulo?length>69)>
88 <h3><a class="gtm-botao-card-dicas-${titulo?lower_case?replace(' ', '')?replace('á', 'a')?replace('é', 'e')?replace('í', 'i')?replace('ó', 'o')?replace('ú', 'u')?replace('[^a-zA-Z0-9]', '')?truncate(30, '')}" href="${link}">${titulo[0..69]}</a></h3>
89 <#else>
90 <h3><a class="gtm-botao-card-dicas-${titulo?lower_case?replace(' ', '')?replace('á', 'a')?replace('é', 'e')?replace('í', 'i')?replace('ó', 'o')?replace('ú', 'u')?replace('[^a-zA-Z0-9]', '')?truncate(30, '')}" href="${link}">${titulo}</a></h3>
91 </#if>
92 </div>
93 <a class="gtm-botao-card-dicas-atencaoSemConteudo" title="clique para continuar lendo ${titulo}" href="${link}">
94 <span>
95 <svg height="20" id="direita" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
96 <title></title>
97 <g data-name="Grupo 1585" id="Grupo_1585" transform="translate(-412 281) rotate(-90)">
98 <rect data-name="Retângulo 356" fill="none" height="20" id="Retângulo_356" transform="translate(261 412)" width="20"></rect>
99 <path d="M171.476,425.028a.748.748,0,0,1-.559-.25l-5.724-6.4-6.177,6.418a.75.75,0,1,1-1.081-1.04l6.737-7a.75.75,0,0,1,1.1.02l6.263,7a.75.75,0,0,1-.559,1.25Z" data-name="Caminho 382" fill="#fff" id="Caminho_382" transform="translate(435.976 843.778) rotate(180)"></path>
100 </g>
101 </svg>
102 </span>
103 <#if !nomeLinkFeed?? || nomeLinkFeed?trim == "">
104 Continuar Lendo
105 <#else>
106 ${nomeLinkFeed}
107 </#if>
108 </a>
109
110 </div>
111 </div>
112
113 </#if>
114
115 <#if contNews == 3>
116 <#break>
117 </#if>
118 </#list>
119 </div>
120 </div>
121 </div>
122</#if>
123
124<style>
125
126 .dicas_button{
127
128 background-color: transparent;
129
130 outline: 1px solid #F6C198;
131
132 border: 1px solid #e7751c;
133
134 border-radius: 8px;
135
136 color: #e7751c !important;
137
138 width: 200px;
139
140 font-size: 16px;
141
142}
143
144.button_acesso_dicas{
145
146 text-align: center;
147
148 margin-bottom:0px;
149
150 padding: 60px 0px 75px;
151
152 font-size: 16px;
153
154 font-family:"oxygen-bold";
155
156}
157
158.dicas_button:active,
159
160.dicas_button:focus{
161
162 color: #F29F5E;
163
164 outline: 1px solid #F6C198;
165
166 border: 1px solid #F29F5E;
167
168 background-color: transparent;
169
170}
171
172
173
174.dicas_button:hover{
175
176 color: #fff !important;
177
178 outline: 1px solid #ec6e0c;
179
180 border: 1px solid #ec6e0c;
181
182 background-color: #ec6e0c;
183
184}
185
186.title_dicas_sand {
187
188 text-align: left;
189
190 color: #1a171b;
191
192 font-family: "oxygen-bold";
193
194}
195
196.title_dicas_sand h2 {
197
198 font-size: 36px;
199
200}
201
202.campoWrapper {
203 display:flex;
204 flex-direction:column;
205 margin-top: 50px;
206
207}
208
209.campoWrapper img {
210
211 display: block;
212
213 margin: auto;
214
215 box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
216
217 border-radius: 8px 8px 0 0;
218
219
220
221}
222
223
224
225.campotext {
226 display: flex;
227 flex-direction: column;
228 flex:1;
229 row-gap: 26px;
230 background-color: #EC6E0C;
231
232 padding: 30px;
233
234 opacity: 0.95;
235
236 margin: auto;
237
238 width: 340px;
239 min-height: 247px;
240 border: 1px solid transparent;
241
242 margin-top: -0.5px !important;
243
244 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
245
246 border-radius: 0 0 8px 8px;
247
248}
249.campoWrapper .campotext .categorias{
250 display: flex;
251 flex-wrap: wrap;
252 gap:10px;
253 flex:1;
254 }
255 p.label-category{
256
257 margin:0;
258
259}
260
261
262img#widget_img_dicas_destaque{
263
264 width: 341.49px;
265
266 height: 157.34px;
267
268 object-fit: cover;
269
270}
271.campoWrapper .campotext .tituloCard{
272 margin-top: 0;
273 min-height: 90px;
274 height:100%;
275 flex:1;
276 }
277p.label-category{
278
279 margin: 0;
280
281}
282
283.campotext>a {
284
285 display: inline-block !important;
286 margin-top:auto;
287
288}
289
290.campotext p>a {
291
292 color: #685c5c;
293
294 display: block;
295
296 padding: 2px 7px;
297
298 border-radius: 10px;
299
300 font-size: 0.8rem;
301
302 background-color: white;
303
304 width: auto;
305
306 float: left;
307
308 font-family: "oxygen-bold";
309
310}
311
312
313
314div.campotext h3>a {
315
316 text-decoration: none;
317
318 color: white;
319
320 font-family:"oxygen-bold";
321
322 font-size: 20px;
323
324 min-height:4.5rem;
325
326}
327
328
329
330
331
332.campotext a,
333
334.campotext span {
335
336 color: white;
337
338 float: left;
339
340 font-size: 15px;
341
342}
343
344
345
346.campotext h3+a {
347 text-decoration: underline;
348
349 display: block;
350
351 float: left;
352
353 font-family: "oxygen-bold";
354
355}
356
357.campotext ha {
358
359 text-decoration: underline;
360
361 font-size: 15px;
362
363 display: block;
364
365 float: left;
366
367 font-family: "oxygen-bold";
368
369 padding-top: 15px;
370
371}
372
373.campotext span {
374
375 display: inline-block;
376
377 padding-right: 10px;
378
379 text-decoration: none !important;
380
381 float: left;
382
383 margin-top:-2px;
384
385}
386
387 .title_dicas_sand h2{
388
389 padding-top: 70px !important;
390
391}
392
393
394
395@media (max-width: 992px) {
396
397 .campotext {
398
399 width: 262px;
400
401 }
402.campoWrapper div.campotext h3>a{
403 margin-bottom:5px;
404 }
405 .title_dicas_sand h2 {
406
407 font-size: 24px;
408
409 padding-top: 5px !important;
410
411 }
412
413 .btn_Lermais2 {
414
415 padding-bottom: 40px;
416
417 }
418
419
420
421 .button_acesso_dicas{
422
423 padding-bottom: 0;
424
425 }
426
427 img#widget_img_dicas_destaque{
428
429 width: 262px;
430
431 }
432
433
434
435}
436
437
438
439
440
441@media (min-width: 992px) and (max-width: 1199px) {
442
443 .campotext {
444
445 width: 290px;
446
447 height: 188px;
448
449 top: -185px;
450
451 }
452
453
454
455 .campotext a{
456
457 padding-top: 10px;
458
459 }
460
461
462
463 .campotext h3 {
464
465 font-size: 18px;
466
467 }
468
469
470
471
472
473}
474
475@media (max-width: 768px) {
476
477 .title_dicas_sand h2 {
478
479 font-size: 24px;
480
481 }
482
483}
484
485
486
487@media (max-width: 380px){
488
489 .campotext{
490
491 width: 100%;
492
493 }
494 img#widget_img_dicas_destaque{
495 width: 100%;
496 }
497}
498
499
500
501 </style>
502</#if>
