La ciència està plena de SHEroes que amb la seva passió, treball i creativitat han inspirat la biologia evolutiva d'avui.

Com a part del nostre compromís amb la societat, l'Institut de Biologia Evolutiva (IBE, CSIC-UPF) vol donar crèdit i visibilitat als assoliments de les científiques en evolució.

Amb aquest objectiu, llancem la campanya #WhoisyourSHEro per a compartir històries de dones que han tingut un impacte en la carrera científica dels / les nostres investigadors/es a través de les xarxes socials i la web.

La campanya continua avançant a mesura que més i més dones en evolució inspiren a la comunitat IBE.

Pots unir-te a la conversa a través de les xarxes socials amb l'etiqueta #WhoisyourSHEro.

 

Amb la col·laboració de la Fundació Espanyola per a la Ciència i la Tecnologia – Ministeri de Ciència i Innovació.

 

Vés enrere Dos estudis de l'IBE destacats al web de Nature Communications

S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> .vars['separadorimatge']  [in template "10155#10193#NOTICIA" at line 453, column 8]

----
Tip: It's the final [] step that caused this error, not those before it.
----
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 .vars["separadorimatge"].getChild...  [in template "10155#10193#NOTICIA" at line 453, column 3]
----
1<#assign colorSite = getterUtil.getString(themeDisplay.getThemeSetting("color-site")) /> 
2<script type="text/javascript" src="/documents/6323808/129176989/jquery.captionate.js"></script> 
3<script> 
4function extractYouTubeParameter(url) { 
5    // Expresión regular para YouTube y Shorts 
6    var regExp = /(?:youtube\.com\/(?:shorts\/|watch\?v=)|youtu\.be\/)([^&?#]+)/; 
7    var match = url.match(regExp); 
8 
9    if (match && match[1]) { 
10        // Devuelve el ID del video con cualquier parámetro de consulta adicional 
11        var paramIndex = url.indexOf('?'); 
12        return paramIndex !== -1 ? match[1] + url.substring(paramIndex) : match[1]; 
13    } else { 
14        return null; 
15
16
17</script> 
18<#assign zona = timeZoneUtil.getTimeZone("Europe/Madrid") /> 
19 
20<#assign AssetEntryLocalservice = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
21<#assign journalLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
22<#assign viewURL = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() /> 
23<#assign groupId = getterUtil.getLong(groupId)/> 
24 
25 
26<#-- apliquem les traduccions -->  
27 
28<#switch themeDisplay.getLocale()> 
29<#case "ca_ES"> 
30    <#assign translations = { 
31        "categories", "Categories", 
32        "multimedia", "Multimèdia",  
33        "perfils", "Perfils dels protagonistes",  
34        "info", "Per a més informació",  
35        "noticies", "Notícia publicada per",  
36        "unitat", "Oficina de Comunicació", 
37        "ods", "ODS - Objectius de desenvolupament sostenible", 
38        "odsupf","Els ODS a la UPF" 
39    }/> 
40        <#break> 
41<#case "es_ES"> 
42    <#assign translations = { 
43        "categories", "Categorías", 
44        "multimedia", "Multimedia",  
45        "perfils", "Perfiles de los protagonistas",  
46        "info", "Para más información",  
47        "noticies", "Noticia publicada por",  
48        "unitat", "Oficina de Comunicación", 
49        "ods", "ODS - Objetivos de desarrollo sostenible", 
50        "odsupf","Els ODS a la UPF" 
51    }/> 
52        <#break> 
53<#default> 
54<#assign translations = { 
55        "categories", "Categories", 
56        "multimedia", "Multimedia",  
57        "perfils", "Profiles of the protagonists",  
58        "info", "For more information",  
59        "noticies", "News published by",  
60        "unitat", "Communication Office", 
61        "ods", "SDG - Sustainable Development Goals", 
62        "odsupf","Els ODS a la UPF" 
63    }/> 
64</#switch> 
65 
66<#--<#assign site = groupId />--> 
67<#assign site = groupId /> 
68 
69<#if ( site?is_number) > 
70    <#assign resourcePrimKey =  
71    journalLocalService.getArticle(getterUtil.getLong(site), .vars['reserved-article-id'].data).resourcePrimKey /> 
72    <#assign entry = AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle", getterUtil.getLong(resourcePrimKey)) /> 
73   <#if entry.getPublishDate()?? > 
74     <#assign fecha_de_creacion = entry.getPublishDate()?string("dd.MM.yyyy")/> 
75   <#else> 
76     <#assign fecha_de_creacion = .now?string("dd.MM.yyyy")/> 
77   </#if> 
78 
79   <#if entry.getModifiedDate()?? > 
80     <#assign fecha_de_modificacion = entry.getModifiedDate()?string("dd.MM.yyyy")/> 
81   <#else> 
82     <#assign fecha_de_modificacion = .now?string("dd.MM.yyyy")/> 
83   </#if> 
84</#if> 
85 
86<#assign cat = "" /> 
87<#assign listaCategorias = entry.getCategories() /> 
88<#list listaCategorias as categoria > 
89    <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name) > 
90        <#assign cat = categoria.name /> 
91    </#if> 
92</#list> 
93<div class="container noticia-maximized nova"> 
94            <div id="nom_page"> 
95                <h1>${.vars['reserved-article-title'].data}</h1> 
96            </div> 
97            <div class="contingut subtitol"> 
98        <#if .vars['Resum']?? > 
99                    ${.vars['Resum'].getData()} 
100        </#if> 
101            </div> 
102            <div class="data_flex"> 
103        <#if ( fecha_de_creacion?length == 10) > 
104        <div class="data">${fecha_de_creacion}</div> 
105        </#if> 
106         <div class="xarxes-socials"> 
107         <script type="text/javascript"> 
108            var url_link = window.location.href; 
109            var encode_url_link = encodeURIComponent(url_link); 
110            var titular = `${.vars['reserved-article-title'].data}`; 
111            var encode_titular = encodeURIComponent(titular); 
112            function copiar() { 
113                navigator.clipboard.writeText(url_link); 
114
115            function carrega() { 
116                document.querySelectorAll('.ft-btn-rrss--whatsapp').forEach(function(element) { 
117                    element.href = `https://api.whatsapp.com/send?text='%C2%BF`+encode_titular+`%22%20`+encode_url_link+`%3Futm_source%3Dwhatsapp%26utm_medium%3Dsocial%26utm_campaign%3Dbtn-share`; 
118                }); 
119                document.querySelectorAll('.ft-btn-rrss--facebook').forEach(function(element) { 
120                    element.href = `https://www.facebook.com/sharer/sharer.php?u=`+encode_url_link; 
121                    element.setAttribute('data-href', url_link);  
122                }); 
123                document.querySelectorAll('.ft-btn-rrss--twitter').forEach(function(element) { 
124                    element.href = `https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fupf.edu%2F&ref_src=twsrc%5Etfw%7Ctwcamp%5Ebuttonembed%7Ctwterm%5Eshare%7Ctwgr%5E&text=`+encode_titular+`&url=`+encode_url_link; 
125                }); 
126                document.querySelectorAll('.ft-btn-rrss--email').forEach(function(element) { 
127                    element.href = `mailto:?subject=`+encode_titular+`&body=`+url_link; 
128                }); 
129            }; 
130            if (document.readyState !== "loading") { 
131                carrega(); 
132            }  
133            document.addEventListener("DOMContentLoaded", function(){ 
134                carrega(); 
135            }); 
136        </script> 
137        <div class="ft-mol-rrss-column__items"> 
138            <a href="#" target="_blank" title="WhatsApp" class="ft-btn-rrss ft-btn-rrss--whatsapp" rel="nofollow" data-share-button="whatsapp"> 
139                <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-brands fa-whatsapp fa-stack-1x"></i></span> 
140                <span class="ft-btn-rrss__text"> RRSS WhatsApp</span> 
141            </a> 
142            <a href="#" target="_blank" title="Twitter" class="ft-btn-rrss ft-btn-rrss--twitter" rel="nofollow" data-share-button="twitter"> 
143                <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-brands fa-x-twitter fa-stack-1x "></i></span> 
144                <span class="ft-btn-rrss__text"> RRSS Twitter</span> 
145            </a> 
146            <a href="#" target="_blank" title="Facebook" class="fb-share-button ft-btn-rrss--facebook" rel="nofollow" data-share-button="facebook" data-type="facebook"> 
147                <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-brands fa-facebook-f fa-stack-1x "></i></span> 
148                <span class="ft-btn-rrss__text"> RRSS Facebook</span> 
149            </a> 
150            <a href="#" target="_blank" title="email" class="ft-btn-rrss ft-btn-rrss--email" rel="nofollow" data-share-button="mail"> 
151                 <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-regular fa-envelope fa-stack-1x"></i></span> 
152                <span class="ft-btn-rrss__text"> RRSS email</span> 
153            </a> 
154            <a href="javascript: copiar()" title="Copiar URL" class="ft-btn-nav ft-btn-nav--copy ft-btn-nav--bordered" data-share-button="url"> 
155               <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-regular fa-copy fa-stack-1x"></i></span> 
156                <span class="ft-btn-nav__text">Copiar URL</span> 
157            </a> 
158        </div> 
159            </div> 
160        </div> 
161<div class="row"> 
162    <div class="asset-full-content col-md-8 left"> 
163        <#-- end xarxes socials--> 
164        <div class="content" id="content"> 
165        <#if .vars['separadorimatge']?? > 
166            <#attempt> 
167                <#if ( .vars['separadorimatge'].getChild('url_youtube').getData() != "") > 
168                <!--zona youtube--> 
169                <p id="youtube" class="youtube"> 
170                    <script type="text/javascript"> 
171                        function getYoutube() { 
172                        var id = $(this).parent('p').attr("id"); 
173                        var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
174                        var parm_youtube = extractYouTubeParameter(url) 
175                        if (parm_youtube.length != 0 ) { 
176                        return '<iframe title="Youtube video player" width="560" height="315" src="https://www.youtube.com/embed/'+ parm_youtube +'" frameborder="0" allowfullscreen></iframe>'; 
177                        } else { 
178                        return ''; 
179
180
181                        document.getElementById("youtube").innerHTML = getYoutube(); 
182                    </script> 
183                </p> 
184                <#elseif (.vars['separadorimatge'].getChild('Imatge_inicial').getData() != "" && .vars['separadorimatge'].getChild('url_youtube').getData() == "" ) > 
185                <p><img alt="Imatge inicial - ${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}" width="100%" /></p> 
186                </#if> 
187            <#recover> 
188            </#attempt> 
189        </#if> 
190        <#if .vars['Noticia']?? > 
191            <div class="content-body">${.vars['Noticia'].getData()}</div> 
192        </#if> 
193        </div> 
194    </div> 
195 
196        <#-- Mostrem les categories que siguin filles de la categoria "Notícies"--> 
197        <#-- Preparació url dels enllaços a les categories--> 
198        <#assign wordCategories = languageUtil.get(locale, "categories-nom-page")> 
199        <#assign wordCategories = wordCategories?lower_case /> 
200        <#assign catUrl = "/web/focus/" + wordCategories + "?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=" /> 
201        <#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") /> 
202    
203<div class="col-md-4" id="right"> 
204        <#if  .vars['Camps_addicionalsb']?? && .vars['Camps_addicionalsb'].getChild('text_dreta')??> 
205            ${.vars['Camps_addicionalsb'].getChild('text_dreta').getData()} 
206        </#if> 
207         <h2 class="audio">${translations["multimedia"]}</h2> 
208          <div class="audio"> 
209                        <div id="media"></div> 
210                    </div> 
211        <#if .vars['Camps_addicionalsb']?? > 
212            <#attempt> 
213                <#assign prota = .vars['Camps_addicionalsb'].getChild('Protagonistes') /> 
214                <#if ( prota.getChild('nomperfil').getData() != "") > 
215                <h2>${translations["perfils"]}:</h2> 
216                <#list prota.getChild('nomperfil').getSiblings() as perfil > 
217                        <div class="names"> 
218                        <div class="nom">  
219                            ${perfil.getData()} 
220                        </div> 
221                        <div class="xarxes"> 
222                        <#list perfil.getChild('urlperfil').getSiblings() as sub_element > 
223                     
224                            <#-- Formatem l'enllaç perquè no el tracti com si fos una subpàgina --> 
225                            <#assign enllac = sub_element.getData() /> 
226                            <#if !enllac?starts_with("http")  >              
227                                <#assign enllac = "http://" + enllac />  
228                            </#if> 
229                     
230                            <a href="${enllac}" title="${enllac}" target="_blank"> 
231                                <#if (enllac?contains("facebook") ) > 
232                                    <img alt="Facebook UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/facebook.png" width="16"> 
233                                <#elseif ( enllac?contains("twitter") ) > 
234                                    <img alt="Twitter UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/twitter.png" width="16"> 
235                                <#elseif ( enllac?contains("instagram") ) > 
236                                    <img alt="Instagram UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/instagram.png" width="16"> 
237                                <#elseif ( enllac?contains("youtube") ) > 
238                                    <img alt="Youtube UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/youtube_new.png" width="16"> 
239                                <#elseif ( enllac?contains("linkedin") ) > 
240                                    <img alt="Linkedin UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/linkedin.png" width="16"> 
241                                <#elseif ( enllac?contains("flickr") ) > 
242                                    <img alt="Flickr UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/flickr.png" width="16"> 
243                                <#elseif ( enllac?contains("vimeo") ) > 
244                                    <img alt="Vimeo UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/vimeo.png" width="16"> 
245                                <#elseif ( enllac?contains("pinterest") ) > 
246                                    <img alt="Pinterest UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/pinterest.png" width="16"> 
247                                <#else> 
248                                <i class="fa-solid fa-link" aria-label="enllacos"></i> 
249                                 
250                                </#if> 
251                            </a> 
252                    </#list> 
253                        </div> 
254                        </div> 
255                </#list> 
256                </#if> 
257            <#recover>    
258            </#attempt> 
259        </#if>     
260        <div class="categories"> 
261            <h2>${translations["categories"]}:</h2> 
262             
263            <#list listaCategorias as categoria > 
264 
265            <#if categoria.getParentCategoryId() != 0 > <#--arreglo CG --> 
266             
267                <#assign assetCategory = "" /> 
268                <#assign assetCategory = assetCategoryLocalService.getCategory(categoria.getParentCategoryId()) />   
269                <#if (assetCategory.getName() == "Notícies") > 
270                    <div class="tipus"><a href="${catUrl}${categoria.getCategoryId()}">${categoria.getTitle(locale)}</a></div> 
271                </#if> 
272                 
273            </#if>   
274             
275            </#list> 
276        </div> 
277 
278     <div class="block_ods"> 
279         <h2>${translations["ods"]}:</h2> 
280                   <#list listaCategorias as categoria > 
281            <#if categoria.getParentCategoryId() != 0 > <#--arreglo CG --> 
282                <#assign assetCategory = "" /> 
283                <#assign assetCategory = assetCategoryLocalService.getCategory(categoria.getParentCategoryId()) />   
284                <#if (assetCategory.getName() == "ODS") > 
285                 
286                    <#if categoria.getTitle(locale)?contains('01.')> 
287                    <div class="ods_01">${categoria.getTitle(locale)}</div> 
288                    <#elseif categoria.getTitle(locale)?contains('02.')> 
289                    <div class="ods_02">${categoria.getTitle(locale)}</div> 
290                     <#elseif categoria.getTitle(locale)?contains('03.')> 
291                    <div class="ods_03">${categoria.getTitle(locale)}</div> 
292                     <#elseif categoria.getTitle(locale)?contains('04.')> 
293                    <div class="ods_04">${categoria.getTitle(locale)}</div> 
294                     <#elseif categoria.getTitle(locale)?contains('05.')> 
295                    <div class="ods_05">${categoria.getTitle(locale)}</div> 
296                     <#elseif categoria.getTitle(locale)?contains('06.')> 
297                    <div class="ods_06">${categoria.getTitle(locale)}</div> 
298                     <#elseif categoria.getTitle(locale)?contains('07.')> 
299                    <div class="ods_07">${categoria.getTitle(locale)}</div> 
300                     <#elseif categoria.getTitle(locale)?contains('08.')> 
301                    <div class="ods_08">${categoria.getTitle(locale)}</div> 
302                     <#elseif categoria.getTitle(locale)?contains('09.')> 
303                    <div class="ods_09">${categoria.getTitle(locale)}</div> 
304                     <#elseif categoria.getTitle(locale)?contains('10.')> 
305                    <div class="ods_10">${categoria.getTitle(locale)}</div> 
306                     <#elseif categoria.getTitle(locale)?contains('11.')> 
307                    <div class="ods_11">${categoria.getTitle(locale)}</div> 
308                     <#elseif categoria.getTitle(locale)?contains('12.')> 
309                    <div class="ods_12">${categoria.getTitle(locale)}</div> 
310                     <#elseif categoria.getTitle(locale)?contains('13.')> 
311                    <div class="ods_13">${categoria.getTitle(locale)}</div> 
312                     <#elseif categoria.getTitle(locale)?contains('14.')> 
313                    <div class="ods_14">${categoria.getTitle(locale)}</div> 
314                     <#elseif categoria.getTitle(locale)?contains('15.')> 
315                    <div class="ods_15">${categoria.getTitle(locale)}</div> 
316                     <#elseif categoria.getTitle(locale)?contains('16.')> 
317                    <div class="ods_16">${categoria.getTitle(locale)}</div> 
318                     <#elseif categoria.getTitle(locale)?contains('17.')> 
319                    <div class="ods_17">${categoria.getTitle(locale)}</div> 
320                    </#if> 
321                </#if> 
322                 
323            </#if>   
324            </#list> 
325            <a href="/web/responsabilitat-social/agenda-2030-ods" target="_blank" class="btn button_ods">${translations["odsupf"]} <i class="fa-solid fa-chevron-right" aria-hidden="true"></i></a> 
326    </div> 
327<h2 class="mark">Contact</h2> 
328<#if .vars['Camps_addicionalsb']?? > 
329    <#attempt> 
330    <#if .vars['Camps_addicionalsb'].getChild('espremsa').getData() == "true"> 
331        <div class="caixa-contacte"> 
332                <p><strong>${translations["noticies"]}:</strong></p> 
333                <p>${translations["unitat"]}</p> 
334                        <ul> 
335                            <li><a href="tel:616107518">616 107 518</a></li> 
336                            <li><a class="correuContacte" href="mailto:[email protected]">[email protected]</a></li> 
337                        </ul> 
338        </div> 
339             
340    </#if> 
341    <#recover> 
342    </#attempt> 
343</#if> 
344 
345    </div>    
346</div> 
347</div> 
348 
349   
350<#-- decidim si pintem la zona youtube o ivoox  --> 
351        <#if .vars['Camps_addicionalsb']?? > 
352            <#attempt> 
353                <#assign multi = .vars['Camps_addicionalsb'].getChild('Multimedia') /> 
354                <#list multi.getChild('youtubelist').getSiblings() as videos > 
355                    <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") ) > 
356                        <script type="text/javascript"> 
357                        function getYoutube() { 
358                        var id = $(this).parent('p').attr("id"); 
359                        var url = "${videos.getChild('urlyoutubelist').getData()}" 
360                        var parm_youtube = extractYouTubeParameter(url) 
361                        if (parm_youtube.length != 0) { 
362                                return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe title='Youtube video player' width='560' height='315' src='https://www.youtube.com/embed/"+ parm_youtube +"' frameborder='0' allowfullscreen></iframe>"; 
363                        } else { 
364                        return 'error'; 
365
366
367                        document.getElementById("media").innerHTML += getYoutube(); 
368                        </script> 
369                    <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("ivoox") ) > 
370                        <script type="text/javascript"> 
371                                function getIvoox() { 
372                                if (!"${videos.getChild('urlyoutubelist').getData()}".includes("rf_")) {                           
373                                return "<p class='titol'>${videos.getChild("titolyoutubelist").getData()}</p><br /> Error. Use a valid audio URL";                             
374                                } else {             
375                                var Y = "rf_" 
376                                var X = "${videos.getChild('urlyoutubelist').getData()}" 
377                                var Z = X.slice(X.indexOf(Y) + Y.length) 
378                                return "<p class='titol'>${videos.getChild("titolyoutubelist").getData()}</p><iframe title='Youtube video player' width='238' height='48' frameborder='0' allowfullscreen='' scrolling='no' src='https://www.ivoox.com/player_ek_" + Z + "'></iframe>"; 
379
380
381                                document.getElementById("media").innerHTML += getIvoox(); 
382                        </script> 
383                    </#if>                        
384                </#list> 
385            <#recover> 
386            </#attempt> 
387        </#if> 
388<script> 
389 
390    if (!('remove' in Element.prototype)) { 
391        Element.prototype.remove = function() { 
392            if (this.parentNode) { 
393                this.parentNode.removeChild(this); 
394
395        }; 
396
397    // Si tenim els bookmarks posicionats d forma horitzontal, els movem 
398    if($(".taglib-social-bookmarks").length != 0){ 
399        $(".taglib-social-bookmarks").prependTo(".asset-full-content"); 
400        $(".taglib-social-bookmarks").get(0).remove(); 
401
402     
403    ajustaRelatedContentFullSize(); 
404     
405 
406    // Eliminem seccions si no n'hi ha cap 
407    if ($(".categories div").length == 0){ 
408        $(".categories").remove(); 
409
410    if ($(".block_ods div").length == 0){ 
411        $(".block_ods").remove(); 
412
413    if($('#media').is(':empty')) { 
414    $("h2.audio").hide(); 
415
416   
417   $('#content img[title]').captionate(); // imatges amb class caption mostraran la descripció 
418   
419    function ajustaRelatedContentFullSize(){ 
420        if ($(".list-group.sidebar-list-group").length!= 0){ 
421                $(".asset-links").appendTo("#right").insertAfter('.categories'); 
422                $(".asset-links").css("padding-left","0px !important");          
423        }else{ 
424            setTimeout(function(){ajustaRelatedContentFullSize();},100); 
425
426
427         
428/*Treure el títol de la pàgina 7.2*/ 
429 
430document.querySelector(".upf__titol-pagina")?.remove() 
431</script> 
432 
433<script type="application/ld+json"> 
434
435   "@context": "https://schema.org", 
436   "@type": "NewsArticle", 
437   "mainEntityOfPage":"${viewURL}", 
438   <#if .vars['reserved-article-title']?? >"headline":"${.vars['reserved-article-title'].data?js_string}",</#if> 
439   <#if entry.getPublishDate()?? > 
440   "datePublished":"${entry.getPublishDate()?datetime?iso_utc}", 
441   "dateModified":"${entry.getModifiedDate()?datetime?iso_utc}", 
442   </#if> 
443   <#if .vars['Resum']?? >"description":"${.vars['Resum'].getData()?js_string}",</#if> 
444   "publisher":{ 
445      "@type":"Organization", 
446      "name":"Universitat Pompeu Fabra (UPF)", 
447      "logo":{ 
448         "@type":"ImageObject", 
449         "url":"https://www.upf.edu/o/upf-2016-theme/images/upf/logo.png" 
450
451   }, 
452   
453  <#if .vars['separadorimatge'].getChild('Imatge_inicial')?? >"image": { 
454     "@type":"ImageObject", 
455    "url":"https://www.upf.edu${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}"</#if>  
456
457  
458
459</script> 
460 
461<style> 
462    /*Xarxes socials*/ 
463    .data_flex { 
464        display: flex; 
465        flex-direction: row; 
466        flex-wrap: nowrap; 
467        align-items: center; 
468        justify-content: space-between; 
469
470    .ft-mol-rrss-column__items span.ft-btn-rrss__text,.ft-mol-rrss-column__items .ft-btn-nav__text { 
471    display: none; 
472
473    .ft-mol-rrss-column__items { 
474        text-align: end; 
475
476    .ft-mol-rrss-column__items a { 
477        text-decoration: none; 
478
479    .ft-mol-rrss-column__items .fa-stack > i { 
480    color: ${colorSite}; 
481
482    .ft-mol-rrss-column__items .fa-stack > i:first-child { 
483        background-color: transparent; 
484        color: transparent; 
485
486    /*Unificar estils de padding*/ 
487    .layout-content > section > div, .layout-content > section > div .row > div, .container.noticia-maximized.nova .left { 
488        padding-left: 0 !important; 
489        padding-right: 0 !important; 
490
491    /*Fix notícies relacionades*/ 
492    ul.list-group.sidebar-list-group .autofit-col .list-group-title:only-child { 
493    height: auto; 
494
495    ul.list-group.sidebar-list-group .text-truncate-inline .text-truncate { 
496        display: inline-block; 
497        color: #363733; 
498        text-decoration: none; 
499        max-width: 100%; 
500        overflow: auto; 
501        text-overflow: initial; 
502        vertical-align: bottom; 
503        white-space: normal; 
504        word-wrap: normal; 
505
506    ul.list-group.sidebar-list-group .text-truncate-inline .text-truncate:hover { 
507        color: #8c8f85; 
508
509    /*FI fix notícies relacionades*/ 
510 
511    #media p { 
512    margin: 10px 0 5px; 
513
514    /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */ 
515    #nom_page h1 { 
516        color: ${colorSite} !important; 
517        font-size: 23px; 
518        font-weight: bold; 
519        line-height: normal; 
520        margin-bottom: 15px; 
521        margin-top: 0; 
522        padding: 0; 
523
524    .contingut.subtitol, .contingut.subtitol p, .contingut.subtitol ul, .contingut.subtitol ol { 
525        color: ${colorSite} !important; 
526
527     
528    .data { 
529        color: #989b8f; 
530
531    #right h2 { 
532        font-weight: normal; 
533        font-size: 20px; 
534        color: ${colorSite}; 
535        line-height: normal; 
536        margin-bottom: 1em !important; 
537        margin-top: 1em !important; 
538        text-decoration: none; 
539        text-transform: none; 
540        padding: 0; 
541
542    #right h2:first-child { 
543        margin-top: 0 !important; 
544
545    .tipus a { 
546        text-decoration: none !important; 
547
548     
549    li.list-group.sidebar-list-group-item a { 
550        color: ${colorSite} !important; 
551
552     
553    span.taglib-text { 
554        color:  ${colorSite}; 
555    }  
556     
557    .categories div.tipus a{ 
558        background-color: ${colorSite}; 
559        margin-bottom: 5px; 
560        margin-right: 5px; 
561        max-width: 100%; 
562        position: relative; 
563        display: inline-block; 
564        text-decoration: none; 
565        color: #FFFFFF; 
566        padding: 5px 10px; 
567    }    
568     
569 
570    /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */ 
571 
572    /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */ 
573    .noticia-maximized{ 
574        max-width: 1280px !important; 
575        width: auto !important; 
576
577    .noticia-maximized .row { 
578        align-items: stretch; 
579        align-content: stretch; 
580
581 
582    #nom_page{ 
583        display:block !important; 
584
585    #contingut > #nom_page{ 
586        display:none !important; 
587
588     
589    /* Per treure la icona de davant del títol Continguts relacionats*/ 
590    .asset-links h2{ 
591        background:none !important; 
592
593    .asset-links{ 
594        padding-left: 4px; 
595        margin-top: 0px; 
596
597    .list-group.sidebar-list-group{ 
598        padding-left: 25px !important; 
599
600    .list-group.sidebar-list-group-item{ 
601        list-style: initial !important; 
602
603    .list-group.sidebar-list-group-item img{ 
604        display:none; 
605
606    .contingut.subtitol, .contingut.subtitol p, .contingut.subtitol ul, .contingut.subtitol ol { 
607        font-weight: normal; 
608        padding-top: 0; 
609        line-height: normal !important; 
610
611     
612    .contingut.subtitol { 
613        border-bottom: 1px solid #ddd; 
614        margin-bottom: 10px; 
615        padding-bottom: 10px; 
616
617    .asset-full-content .tipus > a { 
618        background-color: ${colorSite} !important; 
619        margin-right: 5px; 
620        margin-bottom: 5px; 
621        position: relative; 
622        max-width:100%; 
623        text-decoration:none; 
624
625    .asset-full-content .tipus > a:hover { 
626        color: #ffffff !important; 
627
628     
629    .asset-full-content .tipus{ 
630        display: inline; 
631
632     
633    .taglib-social-bookmarks { 
634        display: block; 
635        float: right; 
636        background:none; 
637        margin-top:0px; 
638
639    .taglib-social-bookmarks a{ 
640        margin-bottom: 0px; 
641
642    .taglib-social-bookmarks ul{ 
643        padding:0px; 
644        margin-bottom:0px; 
645
646    .taglib-social-bookmarks ul li{ 
647        margin-right:0px; 
648
649    .asset-full-content .content { 
650        border-bottom: 0px solid #fff; 
651        margin-bottom: 20px; 
652        padding-bottom: 10px; 
653        padding-left: 12px; 
654        padding-right: 12px; 
655        width: 100%; 
656
657    div#content img { 
658        max-width: 100%; 
659
660    .asset-full-content .content::before { 
661        content: ""; 
662        display: inline-table; 
663        width: 100%; 
664
665    .asset-full-content .content h3 { 
666        font-size: 18px; 
667        font-weight: normal; 
668
669    .categories::after { 
670        content: ""; 
671        display: inline-table; 
672        width: 100%; 
673
674    .categories h2, .sheet-tertiary-title{ 
675        color: ${colorSite} !important; 
676
677 
678     
679    @media (min-width: 979px) and (max-width: 1200px) { 
680         
681
682    @media (max-width: 978px) { 
683        .asset-full-content .data { 
684            display:inline-table;} 
685
686    @media (max-width: 480px) {  
687        .asset-full-content .tipus > a { 
688            float:none;} 
689
690 
691     /*Nova notícia*/ 
692   .nova .names a { 
693    text-decoration: none !important; 
694    transition: 0.4s all; 
695
696    .nova .names a:hover img, .nova .names a:hover i { 
697    transform: translateY(-4px)!important; 
698    transition: 0.2s all; 
699
700    .nova .names { 
701    display: table; 
702    box-sizing: border-box; 
703    width: 100%; 
704
705    .nova .names .nom { 
706    width: 50%; 
707    display: inline-table; 
708
709    .nova .names .xarxes { 
710    width: 50%; 
711    display: inline-table; 
712
713    .nova p.youtube { 
714    margin: 0 0 20px; 
715
716    .nova p.subtitol:after { 
717    content: ""; 
718    width: 100%; 
719    height: 1px; 
720    background-color: #ddd; 
721    position: relative; 
722    display: table; 
723
724    .nova #right { 
725        padding-top: 25px; 
726
727    .nova .asset-full-content figure { 
728    display: inline-block; 
729    margin-bottom: 20px; 
730    border: 1px solid transparent; 
731    margin-right: 0; 
732    margin-left: 0; 
733    margin-top: 0; 
734
735    .nova .asset-full-content figcaption {display: block; text-align: center; font-size: 0.8em; font-style: italic; } 
736    .nova .fa-caret-down:before { 
737        content: "\f0d7" !important; 
738
739    @media (max-width: 480px) {  
740        .nova .asset-full-content figure { 
741        float: none !important; 
742
743
744    .nova .asset-full-content .content .content-body > p:nth-child(1):first-letter { 
745    color: ${colorSite}; 
746    float: left; 
747    font-family: Georgia; 
748    font-size: 5rem; 
749    line-height: 4rem; 
750    padding-top: 0; 
751    padding-right: 1rem; 
752    padding-left: 0px; 
753    padding-bottom: 0px; 
754    margin-top: -1rem; 
755
756     
757    ul.list-group.sidebar-list-group { 
758    list-style: none !important; 
759    margin: 0 !important; 
760    padding: 0 !important; 
761
762.asset-links .list-group.sidebar-list-group-item { 
763    list-style: none !important; 
764
765.asset-links li.list-group.sidebar-list-group-item a { 
766    color: #353430 !important; 
767    text-decoration: none !important; 
768    border: 1px solid #ddd; 
769    border-radius: 4px; 
770    display: block; 
771    padding: 10px; 
772    background-color: #eee; 
773
774.asset-links .list-group.sidebar-list-group-item a:hover { 
775    text-decoration: none !important; 
776
777.asset-links .list-group.sidebar-list-group-item a:before { 
778    content: "\f0c1"; 
779    font-family: 'fontawesome-alloy'; 
780    font-size: 25px; 
781    display: inline-block; 
782    margin-right: 4px; 
783    width: 10%; 
784    vertical-align: middle; 
785
786.asset-links li.list-group.sidebar-list-group-item a span.taglib-text { 
787    color: #353430 !important; 
788    display: inline-block; 
789    width: 80%; 
790    vertical-align: middle; 
791    text-decoration: none; 
792
793 
794.asset-links .list-group.sidebar-list-group-item:hover a, .asset-links .list-group.sidebar-list-group-item:hover a span.taglib-text { 
795    background-color: #353430 !important; 
796    color: #eee !important; 
797    text-decoration: none; 
798
799 
800/*Caixa contacte*/ 
801.caixa-contacte { 
802    border: 1px solid #ddd; 
803    padding: 10px; 
804    margin-bottom: 20px; 
805    margin-top: 30px; 
806    top: 60px; 
807    position: -webkit-sticky; 
808    position: sticky; 
809    box-sizing: border-box !important; 
810
811h2.mark { 
812    display: block; 
813    font-size: 0 !important; 
814    color: #fff !important; 
815    background-color: #fff !important; 
816
817 
818/*Elements notícia*/ 
819/*cita*/ 
820.nova cite { 
821    margin-top: 30px; 
822    margin-bottom: 30px; 
823    font-size: 20px; 
824    color: #666; 
825    padding-left: 10px; 
826    box-sizing: border-box; 
827    vertical-align: middle; 
828    display: inline-block; 
829    border-left: 3px solid #666; 
830    padding-top: 10px; 
831    padding-bottom: 10px; 
832    width: 80%; 
833    margin-left: 20%; 
834    line-height: normal !important; 
835
836 .nova .asset-full-content .content h3 { 
837    font-size: 18px; 
838    font-weight: normal; 
839    line-height: normal; 
840    margin-top: 40px; 
841    margin-bottom: 20px; 
842    color:  ${colorSite}; 
843
844.nova .asset-full-content .content h4 { 
845    font-size: 16px; 
846    font-weight: normal; 
847    line-height: normal; 
848    margin-top: 30px; 
849    margin-bottom: 10px; 
850    color: ${colorSite}; 
851
852 
853/*ODS*/ 
854@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap'); 
855 
856[class*=ods_] { 
857    font-family: 'Source Sans Pro', sans-serif; 
858    font-weight: bold; 
859    line-height: normal; 
860    text-transform: uppercase; 
861    font-size: 10px; 
862    color: white; 
863    display: inline-table; 
864    width: calc(50% - 4px); 
865    max-width: 130px; 
866    height: 130px; 
867    padding: 1em; 
868    box-sizing: border-box; 
869    background-color: grey; 
870    background-repeat: no-repeat; 
871    background-position: bottom; 
872    background-size: 100%; 
873    margin-left: 4px; 
874    margin-bottom: 4px; 
875
876.ods_01 { 
877    background-color: #e5233d; 
878    background-image: url(/documents/10193/252729907/ods_01.png); 
879
880.ods_02 { 
881    background-color: #dda73a; 
882     background-image: url(/documents/10193/252729907/ods_02.png); 
883
884.ods_03 { 
885    background-color: #4ca146; 
886     background-image: url(/documents/10193/252729907/ods_03.png); 
887
888.ods_04 { 
889    background-color: #c7212f; 
890     background-image: url(/documents/10193/252729907/ods_04.png); 
891
892.ods_05 { 
893    background-color: #ef402d; 
894     background-image: url(/documents/10193/252729907/ods_05.png); 
895
896.ods_06 { 
897    background-color: #27bfe6; 
898     background-image: url(/documents/10193/252729907/ods_06.png); 
899
900.ods_07 { 
901    background-color: #fbc412; 
902     background-image: url(/documents/10193/252729907/ods_07.png); 
903
904.ods_08 { 
905    background-color: #a31c44; 
906     background-image: url(/documents/10193/252729907/ods_08.png); 
907
908.ods_09 { 
909    background-color: #f26a2e; 
910     background-image: url(/documents/10193/252729907/ods_09.png); 
911
912.ods_10 { 
913    background-color: #dd1667; 
914     background-image: url(/documents/10193/252729907/ods_10.png); 
915
916.ods_11 { 
917    background-color: #f89d2a; 
918     background-image: url(/documents/10193/252729907/ods_11.png); 
919
920.ods_12 { 
921    background-color: #bf8d2c; 
922     background-image: url(/documents/10193/252729907/ods_12.png); 
923
924.ods_13 { 
925    background-color: #407f46; 
926     background-image: url(/documents/10193/252729907/ods_13.png); 
927
928.ods_14 { 
929    background-color: #1f97d4; 
930     background-image: url(/documents/10193/252729907/ods_14.png); 
931
932.ods_15 { 
933    background-color: #59ba47; 
934     background-image: url(/documents/10193/252729907/ods_15.png); 
935
936.ods_16 { 
937    background-color: #136a9f; 
938     background-image: url(/documents/10193/252729907/ods_16.png); 
939
940.ods_17 { 
941    background-color: #14496b; 
942     background-image: url(/documents/10193/252729907/ods_17.png); 
943
944 
945a.btn.button_ods { 
946    position: relative; 
947    display: table !important; 
948    width: auto; 
949    margin-top: 1em; 
950    margin-bottom: 0; 
951    background-image: none; 
952    background-color: ${colorSite}; 
953    color: #fff; 
954    text-shadow: none; 
955    border: none !important; 
956    float: none; 
957    font-size: inherit; 
958    border-radius: 0; 
959
960a.btn.button_ods:hover, a.btn.button_ods:focus { 
961    background-image: none; 
962    background-color: ${colorSite}70; 
963    color: #fff; 
964
965 
966</style>