Atrás Abante Asesores

Se ha producido un error al procesar la plantilla.
Java method "com.sun.proxy.$Proxy647.getArticle(long, String)" threw an exception when invoked on com.sun.proxy.$Proxy647 object "com.liferay.journal.service.impl.JournalArticleLocalServiceImpl@26467a4d"; see cause exception in the Java stack trace.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign resourcePrimKey = journalLoca...  [in template "10155#10193#" at line 23, column 17]
----
1<#setting time_zone=themeDisplay.getTimeZone().ID> 
2    <#setting locale=locale.toString()> 
3        <#setting datetime_format="y-M-d"> 
4 
5            <#assign colorSite=getterUtil.getString(themeDisplay.getThemeSetting("color-site")) /> 
6 
7            <script type="text/javascript" 
8                src="https://www.upf.edu/documents/6323808/129176989/jquery.captionate.js"></script> 
9 
10 
11            <#assign zona=timeZoneUtil.getTimeZone("Europe/Madrid") /> 
12 
13            <#assign 
14                AssetEntryLocalservice=serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
15            <#assign 
16                journalLocalService=serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
17 
18 
19            <#assign groupId=getterUtil.getLong(groupId) /> 
20            <#assign site=themeDisplay.getScopeGroupId() /> 
21 
22            <#if ( site?is_number)> 
23                <#assign resourcePrimKey=journalLocalService.getArticle(getterUtil.getLong(site), 
24                    .vars['reserved-article-id'].data).resourcePrimKey /> 
25                <#assign entry=AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle", 
26                    getterUtil.getLong(resourcePrimKey)) /> 
27                <#if entry.getPublishDate()??> 
28                    <#assign fecha_de_creacion=entry.getPublishDate()?string("dd.MM.yyyy") /> 
29                    <#else> 
30                        <#assign fecha_de_creacion=.now?string("dd.MM.yyyy") /> 
31                </#if> 
32 
33                <#if entry.getModifiedDate()??> 
34                    <#assign fecha_de_modificacion=entry.getModifiedDate()?string("dd.MM.yyyy") /> 
35                    <#else> 
36                        <#assign fecha_de_modificacion=.now?string("dd.MM.yyyy") /> 
37                </#if> 
38            </#if> 
39 
40 
41            <#assign cat="" /> 
42            <#assign listaCategorias=entry.getCategories() /> 
43            <#list listaCategorias as categoria> 
44                <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name)> 
45                    <#assign cat=categoria.name /> 
46                </#if> 
47            </#list> 
48 
49            <div class="container noticia-maximized nova"> 
50                <div id="nom_page"> 
51                    <h1>${.vars['reserved-article-title'].data}</h1> 
52                </div> 
53                <div class="row"> 
54                    <#-- Afegir un if--> 
55                        <div class="asset-full-content span8"> 
56                            <#-- end--> 
57                                <div class="content" id="content"> 
58                                    <#if .vars['separadorimatge']??> 
59                                        <#attempt> 
60                                            <#if ( 
61                                                .vars['separadorimatge'].getChild('url_youtube').getData()?contains("youtu"))> 
62                                                <!--zona youtube--> 
63                                                <p id="youtube" class="youtube"> 
64                                                    <script type="text/javascript"> 
65                                                        function getYoutube() { 
66                                                            var id = $(this).parent('p').attr("id"); 
67                                                            var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
68                                                            var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
69                                                            var match = url.match(regExp); 
70                                                            if (match && match[2].length == 11) { 
71                                                                return '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + match[2] + '" frameborder="0" allowfullscreen></iframe>'; 
72                                                            } else { 
73                                                                return ''; 
74
75
76                                                        document.getElementById("youtube").innerHTML = getYoutube(); 
77                                                    </script> 
78                                                </p> 
79                                                <#elseif ( 
80                                                    .vars['separadorimatge'].getChild('url_youtube').getData()?contains("vimeo"))> 
81 
82                                                    <p id="vimeo" class="youtube"> 
83                                                        <script type="text/javascript"> 
84                                                            function getVimeo() { 
85                                                                var id = $(this).parent('p').attr("id"); 
86                                                                var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
87                                                                var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
88                                                                var match = url.match(regExp); 
89                                                                if (match && match[2].length > 4) { 
90                                                                    return '<div id="divYoutube' + match[2] + '" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/' + match[2] + '" frameborder="0" allowfullscreen></iframe></div>'; 
91                                                                } else { 
92                                                                    return ''; 
93
94
95                                                            document.getElementById("vimeo").innerHTML = getVimeo(); 
96                                                        </script> 
97                                                    </p> 
98                                                    <#elseif 
99                                                        (.vars['separadorimatge'].getChild('Imatge_inicial').getData() 
100                                                        !="" && 
101                                                        .vars['separadorimatge'].getChild('url_youtube').getData()=="" 
102                                                        )> 
103                                                        <p><img alt="Imatge inicial" 
104                                                                title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" 
105                                                                src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}" 
106                                                                width="100%" /></p> 
107                                                        <#else> 
108                                            </#if> 
109                                            <#recover> 
110                                        </#attempt> 
111                                        <#else> 
112                                    </#if> 
113                                    <#if ( .vars['Resum'].getData()?has_content)> 
114                                        <h2 class="descripcio">${.vars['Resum'].getData()}</h2> 
115                                    </#if> 
116                                    ${.vars['Noticia'].getData()} 
117                                </div> 
118                        </div> 
119 
120                        <#-- Mostrem les categories que siguin filles de la categoria "Notícies" --> 
121                            <#-- Preparació url dels enllaços a les categories--> 
122                                <#assign wordCategories=languageUtil.get(locale, "categories-nom-page" )> 
123                                    <#assign wordCategories=wordCategories?lower_case /> 
124                                    <#assign catUrl="/web/focus/" + wordCategories 
125                                        + "?p_p_id=122_INSTANCE_4xkc6d8xhKAC&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view&p_p_col_id=column-1&p_r_p_564233524_resetCur=true&p_r_p_564233524_categoryId=" /> 
126                                    <#assign 
127                                        assetCategoryLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") /> 
128 
129 
130                                    <div class="span4"> 
131                                        <div id="dreta"> 
132                                            <h2 class="subtitol">Contacta amb l’entitat:</h2> 
133                                            <ul> 
134                                                <#if .vars['web'].getData()?has_content> 
135                                                    <li><a href="${.vars['web'].getData()}" target="_blank"><img 
136                                                                alt="Website" height="30" 
137                                                                src="/documents/10193/6775906/icones_fitxapersonal_MON.png" 
138                                                                width="30" style="margin-right:10px;">Lloc web</a></li> 
139                                                </#if> 
140                                                <#if .vars['email'].getData()?has_content> 
141                                                    <li><i class="icon-envelope"></i> <a 
142                                                            href="mailto:${.vars['email'].getData()}">${.vars['email'].getData()}</a> 
143                                                    </li> 
144                                                </#if> 
145                                                <#if .vars['telefon'].getData()?has_content> 
146                                                    <li>${.vars['telefon'].getData()}</li> 
147                                                </#if> 
148                                                <#if .vars['whatsapp'].getData()?has_content> 
149                                                    <li><a href="https://wa.me/34${cur_item.getData()}" class="whatsapp"><img 
150                                                            alt="Website" height="30" 
151                                                            src="/documents/93383268/236843702/whatsapp.png" 
152                                                            width="30" style="margin-right:10px;"></a></li> 
153                                                </#if> 
154                                                <#if .vars['urlperfil'].getSiblings()?has_content> 
155                                                    <li> 
156                                                        <div class="xarxes"> 
157                                                            <#list .vars['urlperfil'].getSiblings() as cur_item> 
158                                                                <#-- Formatem l'enllaç perquè no el tracti com si fos 
159                                                                    una subpàgina --> 
160                                                                    <#assign enllac=cur_item.getData() /> 
161                                                                    <#if !enllac?starts_with("http")> 
162                                                                        <#assign enllac="http://" + enllac /> 
163                                                                    </#if> 
164                                                                    <a href="${enllac}" title="${enllac}" 
165                                                                        target="_blank"> 
166                                                                        <#if (enllac?contains("facebook") )> 
167                                                                            <img alt="Facebook" height="30" 
168                                                                                src="/documents/213531008/213545112/facebook.png" 
169                                                                                width="30"> 
170                                                                            <#elseif ( enllac?contains("twitter") )> 
171                                                                                <img alt="Twitter" height="30" 
172                                                                                    src="/documents/213531008/213545112/twitter.png" 
173                                                                                    width="30"> 
174                                                                                <#elseif ( enllac?contains("instagram") 
175                                                                                    )> 
176                                                                                    <img alt="Instagram" height="30" 
177                                                                                        src="/documents/213531008/213545112/Instagram2.png" 
178                                                                                        width="30"> 
179                                                                                    <#elseif ( 
180                                                                                        enllac?contains("linkedin") )> 
181                                                                                        <img alt="Linkedin" height="30" 
182                                                                                            src=" /documents/10193/6775906/icones_fitxapersonal_IN.png" 
183                                                                                            width="30"> 
184                                                                                        <#elseif ( 
185                                                                                            enllac?contains("tiktok") )> 
186                                                                                            <img alt="Tiktok" 
187                                                                                                height="30" 
188                                                                                                src="/documents/10193/6775906/icones_fitxapersonal_TIKTOK.jpg" 
189                                                                                                width="30"> 
190                                                                                            <#elseif ( 
191                                                                                                enllac?contains("youtube") 
192                                                                                                )> 
193                                                                                                <img alt="Youtube" 
194                                                                                                    height="30" 
195                                                                                                    src="/documents/213531008/213545112/youtube_new.png" 
196                                                                                                    width="30"> 
197                                                                                                <#else> 
198                                                                                                    <i class="fa-solid fa-link" 
199                                                                                                        aria-hidden="true"></i> 
200                                                                        </#if> 
201                                                                    </a> 
202                                                            </#list> 
203                                                        </div> 
204                                                    </li> 
205                                                    <!-- VIDEOCONFERENCIA I HORARI ACTIVAT --> 
206                                                    <#if .vars['videoconferencia'].getData()?has_content && .vars['AtencioFira'].getData()?has_content && .vars['DataFira'].getData()?has_content> 
207                                                        <li> 
208                                                            <p><a class="recurs" 
209                                                                    href="${.vars['videoconferencia'].getData()}" 
210                                                                    target="_blank"><i class="icon-facetime-video" 
211                                                                        aria-hidden="true" 
212                                                                        style="margin-right:15px;"></i>Videoconferència<i 
213                                                                        class="icon-chevron-right" aria-hidden="true" 
214                                                                        style="margin-left:15px;"></i> 
215                                                                    <font style="font-size:0.8em;"> 
216                                                                    <#if .vars['DataFira'].getData()?has_content> 
217                                                                        <i class="fa-solid fa-calendar" aria-hidden="true" style="vertical-align:middle;"></i>  ${.vars['DataFira'].getData()}> 
218                                                                    </#if> 
219                                                                        <i class="fa-regular fa-clock" aria-hidden="true" style="vertical-align:middle;"></i> ${.vars['AtencioFira'].getData()} 
220                                                                    </font> 
221                                                                </a></p> 
222                                                        </li> 
223 
224                                                    </#if> 
225 
226                                            </ul> 
227                                            </#if> 
228                                        </div> 
229                                        <div id="media"></div> 
230                                    </div> 
231                </div> 
232            </div> 
233 
234            <#-- decidim si pintem la zona youtube o ivoox --> 
235                <#if .vars['Camps_addicionalsb']??> 
236                    <#attempt> 
237                        <#assign multi=.vars['Camps_addicionalsb'].getChild('Multimedia') /> 
238                        <#list multi.getChild('youtubelist').getSiblings() as videos> 
239                            <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") )> 
240                                <script type="text/javascript"> 
241                                    function getYoutube() { 
242                                        var id = $(this).parent('p').attr("id"); 
243                                        var url = "${videos.getChild('urlyoutubelist').getData()}" 
244                                        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
245                                        var match = url.match(regExp); 
246                                        if (match && match[2].length == 11) { 
247                                            return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe width='560' height='315' src='https://www.youtube.com/embed/" + match[2] + "' frameborder='0' allowfullscreen></iframe>"; 
248                                        } else { 
249                                            return 'error'; 
250
251
252                                    document.getElementById("media").innerHTML += "<h2 class='media'>Mèdia:</h2>" + getYoutube(); 
253                                </script> 
254                                <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("vimeo") )> 
255                                    <script type="text/javascript"> 
256                                        function getVimeo() { 
257                                            var id = $(this).parent('p').attr("id"); 
258                                            var url = "${videos.getChild('urlyoutubelist').getData()}" 
259                                            var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
260                                            var match = url.match(regExp); 
261                                            if (match && match[2].length > 4) { 
262                                                return '<p>${videos.getChild("titolyoutubelist").getData()}</p><div id="divYoutube' + match[2] + '" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/' + match[2] + '" frameborder="0" allowfullscreen></iframe></div>'; 
263                                            } else { 
264                                                return ''; 
265
266
267                                        document.getElementById("media").innerHTML += "<h2 class='media'>Mèdia:</h2>" + getVimeo(); 
268                                    </script> 
269                            </#if> 
270                        </#list> 
271                        <#recover> 
272                    </#attempt> 
273                </#if> 
274                <style> 
275                    /*Fix Vimeo*/ 
276                    .nou-disseny .videoWrapper iframe { 
277                        background: #000; 
278
279 
280                    /*Fitxes Fira Virtual*/ 
281                    .noticia .data, 
282                    .asset-full-content .data { 
283                        display: none; 
284
285 
286                    a.inscripcio { 
287                        display: block; 
288                        border: 2px solid #E94E1B; 
289                        color: #E94E1B; 
290                        font-weight: bold; 
291                        padding: 10px 20px; 
292                        width: fit-content; 
293                        max-width: 300px; 
294                        text-decoration: none !important; 
295                        background-color: #fff; 
296
297 
298                    a.inscripcio:hover { 
299                        color: #FFF !important; 
300                        text-decoration: none !important; 
301                        background-color: #E94E1B; 
302                        transition: 0.2s all; 
303
304 
305                    a.inscripcio:after { 
306                        content: "\f054"; 
307                        font-family: 'fontawesome-alloy'; 
308                        padding-left: 15px; 
309                        display: inline-block; 
310
311 
312                    span.taglib-asset-categories-summary { 
313                        color: #353430 !important; 
314                        margin-top: 1em !important; 
315                        display: block; 
316
317 
318                    .portlet-asset-publisher .asset-metadata { 
319                        margin-left: 0 !important; 
320                        border: 1px solid #ddd; 
321                        background-color: #eee; 
322                        margin-top: 2em; 
323
324 
325                    #dreta { 
326                        border: 1px solid #ddd; 
327                        margin-top: 40px; 
328                        padding-top: 0 !important; 
329                        padding-left: 1em; 
330                        padding-right: 1em; 
331                        box-sizing: border-box; 
332                        display: block; 
333                        position: relative; 
334
335 
336                    #dreta ul { 
337                        list-style: none; 
338
339 
340                    #dreta ul li { 
341                        line-height: normal; 
342                        margin-bottom: 1em; 
343
344 
345                    #dreta a { 
346                        word-break: break-all !important; 
347
348 
349                    dd.metadata-entry.metadata-categories { 
350                        width: 100%; 
351
352 
353                    .asset-metadata dl { 
354                        padding: 0 !important; 
355                        margin: 0 !important; 
356
357 
358                    .asset-metadata .help-block { 
359                        display: block; 
360                        margin: 0 !important; 
361                        width: 100%; 
362                        padding: 1em; 
363                        box-sizing: border-box; 
364                        position: relative; 
365
366 
367                    .portlet-asset-publisher .asset-metadata .metadata-categories span { 
368                        float: none; 
369                        font-weight: bold; 
370                        width: 100%; 
371                        display: inline-block; 
372                        position: relative; 
373                        margin: 0 !important; 
374                        line-height: 40px; 
375
376 
377                    a.asset-category { 
378                        position: relative; 
379                        margin-top: 0; 
380                        padding: 0.3em 0.5em; 
381                        border: 1px solid; 
382                        text-decoration: none !important; 
383                        font-weight: normal; 
384                        display: table; 
385                        width: auto !important; 
386                        line-height: 20px; 
387
388 
389                    .xarxes a { 
390                        display: inline-block; 
391
392 
393                    h2.descripcio { 
394                        padding: 1.5em !important; 
395                        margin: 0 !important; 
396                        border: 2px dashed; 
397
398 
399                    .nou-disseny .breadcrumb>.active { 
400                        color: ${colorSite} !important; 
401
402 
403                    .portlet-asset-publisher .asset-full-content.show-asset-title .asset-content { 
404                        margin-left: 0 !important; 
405                        margin-right: 0 !important; 
406
407 
408                    /*Fi Fitxes*/ 
409 
410                    h2.audio { 
411                        display: none; 
412
413 
414                    #media {  
415                        margin-top:20px;  
416
417 
418                    #media p { 
419                        margin: 10px 0 5px; 
420
421 
422                    /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */ 
423                    #nom_page h1 { 
424                        color: ${colorSite} !important; 
425                        font-size: 23px; 
426                        font-weight: bold; 
427                        line-height: normal; 
428                        margin-bottom: 15px; 
429                        margin-top: 0; 
430                        padding: 0; 
431
432 
433                    .contingut.subtitol>h2 { 
434                        font-size: 20px !important; 
435                        color: ${colorSite} !important; 
436
437 
438                    .categories h2, 
439                    h2.asset-links-title { 
440                        font-weight: normal; 
441                        font-size: 20px; 
442                        color: ${colorSite}; 
443                        line-height: normal; 
444
445 
446                    .tipus a { 
447                        text-decoration: none !important; 
448
449 
450                    li.asset-links-list-item a { 
451                        color: ${colorSite} !important; 
452
453 
454                    span.taglib-text { 
455                        color: ${colorSite}; 
456
457 
458                    .categories div.tipus a { 
459                        background-color: ${colorSite}; 
460                        margin-bottom: 5px; 
461                        margin-right: 5px; 
462                        max-width: 100%; 
463                        position: relative; 
464                        text-decoration: none; 
465                        color: #FFFFFF; 
466                        padding: 5px 10px; 
467
468 
469 
470                    /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */ 
471 
472                    /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */ 
473                    .noticia-maximized { 
474                        max-width: 1170px !important; 
475                        width: auto !important; 
476
477 
478                    #nom_page { 
479                        display: block !important; 
480
481 
482                    #contingut>#nom_page { 
483                        display: none !important; 
484
485 
486                    /* Per treure la icona de davant del títol Continguts relacionats*/ 
487                    .taglib-asset-links h2 { 
488                        background: none !important; 
489
490 
491                    .taglib-asset-links { 
492                        padding-left: 4px; 
493                        margin-top: 0px; 
494
495 
496                    .asset-links-list { 
497                        padding-left: 25px !important; 
498
499 
500                    .asset-links-list-item { 
501                        list-style: initial !important; 
502
503 
504                    .asset-links-list-item img { 
505                        display: none; 
506
507 
508                    .asset-full-content br { 
509                        display: none; 
510
511 
512                    .contingut.subtitol>h2 { 
513                        font-weight: normal; 
514                        padding-top: 0; 
515                        line-height: normal !important; 
516
517 
518                    .contingut.subtitol>h2 p { 
519                        margin: 0px !important; 
520                        color: ${colorSite} !important; 
521
522 
523                    .contingut.subtitol { 
524                        border-bottom: 1px solid #ddd; 
525                        margin-bottom: 10px; 
526                        padding-bottom: 10px; 
527
528 
529                    .asset-full-content .tipus>a { 
530                        background-color: ${colorSite} !important; 
531                        margin-right: 5px; 
532                        margin-bottom: 5px; 
533                        position: relative; 
534                        max-width: 100%; 
535                        text-decoration: none; 
536
537 
538                    .asset-full-content .tipus>a:hover { 
539                        color: #ffffff !important; 
540
541 
542                    .asset-full-content .tipus { 
543                        display: inline; 
544
545 
546                    .taglib-social-bookmarks { 
547                        display: block; 
548                        float: right; 
549                        background: none; 
550                        margin-top: 0px; 
551
552 
553                    .taglib-social-bookmarks a { 
554                        margin-bottom: 0px; 
555
556 
557                    .taglib-social-bookmarks ul { 
558                        padding: 0px; 
559                        margin-bottom: 0px; 
560
561 
562                    .taglib-social-bookmarks ul li { 
563                        margin-right: 0px; 
564
565 
566                    .asset-full-content .content { 
567                        border-bottom: 0px solid #fff; 
568                        display: table; 
569                        margin-bottom: 20px; 
570                        padding-bottom: 10px; 
571                        width: 100%; 
572
573 
574                    .asset-full-content .content::before { 
575                        content: ""; 
576                        display: inline-table; 
577                        width: 100%; 
578
579 
580                    .asset-full-content .content h3 { 
581                        font-size: 18px; 
582                        font-weight: normal; 
583
584 
585                    .categories::after { 
586                        content: ""; 
587                        display: inline-table; 
588                        width: 100%; 
589
590 
591                    .categories h2, 
592                    .asset-links-title { 
593                        color: ${colorSite} !important; 
594
595 
596 
597                    @media (min-width: 979px) and (max-width: 1200px) {} 
598 
599                    @media (max-width: 978px) { 
600                        .asset-full-content .data { 
601                            display: inline-table; 
602
603
604 
605                    @media (max-width: 480px) { 
606                        .asset-full-content .tipus>a { 
607                            float: none; 
608
609
610 
611                    /*Nova notícia*/ 
612                    .nova .names a { 
613                        text-decoration: none !important; 
614                        transition: 0.4s all; 
615
616 
617                    .nova .names a:hover img, 
618                    .nova .names a:hover i { 
619                        transform: translateY(-4px) !important; 
620                        transition: 0.2s all; 
621
622 
623                    .nova .names { 
624                        display: table; 
625                        box-sizing: border-box; 
626                        width: 100%; 
627
628 
629                    .nova .names .nom { 
630                        width: 50%; 
631                        display: inline-table; 
632
633 
634                    .nova .names .xarxes { 
635                        width: 50%; 
636                        display: inline-table; 
637
638 
639                    .nova p.youtube { 
640                        margin: 0 0 20px; 
641
642 
643                    .nova p.subtitol:after { 
644                        content: ""; 
645                        width: 100%; 
646                        height: 1px; 
647                        background-color: #ddd; 
648                        position: relative; 
649                        display: table; 
650
651 
652                    .nova #dreta { 
653                        padding-top: 30px; 
654
655 
656                    .nova .asset-full-content figure { 
657                        display: inline-block; 
658                        margin-bottom: 20px; 
659                        border: 1px solid transparent; 
660                        margin-right: 0; 
661                        margin-left: 0; 
662                        margin-top: 0; 
663                        width: 100%; 
664
665 
666                    .nova .asset-full-content figcaption { 
667                        display: block; 
668                        text-align: center; 
669                        font-size: 0.8em; 
670                        font-style: italic; 
671
672 
673                    .nova .asset-full-content figure img { 
674                        width: 100%; 
675
676 
677                    .nova .icon-caret-down:before { 
678                        content: "\f0d7" !important; 
679
680 
681                    @media (max-width: 480px) { 
682                        .nova .asset-full-content figure { 
683                            width: 100% !important; 
684
685
686 
687                    ul.asset-links-list { 
688                        list-style: none !important; 
689                        margin: 0 !important; 
690                        padding: 0 !important; 
691
692 
693                    .taglib-asset-links .asset-links-list-item { 
694                        list-style: none !important; 
695
696 
697                    .taglib-asset-links li.asset-links-list-item a { 
698                        color: #353430 !important; 
699                        text-decoration: none !important; 
700                        border: 1px solid #ddd; 
701                        border-radius: 4px; 
702                        display: block; 
703                        padding: 10px; 
704                        background-color: #eee; 
705
706 
707                    .taglib-asset-links .asset-links-list-item a:hover { 
708                        text-decoration: none !important; 
709
710 
711                    .taglib-asset-links .asset-links-list-item a:before { 
712                        content: "\f0c1"; 
713                        font-family: 'fontawesome-alloy'; 
714                        font-size: 25px; 
715                        display: inline-block; 
716                        margin-right: 4px; 
717                        width: 10%; 
718                        vertical-align: middle; 
719
720 
721                    .taglib-asset-links li.asset-links-list-item a span.taglib-text { 
722                        color: #353430 !important; 
723                        display: inline-block; 
724                        width: 80%; 
725                        vertical-align: middle; 
726                        text-decoration: none; 
727
728 
729                    .taglib-asset-links .asset-links-list-item:hover a, 
730                    .taglib-asset-links .asset-links-list-item:hover a span.taglib-text { 
731                        background-color: #353430 !important; 
732                        color: #eee !important; 
733                        text-decoration: none; 
734
735 
736                    /*Caixa contacte*/ 
737                    .caixa-contacte { 
738                        border: 1px solid #ddd; 
739                        padding: 10px; 
740                        margin-bottom: 20px; 
741                        margin-top: 30px; 
742
743 
744                    .caixa-contacte { 
745                        border: 1px solid #ddd; 
746                        padding: 10px; 
747                        margin-bottom: 20px; 
748                        margin-top: 30px; 
749                        box-sizing: border-box !important; 
750
751 
752                    h2.mark { 
753                        display: block; 
754                        font-size: 0 !important; 
755                        color: #fff !important; 
756
757 
758                    .mes-info { 
759                        display: block; 
760
761 
762                    .mes-info-button { 
763                        cursor: pointer; 
764                        display: block; 
765                        width: 100%; 
766                        height: 100%; 
767
768 
769                    .mes-info-button i { 
770                        float: right; 
771                        font-size: 20px; 
772
773 
774                    /*Elements notícia*/ 
775                    /*cita*/ 
776                    .nova cite { 
777                        margin-top: 30px; 
778                        margin-bottom: 30px; 
779                        font-size: 20px; 
780                        color: #666; 
781                        padding-left: 10px; 
782                        box-sizing: border-box; 
783                        vertical-align: middle; 
784                        display: inline-block; 
785                        border-left: 3px solid #666; 
786                        padding-top: 10px; 
787                        padding-bottom: 10px; 
788                        width: 80%; 
789                        margin-left: 20%; 
790                        line-height: normal !important; 
791
792 
793                    .nova .asset-full-content .content h3 { 
794                        font-size: 18px; 
795                        font-weight: normal; 
796                        line-height: normal; 
797                        margin-top: 40px; 
798                        margin-bottom: 20px; 
799                        color: ${colorSite}; 
800
801 
802                    .nova .asset-full-content .content h4 { 
803                        font-size: 16px; 
804                        font-weight: normal; 
805                        line-height: normal; 
806                        margin-top: 30px; 
807                        margin-bottom: 10px; 
808                        color: ${colorSite}; 
809
810 
811                    /* Botó de recurs*/ 
812 
813                    a.recurs { 
814                        display: inline-block; 
815                        text-decoration: none !important; 
816                        padding: 10px 20px; 
817                        margin-top: 10px; 
818                        border: 1px solid #c8102e; 
819                        background-color: #c8102e; 
820                        color: #fff !important; 
821
822 
823                    a.recurs font { 
824                        display: block; 
825                        margin-top: 5px; 
826
827 
828                    /*a.recurs:after { 
829    content: '\f054'; 
830    font-family: fontawesome-alloy; 
831    font-style: normal; 
832    font-weight: 400; 
833    font-variant: normal; 
834    text-transform: none; 
835    margin-left: 10px; 
836}*/ 
837                    a.recurs:hover { 
838                        color: #c8102e !important; 
839                        background-color: #fff; 
840
841 
842                    /* FI Botó recurs */ 
843 
844                    /*Treure les xarxes socials per Campus Global i Intranets*/ 
845                    html:not(.nou-disseny) .taglib-social-bookmarks { 
846                        display: none; 
847
848                </style> 
849 
850                <script> 
851                   /*Treure el títol de la pàgina 7.2*/ 
852                    document.querySelector(".upf__titol-pagina")?.remove() 
853                    // Create Element.remove() function if not exist 
854                    if (!('remove' in Element.prototype)) { 
855                        Element.prototype.remove = function () { 
856                            if (this.parentNode) { 
857                                this.parentNode.removeChild(this); 
858
859                        }; 
860
861                    // Si tenim els bookmarks posicionats d forma horitzontal, els movem 
862                    if ($(".taglib-social-bookmarks").size() != 0) { 
863                        $(".taglib-social-bookmarks").prependTo(".asset-full-content"); 
864                        $(".taglib-social-bookmarks").get(0).remove(); 
865
866                    $(".taglib-header").remove(); 
867                    $(".portlet-topper").remove(); 
868                    $(".asset-full-content br").remove(); 
869 
870                    if ($("html.nou-disseny").size() != 0) { 
871 
872                        $(".taglib-asset-links").css("padding-left", "22px !important"); 
873                        ajustaRelatedContentFullSize(); 
874 
875                    } else { 
876                        ajustaRelatedContent(); 
877
878 
879                    // Eliminem la secció de categories si no n'hi ha cap 
880                    if ($(".categories div").size() == 0) { 
881                        $(".categories").remove(); 
882
883 
884                    /* ---- OBRIR LES NOTÍCIES EN MAXIMIZED AMB MENÚ VERTICAL ---- */ 
885                    if ($("html.nou-disseny").size() != 0) { 
886                        if ($("header").hasClass("no-menu-horitzontal")) { 
887                            canviaSpanMenu(); 
888
889
890                    // La funció LightenDarkenColor la tinc gràcies a auxFunctions.js injectat 
891                    var colorLight = LightenDarkenColor("${colorSite}", 20); 
892 
893                    $(".asset-full-content .tipus > a").hover( 
894                        function () { 
895                            $(this).css("background-color", +  colorLight + " !important"); 
896                        }, 
897                        function () { 
898                            $(this).css("background-color", "${colorSite} !important"); 
899
900
901 
902                    $('#content img[title]').captionate(); // imatges amb class caption mostraran la descripció 
903 
904                    function ajustaRelatedContentFullSize() { 
905                        if ($(".asset-links-list").size() != 0) { 
906                            $(".taglib-asset-links").appendTo("#dreta").insertAfter('.categories'); 
907                            $(".taglib-asset-links").css("padding-left", "0px !important"); 
908                        } else { 
909                            setTimeout(function () { ajustaRelatedContentFullSize(); }, 100); 
910
911
912 
913                    function ajustaRelatedContent() { 
914                        if ($(".asset-links-list").size() != 0) { 
915                            $(".taglib-asset-links").css("padding-left", "0px"); 
916                            $(".asset-links-title").css("padding-left", "0px"); 
917                            $(".asset-links-list").css("padding-left", "0px !important"); 
918                        } else { 
919                            setTimeout(function () { ajustaRelatedContent(); }, 100); 
920
921
922 
923                    function canviaSpanMenu() { 
924                        if ($("#menu-esquerra").size() != 0) { 
925                            if ($("#menu-esquerra").hasClass("span12")) { 
926                                if (!$("body").hasClass("marca-propia")) { 
927                                    $("#nom_page").css("display", "none !important"); 
928                                    $("#contingut #nom_page").css("display", "block !important"); 
929
930                                $("#menu-esquerra").removeClass("span12").addClass("span3"); 
931                                $("#main-content").addClass("span9 pull-right"); 
932
933                            ajustaRelatedContent(); 
934                        } else { 
935                            setTimeout(function () { canviaSpanMenu(); }, 100); 
936
937
938                    /*Moure els elements fitxa-dreta a la dreta*/ 
939                    setTimeout(function () { $("#dreta").after($(".asset-categories")); }, 100); 
940 
941                    if ($("#media *").length == 0) { 
942                        $("h2.media").remove(); 
943                    }; 
944                    if ($(".xarxes *").length == 0) { 
945                        $(this).remove(); 
946                    }; 
947                    if ($('.whatsapp').is(':empty')) { 
948                        $('.whatsapp').parent("li").hide(); 
949                    }; 
950                   
951                </script>