Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> siteMeta.get(0)  [in template "76121110924137#32361#83931300" at line 132, column 20]

----
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 siteMeta?? && siteMeta.get(0).idi...  [in template "76121110924137#32361#83931300" at line 132, column 1]
----
1<#-- get services --> 
2<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
3<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
4<#assign assetVocabularyLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService") /> 
5<#assign UtilsService = serviceLocator.findService("com.educaixa.common.service.EduCaixaCommonService")/> 
6<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
7<#assign dLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") /> 
8<#assign valoracionesDisplay = serviceLocator.findService("com.educaixa.services.service.RatingStatsLocalService")/> 
9<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
10<#assign language = themeDisplay.getLocale()/> 
11<#assign groupId = themeDisplay.getScopeGroupId()/> 
12<#assign restultsLiteral = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.resultados") /> 
13<#assign recurso = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso") /> 
14<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()> 
15<#assign httpServletRequest = serviceContext.getRequest() /> 
16<#assign UserBookmarkLocalService = serviceLocator.findService("com.educaixa.services.service.UserBookmarkLocalService") /> 
17<#assign siteGrupo = themeDisplay.getSiteGroup() /> 
18 
19<#-- get the content categories --> 
20<#assign article = journalArticleLocalService.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) /> 
21<#assign asset = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", article.resourcePrimKey) /> 
22 
23<#-- get the results URL and valoration value--> 
24<#assign results_url = "${themeDisplay.getPortalURL()}/${locale.getLanguage()}${restultsLiteral}?q=" /> 
25<#assign valoracionesDisplayAverage = 0/> 
26<#assign valoracionesTotalEntries = 0/> 
27<#if valoracionesDisplay.fetchByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) ??> 
28    <#assign valoracionesDisplayValue = valoracionesDisplay.findByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) /> 
29    <#assign valoracionesDisplayAverage = valoracionesDisplayValue.getAverageGlobalScore() /> 
30	<#assign valoracionesTotalEntries = valoracionesDisplayValue.getTotalEntries() /> 
31</#if> 
32 
33<#assign journalArticleId = .vars['reserved-article-id'].data/> 
34<#assign userId =themeDisplay.getUserId()/> 
35<#assign isUserBookmark = UserBookmarkLocalService.isUserBookmark(themeDisplay.getCompanyId(),userId,journalArticleId,groupId)/> 
36 
37<#-- Resource type --> 
38<#assign resourceType = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.podcast") /> 
39<#assign imgType = "/o/educaixa-theme/images/audio-icon.png"> 
40 
41<#-- Escape title text --> 
42<#assign titleEscaped = "" /> 
43<#if titulo.getData()??> 
44    <#assign titleEscaped = titulo.getData()?replace('<p>','','r')/> 
45    <#assign titleEscaped = titleEscaped?replace('</p>','','r')/> 
46    <#assign titleEscaped = titleEscaped?replace('<div>','','r')/> 
47    <#assign titleEscaped = titleEscaped?replace('</div>','','r')/> 
48    <#assign titleEscaped = titleEscaped?replace('<h1>','','r')/> 
49    <#assign titleEscaped = titleEscaped?replace('</h1>','','r')/> 
50</#if> 
51 
52<#assign subtituloEscaped = "" /> 
53<#if subtitulo.getData()??> 
54    <#assign subtituloEscaped = subtitulo.getData() /> 
55    <#assign subtituloEscaped = subtituloEscaped?replace('<p>','','r')/> 
56    <#assign subtituloEscaped = subtituloEscaped?replace('</p>','','r')/> 
57</#if> 
58 
59<#-- get image alt --> 
60<#if image_alt?? && image_alt.getData()?? && image_alt.getData() != ""> 
61    <#assign altImage = image_alt.getData() /> 
62<#else> 
63    <#assign altImage = titleEscaped /> 
64</#if> 
65 
66<#-- get image banner --> 
67<#if imagenficha ?? && imagenficha.getData() ?? && imagenficha.getData() != ""> 
68    <#assign imageSrc = imagenficha.getData() /> 
69<#else>     
70    <#assign imageSrc = "/o/educaixa-theme/images/blured-lights-recursos.png" /> 
71</#if> 
72 
73<#assign nivel_educativo_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Nivel educativo").getVocabularyId() /> 
74<#assign area_conocimiento_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Área de conocimiento").getVocabularyId() /> 
75<#assign competencias_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Competencias clave").getVocabularyId() /> 
76<#assign ods_cat_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "ODS").getVocabularyId() /> 
77<#assign metodologia_cat_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Metodologia").getVocabularyId() /> 
78<#assign competencias_docente_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Competencia Digital Docente").getVocabularyId() /> 
79<#assign idiomas_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Idiomas disponibles").getVocabularyId() /> 
80 
81<#assign language = themeDisplay.getLocale()/> 
82<#assign nivel_educativo = [] /> 
83<#assign area_conocimiento = [] /> 
84<#assign competencias = []> 
85<#assign objectius = []> 
86<#assign ods_cat = []> 
87<#assign metodologia_cat = []> 
88<#assign competencias_docente = []> 
89<#assign idiomas = []> 
90 
91 
92<#list asset.getCategories() as cur_category> 
93    <#if cur_category.vocabularyId == nivel_educativo_vocabularyId> 
94        <#assign nivel_educativo = nivel_educativo + [cur_category.getTitle(language)]> 
95    <#elseif cur_category.vocabularyId == area_conocimiento_vocabularyId> 
96        <#assign area_conocimiento = area_conocimiento + [cur_category.getTitle(language)]> 
97    <#elseif cur_category.vocabularyId == competencias_vocabularyId> 
98        <#assign competencias = competencias + [cur_category.getTitle(language)]>    
99	<#elseif cur_category.vocabularyId == ods_cat_vocabularyId> 
100																			   
101												 
102        <#assign ods_cat = ods_cat + [cur_category.getDescription(language)]>    
103	<#elseif cur_category.vocabularyId == metodologia_cat_vocabularyId> 
104        <#assign metodologia_cat = metodologia_cat + [cur_category.getTitle(language)]>     
105	<#elseif cur_category.vocabularyId == competencias_docente_vocabularyId> 
106        <#assign competencias_docente = competencias_docente + [cur_category.getTitle(language)]> 
107    <#elseif cur_category.vocabularyId == idiomas_vocabularyId> 
108        <#assign idiomas = idiomas + [cur_category.getTitle(language)]> 
109    </#if> 
110</#list> 
111 
112 
113 
114<#assign thesaurusCategories = UtilsService.getThesaurusCategories(asset) /> 
115<#assign tagsCategories = UtilsService.getTagsCategories(asset) /> 
116<#assign categories = thesaurusCategories + tagsCategories /> 
117 
118<#-- Login --> 
119<#assign is_signed_in = themeDisplay.isSignedIn()/> 
120<#assign plid = portalUtil.getPlidFromPortletId(themeDisplay.getScopeGroupId(), "EducaixaMyeducaixaLogin") /> 
121<#assign loginURL = portletURLFactory.create(httpServletRequest, "EducaixaMyeducaixaLogin", plid, "RENDER_PHASE") /> 
122${loginURL.setParameter("mvcPath", "/login_modal.jsp")} 
123${loginURL.setWindowState("POP_UP")} 
124 
125<#if docprincipal.getData()??> 
126	<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal.getData(), themeDisplay) /> 
127</#if> 
128 
129<#-- Idioma --> 
130<#assign idiomaResourceText ="" /> 
131<#assign idiomaText ="" /> 
132<#if siteMeta?? && siteMeta.get(0).idioma?has_content> 
133	<#assign idioma = siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'') /> 
134	<#if language=="es_ES" > 
135		<#if idioma?index_of("Catalan")!=-1 > 
136			<#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "es_ES", "com.educaixa.lang.ca") /> 
137			<#assign idiomaResourceText = "("+idiomaText+")" /> 			 
138		<#elseif idioma?index_of("Ingles")!=-1> 
139			<#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "es_ES", "com.educaixa.lang.en") /> 
140		<#assign idiomaResourceText = "("+idiomaText+")" />			 
141		<#else>			 
142			<#assign idiomaText = idioma /> 
143			<#assign idiomaResourceText = "("+idiomaText+")" />			 
144	   </#if>  
145	    
146	<#else> 
147		<#if idioma?index_of("Catalan")!=-1 > 
148			<#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.ca") />  
149			<#assign idiomaResourceText = "("+idiomaText+")" />			 
150		<#elseif idioma?index_of("Ingles")!=-1> 
151			<#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.en") /> 
152			<#assign idiomaResourceText = "("+idiomaText+")" />	 
153		<#else>			 
154			<#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.es") /> 
155			<#assign idiomaResourceText = "("+idiomaText+")" />	 
156	   </#if>  
157	    
158	    
159	</#if>  
160	                   
161</#if>	 
162    <link rel="stylesheet" href="/o/educaixa-theme/css/recursos.css"> 
163 
164 
165 
166 
167    <div class="edc-modal" style="display:none;"> 
168        <div class="edc-modal-overlay"></div> 
169        <div class="edc-content"> 
170            <div class="edc-close-content w-100 df fe pr zi-2"> 
171                <p class="close-edc-popup"></p> 
172            </div> 
173			<#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != ""> 
174                        <iframe src="https://www.youtube-nocookie.com/embed/${siteMeta.get(0).brightcove_id}?rel=0" width="100%" height="458px%" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe> 
175                    </#if> 
176                    <div id="BCLcontainingBlock BCLvideoWrapper" class="contenedor-video IsBrightcove" style="display: block;"> 
177        				<div class="img_Video alternativo BCLvideoWrapper"> 
178        				<script language="JavaScript" type="text/javascript" src="//sadmin.brightcove.com/js/BrightcoveExperiences.js"></script> 
179        				 
180                            <#--<object id="myExperience928199562001" class="BrightcoveExperience">    
181        					  <param name="bgcolor" value="#FFFFFF" />    
182        					  <param name="max-width" value="1020" /> 
183        					  <param name="height" value="475" /> 
184        					  <param name="playerID" value="${siteGrupo.getExpandoBridge().getAttribute('brightcoveid')}" /> 
185        					  <param name="playerKey" value="${siteGrupo.getExpandoBridge().getAttribute('brightcovekey')}" /> 
186        					  <param name="isVid" value="true" /> 
187        					  <param name="isUI" value="true" />    
188        					  <param name="dynamicStreaming" value="true" />   
189        					  <param name="@videoPlayer" value="${siteMeta.get(0).audio_id}" />  
190        			          <param name="templateLoadHandler" value="myTemplateLoaded"/> 
191        					  <param name="includeAPI" value="true" />    
192        					</object>--> 
193        					 
194        					 
195        					<video-js id="brightcovePlayer" 
196                                data-video-id="${siteMeta.get(0).audio_id}" 
197                                data-account="${siteGrupo.getExpandoBridge().getAttribute('brightcoveDataAcc')}" 
198                                data-player="default" 
199                                data-embed="default" 
200                                data-application-id 
201                                class="video-js" 
202                                controls 
203                                width="640" height="475"></video-js> 
204                                <script id="myScript"></script> 
205                                <script> 
206                                    var src = "//players.brightcove.net/"+"${siteGrupo.getExpandoBridge().getAttribute('brightcoveDataAcc')}"+"/default_default/index.min.js"; 
207                                    document.getElementById('myScript').src = src; 
208                                </script> 
209        					 
210                            <script type="text/javascript"> 
211                                    brightcove.createExperiences(); 
212                            </script> 
213        				</div> 
214        			</div> 
215			 
216            
217     
218        </div> 
219    </div> 
220 
221        <#-- --> 
222     
223        <div class="dg grid-2 w-100 mh-325 center-content m-grid-1 pr zi-0"> 
224            <div class="w-100 dib h-100 mh-325 pl-64 pr-64 pt-48 pb-48 t-p-32 m-p-16"> 
225                <#if resourceType != ""> 
226                 
227                   <#if siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).idioma?has_content> 
228                       <#assign idioma = "("+siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'')+")" /> 
229					   <p class="dib c-primary bg-primary-200 br-21 font-14 font-500 pl-18 pr-18 pt-4px pb-4px">${resourceType} ${idiomaResourceText}</p> 
230					<#else> 
231						<p class="dib c-primary bg-primary-200 br-21 font-14 font-500 pl-18 pr-18 pt-4px pb-4px">${resourceType}</p> 
232					</#if> 
233                     
234                     
235                </#if> 
236                <#if titulo?has_content> 
237                    <h1 class="mt-24 mb-24 font-42 font-500">${titleEscaped}</h1> 
238                </#if> 
239                 
240                <div class="df mb-24 star-${valoracionesDisplayAverage} valoraciones-header"> 
241                 
242                    <#if valoracionesDisplayAverage?floor lt valoracionesDisplayAverage> 
243                         
244                        <#list 0..valoracionesDisplayAverage?floor-1 as i> 
245                        
246                            <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i> 
247                        </#list> 
248                        <i class="fa fa-star-half-o rating-color mr-4px" aria-hidden="true"></i> 
249                          
250                        <#if valoracionesDisplayAverage?floor + 1 lt 5> 
251                            <#list valoracionesDisplayAverage?floor+1..4 as x> 
252                                <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
253                            </#list> 
254                             
255                        </#if> 
256                          
257                    <#else> 
258                     
259                        <#if valoracionesDisplayAverage == 0> 
260                            <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
261                            <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
262                            <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
263                            <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
264                            <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
265                        <#else> 
266                     
267                            <#list 0..valoracionesDisplayAverage-1 as i> 
268                                <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i> 
269                            </#list> 
270                             
271                              
272                            <#if valoracionesDisplayAverage + 1 lt 5> 
273                                <#list valoracionesDisplayAverage+1..4 as x> 
274                                    <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i> 
275                                </#list> 
276                                 
277                            </#if> 
278                             
279                        </#if> 
280                     
281                    </#if> 
282                     
283                     
284                    <#-- <div class="star mr-4px"></div> 
285                    <div class="star mr-4px"></div> 
286                    <div class="star mr-4px"></div> 
287                    <div class="star mr-4px"></div> 
288                    <div class="star"></div> --> 
289                     
290                    <p class="resource-stats ml-12 mr-12 font-16 font-500 fb">${valoracionesDisplayAverage}/5</p> 
291                    <p class="separator-vertical db w-1 h-24 bg-gray-primary"></p> 
292                    <p class="fb ml-12 font-16 font-500 "> 
293                    <a class="link-comentarios tu" href="javascript:void(0);" onclick="navegarAElemento('comentariosViewList');">${valoracionesTotalEntries} ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.comentarios")}</a></p> 
294                     
295                     
296                </div> 
297                 
298                <button class="btn-educaixa btn-podcast-escuchar btn-desktop" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.podcast.btn")}</button>  
299            </div> 
300            <div class="w-100 pr df fdc h-100 mh-325 m-ps m-p-16"> 
301                 
302                <#-- --> 
303                <div class="bookmark bookmark-header"> 
304                    <#if is_signed_in> 
305                        <#if isUserBookmark> 
306                            <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>  
307                        <#else> 
308                            <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button> 
309                        </#if> 
310                    <#else> 
311                        <button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button> 
312                    </#if> 
313                </div> 
314                <#-- --> 
315                <div class="m-pr"> 
316				<img src="${imageSrc}" alt="recurso-img" class="w-100 h-100 pa t0 l0 z-0 of-c zi-1 ofcov m-ps m-h-auto " > 
317                 
318                    </div> 
319                    <button class="btn-educaixa btn-podcast-escuchar btn-mobile w-100 mt-24" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.podcast.btn")}</button>  
320            </div> 
321        </div> 
322         
323        <div class="dg grid-6 cg-24 center-content pt-48 pb-48 pl-64 pr-64 m-p-24-16 m-cg-16"> 
324 
325            <#if nivel_educativo?size != 0 > 
326                <div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
327                    <div class="ico square-38 br-4 bg-primary-200 nivel-edc"></div> 
328                    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.nivel.educativo")}</p> 
329 
330                    <ul class="p0 lsn font-16 font-450"> 
331                        <#list nivel_educativo as item> 
332                            <li class="mb-12">${item}</li> 
333                        </#list> 
334                    </ul> 
335    	        </div> 
336            </#if> 
337 
338             
339            <#if area_conocimiento?size != 0 > 
340            	<div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
341            	    <div class="ico square-38 br-4 bg-primary-200 area-c"></div> 
342            	    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.area.conocimiento")}</p> 
343                    <ul class="p0 lsn font-16 font-450"> 
344                        <#list area_conocimiento as item> 
345                            <li class="mb-12">${item}</li> 
346                        </#list> 
347                    </ul> 
348            	</div> 
349            </#if> 
350             
351            <#if area_conocimiento?size != 0 && competencias?size gt 0> 
352             
353            	<div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
354            	    <div class="ico square-38 br-4 bg-primary-200 ficha-c"></div> 
355                    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</p> 
356                    <ul class="p0 lsn font-16 font-450"> 
357                        <#list competencias as item> 
358                           <li class="mb-12">${item}</li> 
359                        </#list> 
360                    </ul> 
361    	        </div> 
362            </#if> 
363             
364            <#if siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).idioma?has_content> 
365            	<div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
366            	    <div class="ico square-38 br-4 bg-primary-200 idioma-ic"></div> 
367                    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</p> 
368                    <ul class="p0 lsn font-16 font-450"> 
369                        <#assign idioma = siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'') /> 
370                        <li class="mb-12">${idiomaText} </li> 
371                    </ul> 
372    	        </div> 
373            </#if> 
374             
375            <#if siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).duracion?has_content> 
376            	<div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
377            	    <div class="ico square-38 br-4 bg-primary-200 duration-ic"></div> 
378                    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.duracion")}</p> 
379                    <ul class="p0 lsn font-16 font-450"> 
380                         
381                        <li class="mb-12">${siteMeta.get(0).duracion}</li> 
382                    </ul> 
383    	        </div> 
384            </#if> 
385 
386 
387            <#--  <#if siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).ano?has_content> 
388			 
389				<div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
390            	    <div class="ico square-38 br-4 bg-primary-200 year-ic"></div> 
391                    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.ano")}</p> 
392                    <ul class="p0 lsn font-16 font-450"> 
393                        <#assign year = siteMeta.get(0).ano /> 
394                        <li class="mb-12">${year} </li> 
395                    </ul> 
396    	        </div>    		 
397			</#if> 
398             
399            <div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
400        	    <div class="ico square-38 br-4 bg-primary-200 tipo-rec"></div> 
401                <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FILTROS.SECTION.RECURSO")}</p> 
402                <ul class="p0 lsn font-16 font-450"> 
403                     
404                    <li class="mb-12">${resourceType}</li> 
405                </ul> 
406	        </div> --> 
407 
408            <#if metodologia_cat?size != 0 > 
409                <div class="ico-item p24 bg-primary-100 br-16 m-p12"> 
410                    <div class="ico square-38 br-4 bg-primary-200 metodologia-ico mti"></div> 
411                    <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.metodologia")}</p> 
412 
413                    <ul class="p0 lsn font-16 font-450"> 
414                        <#list metodologia_cat as item> 
415                            <li class="mb-12">${item}</li> 
416                        </#list> 
417                    </ul> 
418    	        </div> 
419            </#if> 
420 
421        </div> 
422         
423         
424        <#-- --> 
425         
426		<div id="bookmark-text" class="bookmark-text bg-primary-300 color-white pr df aic m-p-24-16"> 
427				<div class="center-content zi-1 w-100 pr"> 
428				<div class="pa l0 t0 w-100 h-100 zi-2 pa df jcc aic bg-primary-300"> 
429				<svg class="bg-bookmark" xmlns="http://www.w3.org/2000/svg" width="1440" height="209" viewBox="0 0 1440 209" fill="none"> 
430					<path d="M965.733 119.536C1278.73 85.5482 1184.77 10.7364 1173.81 0.000872016L1440 0V209H-1.91681C-10.5728 178.392 652.734 153.525 965.733 119.536Z" fill="#0090CD"/> 
431				</svg> 
432				</div> 
433				<div class="pr zi-3"> 
434				 
435				 <div class="bookmark-text-content df w-100 sb"> 
436					<div class="col-lf c-white"> 
437					 
438					<h2 class="font-32 mb-12"> 
439						${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.no.tienes.tiempo")} 
440					</h2> 
441 
442					<#if is_signed_in> 
443							<p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description")}</p> 
444							<button class="btn-educaixa-inverse" id="bookmark" onClick="gestionarBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark bookmarked">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.guardar")}</button>  
445					<#else> 
446						<p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description.guest")}</p> 
447						<button class="btn-educaixa-inverse" id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.autenticarse")}</button> 
448					</#if> 
449					</div> 
450					<div class="col-rig"> 
451						<img src="/o/educaixa-theme/images/recursos/mas-tarde.svg" /> 
452					</div> 
453					</div> 
454					</div> 
455				</div> 
456		</div> 
457         
458         
459        
460        <#if introduccion?has_content> 
461           <div class="detalle-recurso-content mt-48"> 
462               <div class="center-content-1000"> 
463               <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</h2> 
464                    ${introduccion.getData()} 
465                </div> 
466           </div> 
467        </#if> 
468        <#if competencias_docente?size != 0 > 
469			<div class="detalle-recurso-content mt-48 section-competencias"> 
470               <div class="center-content-1000"> 
471					<h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias.digitales.docente")}</h2> 
472 
473					<ul class="p0 lsn font-16 font-450 dg grid-10 cg-20 m-cg-10 m-grid-4"> 
474						<#list competencias_docente as item> 
475							<li class="mb-10">${item}</li> 
476						</#list> 
477				</ul> 
478				</div> 
479			</div> 
480		</#if> 
481		<#if ods_cat?size != 0 > 
482			<div class="detalle-recurso-content mt-48 section-ods"> 
483               <div class="center-content-1000"> 
484					<h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.ods")}</h2> 
485 
486					<ul class="p0 lsn font-16 font-450 dg grid-7 cg-10 m-grid-4"> 
487 
488						<#list ods_cat as item> 
489						 
490						<li class="mb-10"><img src="/o/educaixa-theme/images/ods/${item}-${language?lower_case}.jpg" /></li> 
491						</#list> 
492				</ul> 
493				</div> 
494			</div> 
495		</#if> 
496         
497         
498        <div class="bookmark-share color-white pr df aic mt-48 mb-48"> 
499            <div class="zi-1 w-100 pr"> 
500                <div class="share-vector"> 
501                 
502                 
503                <svg class="s-v-1" xmlns="http://www.w3.org/2000/svg" width="481" height="165" viewBox="0 0 481 165" fill="none"> 
504                    <path d="M448.719 57.8506C401.392 37.8737 364.213 60.3658 342.934 1.20702e-05L0 4.20504e-05L1.44248e-05 165L441.339 165C496.742 150.412 489.239 74.9543 448.719 57.8506Z" fill="#0090CD"/> 
505                    </svg> 
506 
507 
508                    <svg class="s-v-2" xmlns="http://www.w3.org/2000/svg" width="498" height="165" viewBox="0 0 498 165" fill="none"> 
509                            <path d="M56.6054 58.9672C105.007 32.1344 113.717 8.47541 112.021 0H498V165H0.118794C-1.21975 140.836 8.20361 85.8 56.6054 58.9672Z" fill="#0090CD"/> 
510                            </svg> 
511                </div> 
512                <div class="share"> 
513                             
514                    <div class="share-content-items pr"> 
515                    <img class="fly-ico" src="/o/educaixa-theme/images/recursos/fly.svg"/> 
516                    <img class="bocadillo-ico" src="/o/educaixa-theme/images/recursos/bocadillo.svg"/> 
517                                 
518                	<h2 class="font-32 font-500 mb-12"> 
519                		${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.compartir.articulo")} 
520                	</h2> 
521                	<p class="font-20 font-450">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.compartir.articulo.clic")}</p> 
522                	</div> 
523                	 
524                    <div id="share-a2a" class="a2a_kit a2a_kit_size_322 a2a_default_style2" data-a2a-title="${titleEscaped}"> 
525                            <a class="a2a_button_facebook"> 
526                                <svg id="Layer_1" enable-background="new 0 0 100 100" height="40" viewBox="0 0 100 100"  xmlns="http://www.w3.org/2000/svg"><g><path fill="#fff" id="Icon_11_" d="m40.4 55.2c-.3 0-6.9 0-9.9 0-1.6 0-2.1-.6-2.1-2.1 0-4 0-8.1 0-12.1 0-1.6.6-2.1 2.1-2.1h9.9c0-.3 0-6.1 0-8.8 0-4 .7-7.8 2.7-11.3 2.1-3.6 5.1-6 8.9-7.4 2.5-.9 5-1.3 7.7-1.3h9.8c1.4 0 2 .6 2 2v11.4c0 1.4-.6 2-2 2-2.7 0-5.4 0-8.1.1-2.7 0-4.1 1.3-4.1 4.1-.1 3 0 5.9 0 9h11.6c1.6 0 2.2.6 2.2 2.2v12.1c0 1.6-.5 2.1-2.2 2.1-3.6 0-11.3 0-11.6 0v32.6c0 1.7-.5 2.3-2.3 2.3-4.2 0-8.3 0-12.5 0-1.5 0-2.1-.6-2.1-2.1 0-10.5 0-32.4 0-32.7z"></path></g></svg> 
527                            </a> 
528                            <a class="a2a_button_x"> 
529                                <svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#fff" d="M21.751 7h3.067l-6.7 7.658L26 25.078h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L6 7h6.328l4.37 5.777L21.75 7Zm-1.076 16.242h1.7L11.404 8.74H9.58l11.094 14.503Z"></path></svg> 
530                            </a> 
531                            <a class="a2a_button_whatsapp"> 
532                            <svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFF" fill-rule="evenodd" d="M16.21 4.41C9.973 4.41 4.917 9.465 4.917 15.7c0 2.134.592 4.13 1.62 5.832L4.5 27.59l6.25-2.002a11.241 11.241 0 0 0 5.46 1.404c6.234 0 11.29-5.055 11.29-11.29 0-6.237-5.056-11.292-11.29-11.292zm0 20.69c-1.91 0-3.69-.57-5.173-1.553l-3.61 1.156 1.173-3.49a9.345 9.345 0 0 1-1.79-5.512c0-5.18 4.217-9.4 9.4-9.4 5.183 0 9.397 4.22 9.397 9.4 0 5.188-4.214 9.4-9.398 9.4zm5.293-6.832c-.284-.155-1.673-.906-1.934-1.012-.265-.106-.455-.16-.658.12s-.78.91-.954 1.096c-.176.186-.345.203-.628.048-.282-.154-1.2-.494-2.264-1.517-.83-.795-1.373-1.76-1.53-2.055-.158-.295 0-.445.15-.584.134-.124.3-.326.45-.488.15-.163.203-.28.306-.47.104-.19.06-.36-.005-.506-.066-.147-.59-1.587-.81-2.173-.218-.586-.46-.498-.63-.505-.168-.007-.358-.038-.55-.045-.19-.007-.51.054-.78.332-.277.274-1.05.943-1.1 2.362-.055 1.418.926 2.826 1.064 3.023.137.2 1.874 3.272 4.76 4.537 2.888 1.264 2.9.878 3.43.85.53-.027 1.734-.633 2-1.297.266-.664.287-1.24.22-1.363-.07-.123-.26-.203-.54-.357z" clip-rule="evenodd"></path></svg> 
533                            </a> 
534                            <a class="a2a_button_email"> 
535                            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" fill="#fff" height="35"> 
536                                <g> 
537                                	<g> 
538                                		<path d="M452,68H60C26.916,68,0,94.916,0,128v256c0,33.084,26.916,60,60,60h392c33.084,0,60-26.916,60-60V128 
539                                			C512,94.916,485.084,68,452,68z M472,384c0,11.028-8.972,20-20,20H60c-11.028,0-20-8.972-20-20V128c0-11.028,8.972-20,20-20h392 
540                                			c11.028,0,20,8.972,20,20V384z"></path> 
541                                	</g> 
542                                </g> 
543                                <g> 
544                                	<g> 
545                                		<polygon points="468.604,92.937 256,251.074 43.396,92.937 19.522,125.032 256,300.926 492.478,125.032 		"></polygon> 
546                                	</g> 
547                                </g> 
548 
549 
550 
551                                </svg> 
552                            </a> 
553                    </div> 
554                </div> 
555                 
556                 
557                 
558            </div> 
559             
560        </div><#-- SHARE--> 
561        <div class="share-separator"></div> 
562         
563 
564        <div class="detalle-recurso-content mt-48"> 
565            <div class="center-content-1000"> 
566             
567            <#-- MODULO OBJETIVOS --> 
568			<#assign objetivosTitle> 
569				${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivo")} 
570			</#assign> 
571			<#if objetivosText??> 
572				<#if objetivosText.getSiblings()?size gt 1> 
573				<#assign objetivosTitle> 
574					${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")} 
575				</#assign> 
576				</#if> 
577 
578			</#if> 
579            <#if objetivosdidacticos?has_content && objetivosdidacticos.getData() != ""> 
580 
581                <h2>${objetivosTitle}</h2> 
582 
583                ${objetivosdidacticos.getData()} 
584            <#elseif objetivosText?? && objetivosText.getData()?has_content> 
585 
586                <h2>${objetivosTitle}</h2> 
587                <ul class="number-list lsn m0 p0"> 
588                    <#list objetivosText.getSiblings() as cur_objetivosText> 
589                        <#if cur_objetivosText.getData()?has_content && cur_objetivosText.getData()??> 
590                            <li class="pr ml-0"> 
591                                <div class="pa bg-primary-300 c-white l0 list-number">${cur_objetivosText?index + 1}</div> 
592                                <div class="">${cur_objetivosText.getData()}</div> 
593                            </li> 
594                        </#if> 
595                    </#list> 
596                </ul> 
597            </#if> 
598            <#-- FIN MODULO OBJETIVOS --> 
599             
600            <#-- MODULO COMPETENCIAS --> 
601            <#if competenceGeneralDescription.getSiblings()?has_content> 
602                 
603                <#if competenceGeneralDescription.getData()?has_content> 
604                     
605                    <h2>${competenceGeneralDescription.getData()}</h2> 
606                     
607                    <#if competenceGeneralDescription.competenceTitle.getSiblings()?has_content> 
608                        <ul class="number-list lsn m0 p0"> 
609                    	<#list competenceGeneralDescription.competenceTitle.getSiblings() as cur_competenceGeneralDescription_competenceTitle> 
610                    		<li class="pr ml-0"> 
611                    		<div class="pa bg-primary-300 c-white l0 list-number">${cur_competenceGeneralDescription_competenceTitle?index + 1}</div> 
612                    		<div> 
613                        		${cur_competenceGeneralDescription_competenceTitle.getData()}  
614                        		${cur_competenceGeneralDescription_competenceTitle.competenceDesc.getData()} 
615                        		 
616                        		<#if cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getSiblings()?has_content && cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getData()!=""> 
617 
618                        		       <ul> 
619                                	<#list cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getSiblings() as cur_competenceGeneral2> 
620                                		 
621                                		<li class="fdc"> 
622                                		    <p class="m-0 comp-1">${cur_competenceGeneral2.getData()}</p> 
623                                		    <p class="m-0 comp-2">${cur_competenceGeneral2.compParagraphDesc.getData()}</p> 
624                                		    <p class="m-0 comp-3">${cur_competenceGeneral2.Textoic72.getData()}</p> 
625                                		</li> 
626                                	</#list> 
627                                	</ul> 
628                                	 
629                                	 
630                                </#if> 
631                        		</div> 
632                    		</li> 
633                    	</#list> 
634                    	</ul> 
635                    </#if> 
636             
637                </#if> 
638                 
639            </#if> 
640            <#-- FIN MODULO COMPETENCIAS --> 
641             
642            <#-- OTRA INFO DIDACTICA --> 
643            <#if otrainfodidactica.getData()?has_content> 
644                <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.sobre")} 
645                </h2> 
646                ${otrainfodidactica.getData()} 
647            </#if> 
648            <#-- OTRA INFO DIDACTICA --> 
649             
650            <#-- CASOS DE USO --> 
651            <#if casosuso.getData()?has_content> 
652 
653                <h2>${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2> 
654                     
655                ${casosuso.getData()} 
656                    
657            </#if> 
658            <#-- FIN CASOS DE USO --> 
659			 
660 
661            </div> 
662        </div> 
663         
664		<#-- PROGRAMAS RELACIONADOS --> 
665		<#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.link.service.AssetLinkLocalService") /> 
666		<#assign relatedAssets = assetLinkLocalService.getLinks(asset.getEntryId())/> 
667		<#if relatedAssets?has_content> 
668			<div id="related-programs"> 
669			 <#list relatedAssets as entry> 
670				<#if entry.getEntryId1() == asset.getEntryId()> 
671					<#assign entry2 = assetEntryLocalService.getEntry(entry.getEntryId2()) /> 
672					<#if entry2?has_content && entry2.getClassPK()?has_content> 
673					 
674					    <#attempt> 
675                          	<#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) /> 
676                        <#recover> 
677                          	<#assign relatedContent = ""/> 
678                        </#attempt> 
679						<#-- <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) /> --> 
680						 
681						<#if relatedContent?has_content && relatedContent.getDDMStructureKey() == "PROGRAMAS"> 
682							<#list relatedContent.getDDMStructure().getTemplates() as template> 
683								<#if template.getName(locale)?? && template.getName(locale)?has_content && template.getName(locale.toString())?ends_with('RELATED_CONTENT')> 
684									<#assign articleContent = journalArticleLocalService.getArticleContent(relatedContent, template.getTemplateKey(), "VIEW", themeDisplay.getLocale(),NULL, themeDisplay) /> 
685									${articleContent} 
686								</#if> 
687							</#list> 
688						</#if> 
689					</#if> 
690				</#if> 
691			 </#list> 
692			 </div> 
693		</#if> 
694		<#-- FIN PROGRAMAS RELACIONADOS --> 
695		 
696		<#if repetibleDinamico?? && repetibleDinamico.getSiblings()?has_content> 
697        	<#list repetibleDinamico.getSiblings() as cur_repetibleDinamico> 
698            	<div class="detalle-recurso-content"> 
699            	    <div class="center-content-1000"> 
700            		    ${cur_repetibleDinamico.getData()} 
701            		</div> 
702            	</div> 
703        	</#list> 
704        </#if> 
705         
706        <#-- VALORACIONES --> 
707        <@liferay_portlet["runtime"] 
708            instanceId="valoraciones2" 
709            portletName="com_educaixa_valoraciones_EducaixaValoracionesPortlet" 
710        /> 
711        <#-- VALORACIONES --> 
712         
713        <#-- --> 
714        <div class="materiales-y-descargas mt-48 mb-48"> 
715            <div class="center-content-1000"> 
716                <#-- MATERIALES Y DESCARGAS -->		 
717                <#if materialrelacionado.getData()?has_content || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content > 
718    				<#assign downloadCont = 0 /> 
719					<div id="materialesDescargas">	 
720                    <h2 class="mb-24"> 
721                        ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")} 
722                    </h2> 
723    				<div class="mb-24 font-20 font-450 grey-medium"> 
724    				<#if materialesTexto.getData()?has_content> 
725                             
726                                ${materialesTexto.getData()} 
727                             
728                    </#if> 
729                    </div> 
730                     
731                    <#assign linksControl = "" /> 
732                    <#assign linksControlCont = 0 /> 
733                    <#assign downloadCont = 0 /> 
734    				 
735    				<#if linkTxt.getSiblings()?has_content> 
736    		                 
737    						 
738					    <#assign linksControl> 
739					         
740							<#list linkTxt.getSiblings() as linkTxt> 
741								<li class="df br-16"> 
742								    <p class="ico-resource"> 
743									        <img src="/o/educaixa-theme/images/recursos/enlace.svg" /> 
744									    </p> 
745									    <div class="ml-16 mr-12"> 
746									<#if linkTxt.internalLink.getData()?has_content && is_signed_in> 
747										<a  class="link internalLink font-16 font-700" href="${linkTxt.internalLink.getFriendlyUrl()}"> 
748									<#elseif linkTxt.externalLink.getData()?has_content && is_signed_in> 
749										<a class="link externalLink font-16 font-700" href="${linkTxt.externalLink.getData()}" target="_blank"> 
750									<#else> 
751										<a class="link font-16 font-700" onClick="openPopup('${loginURL}','','500', '650')"> 
752									</#if> 
753									        <p class="ico-download"></p> 
754											<span>${linkTxt.getData()}</span> 
755											<#if linkTxt.getData()?has_content> 
756											    <#assign linksControlCont = 1 /> 
757											</#if> 
758										</a> 
759										</div> 
760								</li> 
761							</#list> 
762							 
763						</#assign> 
764						 
765						<#if linksControlCont gt 0> 
766						    <ul id="links" class="resources-grid dg grid-3 cg-12 lsn p0 t-grid-2 m-grid-1"> 
767						        ${linksControl} 
768						    </ul> 
769                            <#assign downloadCont = 1 /> 
770						</#if> 
771    							 
772    							 
773    						 
774    						 
775    				</#if> 
776    				 
777    				 
778    				<#if materialrelacionado.getSiblings()?has_content || descargable.getData()?has_content> 
779    					<ul id="downloads" class="resources-grid dg grid-3 cg-12 lsn p0 t-grid-2 m-grid-1"> 
780    						<#if materialrelacionado.getSiblings()?has_content> 
781    							<#list materialrelacionado.getSiblings() as material> 
782    								<#if material.getData()?? && material.getData() != ""> 
783    									<#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) /> 
784    									<#assign mimeType = file.getMimeType()?keep_after_last("/") /> 
785    									<#if material.guiasMaterialRelacionado?? && material.guiasMaterialRelacionado.getData()?has_content> 
786											 <#assign guiaTypeMD = material.guiasMaterialRelacionado.getData() /> 
787											 <#else> 
788											 <#assign guiaTypeMD = "default" /> 
789										 </#if> 
790										<#assign downloadCont = 1 /> 
791    									<li class="${mimeType} df aic br-16 "> 
792    									     
793                                                 <#if guiaTypeMD ?? && guiaTypeMD=="default"> 
794                                                 <p class="ico-resource ico-res-def"> 
795    									            <img src="/o/educaixa-theme/images/recursos/formato.svg" /> 
796    									            </p> 
797                                                <#else> 
798                                                <p class="ico-resource ico-res-nodef"> 
799<img class="ico-default" src="/o/educaixa-theme/images/recursos/${guiaTypeMD}.svg" /> 
800                                                    <img class="ico-hover" style="position:absolute;opacity:0;" src="/o/educaixa-theme/images/recursos/${guiaTypeMD}.svg" /> 
801                                                     </p> 
802                                                </#if> 
803 
804    									    <div class="ml-16 mr-12"> 
805    										    <p class="font-14 font-700">${material.titulomaterial.getData()}</p> 
806    										    <p class="font-14"> (${mimeType?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb) 
807    										    </p> 
808    										 
809    										</div> 
810    										<#if is_signed_in> 
811    											<#if material.getData()?contains("?t")> 
812    												<#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/> 
813    											<#else> 
814    												<#assign materialUrl = material.getData()[0..material.getData()?length]/> 
815    											</#if> 
816    											<a class="${mimeType} tu c-black" href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')"> 
817    										<#else> 
818    											<a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')"> 
819    										</#if> 
820    												${languageUtil.get(locale, "download")} 
821    											</a> 
822    									</li> 
823    								</#if> 
824    							</#list> 
825    						</#if> 
826    						<#if descargable.getData()?has_content> 
827    							<#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(descargable.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) /> 
828    							<#assign mimeType = file.getMimeType()?keep_after_last("/") /> 
829    							<#assign fileName = file.getFileName() /> 
830								 <#if descargable.tituloRecursoDescargable?? && descargable.tituloRecursoDescargable.getData()?has_content> 
831									 <#assign fileName = descargable.tituloRecursoDescargable.getData() /> 
832								 </#if> 
833    							<#if descargable.guiasRecursoDescargable?? && descargable.guiasRecursoDescargable.getData()?has_content> 
834									 <#assign guiaTypeRD = descargable.guiasRecursoDescargable.getData() /> 
835									 <#else> 
836									 <#assign guiaTypeRD = "default" /> 
837									  
838								 </#if> 
839                                 <#assign downloadCont = 1 /> 
840    							<li class="${mimeType} df aic br-16"> 
841    							     
842                                        <#if guiaTypeRD=="default"> 
843                                        <p class="ico-resource ico-res-def"> 
844								            <img src="/o/educaixa-theme/images/recursos/formato.svg" /> 
845								            </p> 
846                                        <#else> 
847                                        <p class="ico-resource ico-res-nodef"> 
848                                           <img class="ico-default" src="/o/educaixa-theme/images/recursos/${guiaTypeRD}.svg" /> 
849                                            <img class="ico-hover" style="position:absolute;opacity:0;" src="/o/educaixa-theme/images/recursos/${guiaTypeRD}.svg" /> 
850                                            </p> 
851                                        </#if> 
852								    <div class="ml-16 mr-12"> 
853    								    <p class="font-14 font-700">${fileName}</p> 
854    								    <p class="font-14">(${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</p> 
855    								</div> 
856    								<#if is_signed_in> 
857    									<#if descargable.getData()?contains("?t")> 
858    										<#assign materialUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/> 
859    									<#else> 
860    										<#assign materialUrl = descargable.getData()[0..descargable.getData()?length]/> 
861    									</#if> 
862    									<a class="${mimeType} tu c-black" href="${descargable.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')"> 
863    								<#else> 
864    									<a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')"> 
865    								</#if> 
866    										${languageUtil.get(locale, "download")} 
867    									</a> 
868    							</li> 
869    						</#if> 
870    					</ul> 
871    					<#if downloadCont gt 0> 
872                            <div class="w-100 pt-12 df fe ac "> 
873                            <#if is_signed_in> 
874                                <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onclick="downloadAll();"> 
875                                    <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/> 
876                                <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a> 
877                            <#else> 
878                                <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onClick="openPopup('${loginURL}','','500', '650');"> 
879                                <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/> 
880                                <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a> 
881                            </#if> 
882                            </div> 
883    					</#if> 
884    				</#if> 
885    				</div> 
886                </#if> 
887    			<#-- FIN MATERIALES Y DESCARGAS -->	 
888    		</div> 
889    	</div> 
890         
891</section> 
892 
893 
894 
895 
896<script> 
897$( document ).ready(function() { 
898    initAddThis(); 
899	<#if downloadCont==0> 
900	     $("#materialesDescargas").hide(); 
901	</#if>	  
902 
903    $("a.header-back-to").attr('onClick',''); 
904    $("a.header-back-to").attr("href","/es/landing-recursos"); 
905    <#if language=='ca_ES'> 
906		$("a.header-back-to").attr("href","/ca/landing-recursos"); 
907	</#if>	   
908     
909    var recursoTitle = document.getElementsByTagName('title')[0].innerHTML; 
910    window.dataLayer = window.dataLayer || []; 
911     dataLayer.push({ 
912         'event': 'CG',  
913         'eventCategory': 'recurso | podcast', 
914         'eventAction': recursoTitle 
915     }) 
916     
917     
918}); 
919 
920 
921 
922</script> 
923 
924<style> 
925.objetivo{ 
926    color: #7B2FA1; 
927
928 
929.crop{ 
930    width: 900px;  
931    height: 548px; 
932     
933
934 
935.contenido-dcha-item > span { 
936    width: 100%; 
937    height: 1px; 
938    display: inline-block; 
939
940.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 { 
941  max-width: 1140px; 
942  margin: 0 auto; 
943  margin-bottom: 0px; 
944  margin-top:20px; 
945
946 
947p.component-title.h4 span.header-back-to > a.taglib-icon::after { 
948  content: "${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.atras")}"; 
949  color:#009AD8; 
950
951 
952 
953.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 .lexicon-icon.lexicon-icon-angle-left { 
954    fill: #009AD8; 
955    width: 15px; 
956    height: 15px; 
957    margin-right: 10px; 
958
959.container.vertical.image-view.ficha-evidencias .box-img.col-lg.square { 
960    box-shadow: 1px 1px 8px #d0d0d0; 
961
962 
963 
964<#-- --> 
965 
966 
967div#related-programs { 
968    max-width: 1000px; 
969    margin: 0 auto; 
970
971div#related-programs .program-related { 
972    box-shadow: 0px 0px 4px 1px #dcdcdc; 
973    padding: 24px; 
974    background-color: #FBFBFB; 
975    margin-bottom:32px; 
976
977a.img-programa { 
978    position: relative; 
979    width: 100%; 
980    height: 100%; 
981    top: 0px; 
982    left: 0px; 
983    display: inline-flex; 
984
985a.img-programa img { 
986    position: absolute; 
987    width: 100%; 
988    height: 100%; 
989    object-fit: cover; 
990
991.color-222 { 
992    color:#222; 
993
994.f-normal { 
995    font-weight:normal; 
996
997a.btn-educaixa2 { 
998    margin-bottom: 0px; 
999    background-color: #fff; 
1000    color: #009EE0; 
1001    position: static; 
1002    float: inherit; 
1003    display: inline-block; 
1004    padding: 12px 24px; 
1005    font-size: 18px; 
1006    font-style: normal; 
1007    font-weight: 500; 
1008    line-height: normal; 
1009    font-family: "Circular Std Book"; 
1010    border: 1px solid #009EE0; 
1011    border-radius: 16px !important; 
1012    transition: all 0.25s linear; 
1013
1014a.btn-educaixa2:hover { 
1015    background-color: #009EE0; 
1016    color: #fff; 
1017
1018.program-related > .cards { 
1019    min-height: 234px; 
1020
1021.program-related:nth-child(even) .cards{ 
1022	grid-auto-flow: dense; 
1023
1024 
1025.program-related:nth-child(even) .item-image-pograma-col1 { 
1026	grid-column: 2; 
1027
1028 
1029.program-related:nth-child(even) .item-image-pograma-col2 { 
1030	grid-column: 1; 
1031
1032 
1033.mti { 
1034     
1035    background-image: url(/o/educaixa-theme/images/recursos/process2.svg); 
1036    background-size:25px 25px; 
1037
1038 
1039.section-competencias li { 
1040    background-color: #f1f1f1; 
1041    width: 70px; 
1042    height: 70px; 
1043    display: flex; 
1044    justify-content: center; 
1045    align-items: center; 
1046
1047 
1048.grid-7 { 
1049    grid-template-columns: repeat(7, 1fr); 
1050 
1051
1052 
1053.grid-10 { 
1054    grid-template-columns: repeat(10, 1fr); 
1055 
1056
1057 
1058.cg-5 { 
1059    column-gap:5px; 
1060
1061.cg-20 { 
1062    column-gap:20px; 
1063
1064.cg-10 { 
1065    column-gap:10px; 
1066
1067.mb-10{ 
1068    margin-bottom:10px; 
1069
1070.mod.mod-filtros-landings.elements-block.container.filtro-actividades.filtros-Recursos .bookmark button#bookmark { 
1071background-size:100% 100%; 
1072
1073 
1074.mh-325 > .mh-325 { 
1075    min-height: 400px; 
1076
1077 
1078#wrapper .resources-grid li:hover p.ico-resource .ico-hover, #wrapper .resources-grid li:focus p.ico-resource .ico-hover { 
1079    opacity: 1 !important; 
1080    position: static !important; 
1081    max-width: 25px !important; 
1082    margin-left: 0px; 
1083    margin-top: 0px; 
1084    filter: brightness(0) invert(1); 
1085
1086 
1087@media (max-width: 767px) { 
1088   .mh-325 > .mh-325 { 
1089    min-height: inherit; 
1090    }  
1091     
1092    .m-grid-4 { 
1093        grid-template-columns: repeat(4, 1fr); 
1094
1095    .m-cg-10 { 
1096        column-gap:10px; 
1097
1098    .section-competencias li { 
1099        width:100%; 
1100
1101     
1102    .detalle-recurso-content > .center-content-1000 > h2 { 
1103        line-height: 32px; 
1104
1105
1106 
1107</style> 
1108 
1109<script> 
1110 
1111function downloadAll() { 
1112  // Obtener el elemento <ul> con el id "downloads" 
1113  var listaDescargas = document.getElementById("downloads"); 
1114 
1115  // Obtener todos los elementos <a> dentro de la lista 
1116  var elementosA = listaDescargas.getElementsByTagName("a"); 
1117 
1118  // Recorrer los elementos y descargar los archivos 
1119  for (var i = 0; i < elementosA.length; i++) { 
1120    var enlace = elementosA[i].getAttribute("href"); 
1121    var nombreArchivo = obtenerNombreDeArchivo(enlace); 
1122    descargarArchivo(enlace, nombreArchivo); 
1123
1124
1125 
1126function obtenerNombreDeArchivo(url) { 
1127  // Obtener el nombre del archivo desde la URL 
1128  var partesUrl = url.split("/"); 
1129  return partesUrl.pop(); 
1130
1131 
1132function descargarArchivo(url, nombre) { 
1133  // Crear un elemento <a> temporal para descargar el archivo 
1134  var enlaceTemporal = document.createElement("a"); 
1135  enlaceTemporal.href = url; 
1136  enlaceTemporal.target = "_blank";												    
1137  enlaceTemporal.download = nombre; 
1138 
1139  // Simular un clic en el enlace para iniciar la descarga 
1140  enlaceTemporal.style.display = "none"; 
1141  document.body.appendChild(enlaceTemporal); 
1142  enlaceTemporal.click(); 
1143  document.body.removeChild(enlaceTemporal); 
1144
1145 
1146function navegarAElemento(idElemento) { 
1147	var elemento = document.getElementById(idElemento); 
1148 
1149	if (elemento) { 
1150		elemento.scrollIntoView({ behavior: 'smooth' }); 
1151
1152
1153 
1154function gestionarBookmark (articleId, update){ 
1155	updateUserBookmark(articleId,update); 
1156	if(update){ 
1157		$("#bookmark-text").hide(); 
1158	}else{ 
1159		$("#bookmark-text").show(); 
1160
1161
1162 
1163<#if is_signed_in && isUserBookmark> 
1164	$("#bookmark-text").hide(); 
1165</#if> 
1166 
1167 
1168 
1169 
1170$(".btn-podcast-escuchar").click(function(){ 
1171    $("body").addClass("recurso-video"); 
1172}); 
1173 
1174$(".close-edc-popup").click(function(){   
1175    $("body").removeClass("recurso-video"); 
1176    var playerInstance; 
1177    playerInstance = bc('brightcovePlayer'); 
1178    playerInstance.pause(); 
1179	  
1180     
1181}) 
1182 
1183</script>