Competencias transversales del voluntariado en cuidados paliativos (PDF)
Documento marco.
Accede a los recursos, guías y material divulgativo del programa de atención integral a personas con enfermedades avanzadas.
Directorio de documentos
Librito de pésame “En Memoria” dirigido a familiares y compañeros de personas que han vivido la etapa final de su vida en residencias (PDF)
Manual para la atención psicológica y espiritual a personas con enfermedades avanzadas (PDF)
Manual para la intervención psicológica y espiritual.
Manual para la atención social a personas con enfermedades avanzadas (PDF)
Manual para la intervención social.
Atención religiosa al final de la vida (PDF)
Conocimientos útiles sobre creencias y convicciones.
Recomendaciones para la atención psicosocial y espiritual telemática (PDF)
En situación de enfermedad avanzada y final de vida.
Guía de acompañamiento en el duelo (PDF)
Una guía que tiene como objetivo acompañarte y ayudarte a vivir esta etapa de la forma más llevadera posible.
Cuidar tu cuerpo y tu mente siempre es importante (PDF)
Cuando se cuida a los demás en situación de sufrimiento, es fundamental escucharse, entenderse y asumir el compromiso de cuidarse a uno/a mismo/a.
Covid-19: Consejos para el bienestar de personas cuidadoras (PDF)
Algunos consejos que pueden resultarte útiles en la situación actual.
Cuídate para poder seguir cuidando (PDF)
Retos a los que te enfrentas como profesional del ámbito sanitario durante la pandemia de la COVID-19
Vidas con alma (PDF)
18 testimonios e historias de vida.
Velad conmigo (PDF)
Inspiración para una vida en cuidados paliativos.
Infografías
Recomendaciones para la atención psicosocial y espiritual telemática (PDF)
En situación de enfermedad avanzada y final de vida.
¿Qué es?
Competencias profesionales
Recomendaciones para la actuación
Recomendaciones clínicas
5 consejos para el bienestar de personas cuidadoras 1/2
Protégete
Infórmate
Cuídate
Conéctate
Comunícate
5 consejos para el bienestar de personas cuidadoras 2/2
Comparte
Pide ayuda
Planificate
Controla los síntomas
Sé realista
Consejos para tu bienestar como voluntaria/o
Párate a analizar lo que sientes y compártelo
Céntrate en el día a día
No trivialices tu riesgo
Cuídate para poder ayudar a los demás
Revista “En primera persona”
Nº 1 - Revista “En primera persona”
Nº 1 - Revista “En primera persona”
Nº 2 - Revista “En primera persona”
Nº 2 - Revista “En primera persona”
Nº 3- Revista “En primera persona”
Nº 3- Revista “En primera persona”
Nº 4 - Revista “En primera persona”
Nº 4 - Revista “En primera persona”
Nº 5 - Revista “En primera persona”
Nº 5 - Revista “En primera persona”
Nº 6 - Revista “En primera persona”
Nº 6 - Revista “En primera persona”
Nº 7 - Revista “En primera persona”
Nº 7 - Revista “En primera persona”
Nº 8 - Revista “En primera persona”
Nº 8 - Revista “En primera persona”
Nº 9 - Revista “En primera persona”
Nº 9 - Revista “En primera persona”
Nº 10 - Revista “En primera persona”
Nº 10 - Revista “En primera persona”
Nº 11 - Revista “En primera persona”
Nº 11 - Revista “En primera persona”
Nº 12 - Revista “En primera persona”
Nº 12 - Revista “En primera persona”
Nº 13 - Revista “En primera persona”
Nº 13 - Revista “En primera persona”
Nº 14 - Revista “En primera persona”
Nº 14 - Revista “En primera persona”
Conferencias
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> serviceLocator [in template "234004#234045#878082" at line 1, column 31]
----
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: #assign layoutLocalService = serviceL... [in template "234004#234045#878082" at line 1, column 1]
----
1<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
2
3<#assign dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]/>
4<#assign dlutil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"]/>
5
6<#assign dlFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")>
7<#if entries?has_content>
8 <div class="full-block componenteOS">
9 <div class="inner-block">
10 <div class="destacados-documentos container">
11 <ul class="documento-lista row">
12 <#list entries as entry>
13
14 <#assign renderer2 = entry.getAssetRenderer()>
15 <#assign className = renderer2.getClassName()>
16 <#assign journalArticle = renderer2.getArticle()>
17 <#assign document = saxReaderUtil.read(journalArticle.getContentByLocale(locale.toString()))>
18 <#assign test = document.valueOf("//dynamic-element[@name='Documento']/dynamic-content")>
19 <#if document.valueOf("//dynamic-element[@name='VideoURL']/dynamic-content")?has_content>
20 <#assign videoURL = document.valueOf("//dynamic-element[@name='VideoURL']/dynamic-content")>
21 <#if document.valueOf("//dynamic-element[@name='VideoURLImagen']/dynamic-content")?has_content>
22 <#assign videoImageJson = document.valueOf("//dynamic-element[@name='VideoURLImagen']/dynamic-content")>
23 <#assign videoImageJson = videoImageJson?eval>
24 <#assign fileEntry = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(videoImageJson.uuid, getterUtil.getLongStrict(videoImageJson.groupId?string)) />
25 <#assign videoImageURL = dlutil.getPreviewURL(fileEntry,fileEntry.getFileVersion(), themeDisplay,"") />
26 </#if>
27
28 <#assign videoImgAlt = "">
29
30 <#if document.valueOf("//dynamic-element[@name='VideoURLImagenAlt']/dynamic-content")?has_content>
31 <#assign videoImgAlt = document.valueOf("//dynamic-element[@name='VideoURLImagenAlt']/dynamic-content")>
32 </#if>
33
34
35 <#if document.valueOf("//dynamic-element[@name='VideoURLDescripcion']/dynamic-content")?has_content>
36
37 <li class="lista-doc col-12 col-lg-4">
38 <div class="card_elemento">
39 <div class="imagenes row">
40
41
42 <#if document.valueOf("//dynamic-element[@name='VideoURLImagen']/dynamic-content")?has_content>
43 <img class="col-12" alt="${videoImgAlt}" src="${videoImageURL}" style="aspect-ratio: 16 / 9; object-fit: cover">
44
45 <#else>
46 <img class="col-12" alt="${videoImgAlt}" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=" style="aspect-ratio: 16 / 9; object-fit: cover">
47
48 </#if>
49
50
51 <div class="recuadro_margen col-6">
52 <div class="recuadro">
53 <#if document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")?has_content>
54 <#assign title = document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")/>
55
56 <div style="font-weight: bold;">${title}</div>
57
58
59 </#if>
60
61 <div>${document.valueOf("//dynamic-element[@name='VideoURLDescripcion']/dynamic-content")}</div>
62 </div>
63 </div>
64
65 <div class="boton_margen col-6">
66 <div class="boton_play_contenedor">
67 <button onclick="videoURLFiltro('${videoURL}')" class="boton_play" title="${document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")}" aria-label="${document.valueOf("//dynamic-element[@field-reference='DocumentoEnlaceAriaLabel']/dynamic-content")}">
68 <span class="sr-only">Ver vídeo </span>
69 </button>
70 </div>
71 </div>
72
73 </div>
74 </div>
75 </li>
76
77 <#else>
78
79 <li class="lista-doc col-12 col-lg-4">
80 <div class="card_elemento">
81 <div class="imagenes row">
82 <#if document.valueOf("//dynamic-element[@name='VideoURLImagen']/dynamic-content")?has_content>
83 <img class="col-12" alt="${videoImgAlt}" src="${videoImageURL}" style="aspect-ratio: 16 / 9; object-fit: cover">
84
85 <#else>
86
87 <img class="col-12" alt="${videoImgAlt}" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=" style="aspect-ratio: 16 / 9; object-fit: cover">
88
89
90 </#if>
91
92 </div>
93 <div class="boton_play_contenedor">
94 <button onclick="videoURLFiltro('${videoURL}')" class="boton_play" title="${document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")}" aria-label="${document.valueOf("//dynamic-element[@field-reference='DocumentoEnlaceAriaLabel']/dynamic-content")}">
95 <span class="sr-only">Ver vídeo </span>
96 </button>
97 </div>
98 </div>
99 </li>
100
101 </#if>
102
103
104
105
106 <#elseif document.valueOf("//dynamic-element[@name='Imagen']/dynamic-content")?has_content && document.valueOf("//dynamic-element[@name='Imagen']/dynamic-content") != "{}">
107 <#assign imageJson = document.valueOf("//dynamic-element[@name='Imagen']/dynamic-content")>
108 <#assign imageJson = imageJson?eval>
109 <#if imageJson.groupId??>
110 <#assign fileEntry = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(imageJson.uuid, getterUtil.getLongStrict(imageJson.groupId?string)) />
111 <#assign imageURL = dlutil.getPreviewURL(fileEntry,fileEntry.getFileVersion(), themeDisplay,"") />
112
113 <#assign imgAlt = "">
114
115 <#if document.valueOf("//dynamic-element[@name='ImagenAlt']/dynamic-content")?has_content>
116 <#assign imgAlt = document.valueOf("//dynamic-element[@name='ImagenAlt']/dynamic-content")>
117 </#if>
118
119 <li class="lista-doc col-12 col-lg-4">
120 <div class="card_elemento">
121 <div class="imagenes row">
122 <img class="col-12" alt="${imgAlt}" onclick="imagenFiltro('${imageURL}')" src="${imageURL}" style="aspect-ratio: 16 / 9; object-fit: cover">
123
124 <#if document.valueOf("//dynamic-element[@name='ImagenDescripcion']/dynamic-content")?has_content>
125 <div class="recuadro_margen col-6">
126 <div class="recuadro">
127 <#if document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")?has_content>
128 <#assign title = document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")/>
129
130 <div style="font-weight: bold;">${title}</div>
131
132 </#if>
133
134
135 <div>${document.valueOf("//dynamic-element[@name='ImagenDescripcion']/dynamic-content")}</div>
136 </div>
137 </div>
138 </#if>
139 </div>
140 </div>
141 </li>
142 </#if>
143
144 <#elseif document.valueOf("//dynamic-element[@name='Video']/dynamic-content")?has_content && document.valueOf("//dynamic-element[@name='Imagen']/dynamic-content") != "{}">
145 <#assign videoJson = document.valueOf("//dynamic-element[@name='Video']/dynamic-content")>
146 <#assign videoJson = videoJson?eval>
147 <#assign fileEntry = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(videoJson.uuid, getterUtil.getLongStrict(videoJson.groupId?string)) />
148 <#assign videoURL = dlutil.getPreviewURL(fileEntry,fileEntry.getFileVersion(), themeDisplay,"") />
149
150 <#if document.valueOf("//dynamic-element[@name='VideoImagen']/dynamic-content")?has_content>
151 <#assign videoImageJson = document.valueOf("//dynamic-element[@name='VideoImagen']/dynamic-content")>
152 <#assign videoImageJson = videoImageJson?eval>
153 <#assign fileEntry = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(videoImageJson.uuid, getterUtil.getLongStrict(videoImageJson.groupId?string)) />
154 <#assign videoImageURL = dlutil.getPreviewURL(fileEntry,fileEntry.getFileVersion(), themeDisplay,"") />
155 </#if>
156
157 <#assign videoImgAlt = "">
158
159 <#if document.valueOf("//dynamic-element[@name='VideoImagenAlt']/dynamic-content")?has_content>
160 <#assign videoImgAlt = document.valueOf("//dynamic-element[@name='VideoImagenAlt']/dynamic-content")>
161 </#if>
162
163
164 <#if document.valueOf("//dynamic-element[@name='VideoDescripcion']/dynamic-content")?has_content>
165
166 <li class="lista-doc col-12 col-lg-4">
167 <div class="card_elemento">
168 <#assign title = entry.getTitle(locale)/>
169 <div class="imagenes row">
170
171
172 <#if document.valueOf("//dynamic-element[@name='VideoImagen']/dynamic-content")?has_content>
173 <img class="col-12" alt="${videoImgAlt}" src="${videoImageURL}" style="aspect-ratio: 16 / 9; object-fit: cover">
174
175 <#else>
176 <video class="col-12" alt="${videoImgAlt}" src="${videoURL}" style="aspect-ratio: 16 / 9; object-fit: cover" mute>Error</video>
177
178 </#if>
179
180
181 <div class="recuadro_margen col-6">
182 <div class="recuadro">
183 <#if document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")?has_content>
184 <#assign title = document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")/>
185
186 <div style="font-weight: bold;">${title}</div>
187 </#if>
188
189
190 <div>${document.valueOf("//dynamic-element[@name='VideoDescripcion']/dynamic-content")}</div>
191 </div>
192 </div>
193
194 <div class="boton_margen col-6">
195 <div class="boton_play_contenedor">
196 <button onclick="videoFiltro('${videoURL}')" class="boton_play" title="${document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")}" aria-label="${document.valueOf("//dynamic-element[@field-reference='DocumentoEnlaceAriaLabel']/dynamic-content")}">
197 <span class="sr-only">Ver vídeo </span>
198 </button>
199 </div>
200 </div>
201
202 </div>
203 </div>
204 </li>
205
206 <#else>
207
208 <li class="lista-doc col-12 col-lg-4">
209 <div class="card_elemento">
210 <div class="imagenes row">
211 <#if document.valueOf("//dynamic-element[@name='VideoImagen']/dynamic-content")?has_content>
212 <img class="col-12" alt="${videoImgAlt}" src="${videoImageURL}" style="aspect-ratio: 16 / 9; object-fit: cover">
213
214 <#else>
215
216
217 <video class="col-12" alt="${videoImgAlt}" src="${videoURL}" style="aspect-ratio: 16 / 9; object-fit: cover" mute>Error</video>
218
219 </#if>
220
221 </div>
222 <div class="boton_play_contenedor">
223 <button onclick="videoFiltro('${videoURL}')" class="boton_play" title="${document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")}" aria-label="${document.valueOf("//dynamic-element[@field-reference='DocumentoEnlaceAriaLabel']/dynamic-content")}">
224 <span class="sr-only">Ver vídeo </span>
225 </button>
226 </div>
227 </div>
228 </li>
229
230 </#if>
231
232
233
234
235 <#elseif document.valueOf("//dynamic-element[@name='Documento']/dynamic-content")?has_content>
236 <#assign imageJson = document.valueOf("//dynamic-element[@name='Documento']/dynamic-content")>
237 <#assign imageJson = imageJson?eval>
238 <#assign fileEntry = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(imageJson.uuid, getterUtil.getLongStrict(imageJson.groupId?string)) />
239 <#assign documentURL = dlutil.getPreviewURL(fileEntry,fileEntry.getFileVersion(), themeDisplay,"") />
240 <#if document.valueOf("//dynamic-element[@name='DocumentoImagen']/dynamic-content")?has_content && document.valueOf("//dynamic-element[@name='DocumentoImagen']/dynamic-content") != "{}">
241
242 <#assign documentoImageJson = document.valueOf("//dynamic-element[@name='DocumentoImagen']/dynamic-content")>
243 <#assign documentoImageJson = documentoImageJson?eval>
244 <#assign fileEntry = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(documentoImageJson.uuid, getterUtil.getLongStrict(documentoImageJson.groupId?string)) />
245 <#assign documentoImageURL = dlutil.getPreviewURL(fileEntry,fileEntry.getFileVersion(), themeDisplay,"") />
246
247 <#assign docImgAlt = "">
248
249 <#if document.valueOf("//dynamic-element[@name='DocumentoImagen']/dynamic-element[@name='DocumentoImagenAlt']/dynamic-content")?has_content>
250 <#assign docImgAlt = document.valueOf("//dynamic-element[@name='DocumentoImagen']/dynamic-element[@name='DocumentoImagenAlt']/dynamic-content")>
251 </#if>
252
253 <li class="lista-doc col-12 col-lg-4">
254 <div class="card_elemento">
255 <#assign title = entry.getTitle(locale)/>
256 <div class="imagenes row">
257 <img class="col-12" alt="${docImgAlt}" src="${documentoImageURL}" style="aspect-ratio: 16 / 9; object-fit: cover">
258
259 <div class="recuadro_margen col-6">
260
261 <div class="recuadro_doc">
262 <#if document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")?has_content>
263 <#assign title = document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")/>
264
265 <div>${title}</div>
266
267 </#if>
268
269 <#if document.valueOf("//dynamic-element[@name='DocumentoDescripcion']/dynamic-content")?has_content>
270
271 <div>${document.valueOf("//dynamic-element[@name='DocumentoDescripcion']/dynamic-content")}</div>
272
273 </#if>
274
275 <#if document.valueOf("//dynamic-element[@name='DocumentoEnlace']/dynamic-content")?has_content>
276
277 <#assign textoEnlace = document.valueOf("//dynamic-element[@name='DocumentoEnlace']/dynamic-content")>
278
279 <#if document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")?has_content>
280
281 <#assign documentURLTitle = document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")>
282
283 <a class="enlace_doc" title="${documentURLTitle}" target="_blank" href="${documentURL}">${textoEnlace}</a>
284
285 <#else>
286
287 <a class="enlace_doc" target="_blank" href="${documentURL}">${textoEnlace}</a>
288
289 </#if>
290
291 <#else>
292
293 <#if document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")?has_content>
294
295 <#assign documentURLTitle = document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")>
296 <a class="enlace_doc" href="${documentURL}" title="${documentURLTitle}" target="_blank" style="text-decoration:none; font-weight: 300; font-size: 40px; width: fit-content;">⇩</a>
297
298 <#else>
299
300 <a class="enlace_doc" href="${documentURL}" target="_blank" style="text-decoration:none; font-weight: 300; font-size: 40px; width: fit-content;">⇩</a>
301
302 </#if>
303
304 </#if>
305
306
307 </div>
308
309 </div>
310
311 </div>
312 </div>
313 </li>
314 <#else>
315
316 <li class="lista-doc col-12 col-lg-4">
317 <div class="card_documento">
318
319 <#assign title = entry.getTitle(locale)/>
320
321 <#if document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")?has_content>
322 <#assign title = document.valueOf("//dynamic-element[@name='Titulo']/dynamic-content")/>
323
324 <div class="titulo">${title}</div>
325
326 </#if>
327 <div class="descripcion_pdf">
328 ${document.valueOf("//dynamic-element[@name='DocumentoDescripcion']/dynamic-content")}
329 </div>
330 <div class="espacio"></div>
331
332 <#if document.valueOf("//dynamic-element[@name='DocumentoEnlace']/dynamic-content")?has_content>
333
334 <#assign textoEnlace = document.valueOf("//dynamic-element[@name='DocumentoEnlace']/dynamic-content")>
335
336 <#if document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")?has_content>
337
338 <#assign documentURLTitle = document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")>
339
340 <a class="enlace" target="_blank" title="${documentURLTitle}" href="${documentURL}">${textoEnlace}</a>
341
342 <#else>
343
344 <a class="enlace" target="_blank" href="${documentURL}">${textoEnlace}</a>
345
346 </#if>
347
348
349
350 <#else>
351
352 <#if document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")?has_content>
353
354 <#assign documentURLTitle = document.valueOf("//dynamic-element[@name='DocumentoEnlaceTitle']/dynamic-content")>
355
356 <a class="enlace" href="${documentURL}" title="${documentURLTitle}" target="_blank" style="text-decoration:none; font-weight: 300; font-size: 40px; width: fit-content;">⇩</a>
357
358 <#else>
359
360 <a class="enlace" href="${documentURL}" target="_blank" style="text-decoration:none; font-weight: 300; font-size: 40px; width: fit-content;">⇩</a>
361
362 </#if>
363
364 </#if>
365 </div>
366 </li>
367 </#if>
368 </#if>
369 </#list>
370 </ul>
371 </div>
372 <script>
373
374 function imagenFiltro(src) {
375 var viewer = document.createElement('div');
376 viewer.className = "viewer";
377 viewer.setAttribute("tabindex", "-1");
378 viewer.setAttribute("role", "dialog");
379 viewer.setAttribute("aria-modal", "true");
380
381 var botonCerrar = document.createElement('button');
382 botonCerrar.className = "botonCerrar";
383
384 var imgBotonCerrar = document.createElement('img');
385 imgBotonCerrar.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBndSJDYAgDAVQ6gRuoCM5giPoBm6AGzibk9RPJIbI1SMRSLUvcgRiZu8QRLQ7Q6D+QncPocGzxYQFWdPEwW+IsfBtrDn+L8RYFdFgXUSCiZEWpkZKmBkpYF1k6FhTZaz6m286bDhnGZLkdFhrYcUYC3ani7Fii6sYG85JhmHgtUgB84RmQW7GxXY6Q6B+RTc+DeBIG9IibOUAAAAASUVORK5CYII=";
386
387 botonCerrar.appendChild(imgBotonCerrar);
388
389 document.body.appendChild(viewer);
390 viewer.appendChild(botonCerrar);
391
392 var contMedia = document.createElement('div');
393 contMedia.className = "viewer-media";
394 viewer.appendChild(contMedia);
395
396 var reproductor = document.createElement('div');
397 reproductor.classList.add('contenedorVideo');
398 contMedia.appendChild(reproductor);
399
400 var imagenVista = document.createElement('img');
401 imagenVista.src = src;
402 imagenVista.classList.add('imagenVista');
403 reproductor.appendChild(imagenVista);
404
405 var previouslyFocused = document.activeElement;
406
407 function cerrarViewer() {
408 document.removeEventListener('keydown', onKeyDown);
409 if (viewer.parentNode) viewer.parentNode.removeChild(viewer);
410 if (previouslyFocused) previouslyFocused.focus();
411 }
412
413 function onKeyDown(e) {
414 if (e.key === 'Escape' || e.keyCode === 27) cerrarViewer();
415 }
416
417 document.addEventListener('keydown', onKeyDown);
418 viewer.focus();
419
420 $(botonCerrar).click(function () {
421 cerrarViewer();
422 });
423 }
424
425
426 function videoURLFiltro(src) {
427 var viewer = document.createElement('div');
428 viewer.className = "viewer";
429 viewer.setAttribute("tabindex", "-1");
430 viewer.setAttribute("role", "dialog");
431 viewer.setAttribute("aria-modal", "true");
432
433 var botonCerrar = document.createElement('button');
434 botonCerrar.className = "botonCerrar";
435
436 var imgBotonCerrar = document.createElement('img');
437 imgBotonCerrar.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBndSJDYAgDAVQ6gRuoCM5giPoBm6AGzibk9RPJIbI1SMRSLUvcgRiZu8QRLQ7Q6D+QncPocGzxYQFWdPEwW+IsfBtrDn+L8RYFdFgXUSCiZEWpkZKmBkpYF1k6FhTZaz6m286bDhnGZLkdFhrYcUYC3ani7Fii6sYG85JhmHgtUgB84RmQW7GxXY6Q6B+RTc+DeBIG9IibOUAAAAASUVORK5CYII=";
438
439 botonCerrar.appendChild(imgBotonCerrar);
440
441 document.body.appendChild(viewer);
442 viewer.appendChild(botonCerrar);
443
444 var contMedia = document.createElement('div');
445 contMedia.className = "viewer-media";
446 viewer.appendChild(contMedia);
447
448 var previouslyFocused = document.activeElement;
449
450 function cerrarViewer() {
451 document.removeEventListener('keydown', onKeyDown);
452 if (viewer.parentNode) viewer.parentNode.removeChild(viewer);
453 if (previouslyFocused) previouslyFocused.focus();
454 }
455
456 function onKeyDown(e) {
457 if (e.key === 'Escape' || e.keyCode === 27) cerrarViewer();
458 }
459
460 createVideo(src, contMedia);
461
462 document.addEventListener('keydown', onKeyDown);
463 viewer.focus();
464
465 $(botonCerrar).click(function () {
466 cerrarViewer();
467 });
468 }
469
470
471 function videoFiltro(src) {
472 var viewer = document.createElement('div');
473 viewer.className = "viewer";
474 viewer.setAttribute("tabindex", "-1");
475 viewer.setAttribute("role", "dialog");
476 viewer.setAttribute("aria-modal", "true");
477
478 var botonCerrar = document.createElement('button');
479 botonCerrar.className = "botonCerrar";
480
481 var imgBotonCerrar = document.createElement('img');
482 imgBotonCerrar.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBndSJDYAgDAVQ6gRuoCM5giPoBm6AGzibk9RPJIbI1SMRSLUvcgRiZu8QRLQ7Q6D+QncPocGzxYQFWdPEwW+IsfBtrDn+L8RYFdFgXUSCiZEWpkZKmBkpYF1k6FhTZaz6m286bDhnGZLkdFhrYcUYC3ani7Fii6sYG85JhmHgtUgB84RmQW7GxXY6Q6B+RTc+DeBIG9IibOUAAAAASUVORK5CYII=";
483
484 botonCerrar.appendChild(imgBotonCerrar);
485
486 document.body.appendChild(viewer);
487 viewer.appendChild(botonCerrar);
488
489 var contMedia = document.createElement('div');
490 contMedia.className = "viewer-media";
491 viewer.appendChild(contMedia);
492
493 var reproductor = document.createElement('div');
494 reproductor.classList.add('contenedorVideo');
495 contMedia.appendChild(reproductor);
496
497 var videoPlayer = document.createElement('video');
498 videoPlayer.src = src;
499 videoPlayer.setAttribute('style', playerSize);
500 videoPlayer.setAttribute('controls', "");
501 videoPlayer.classList.add('video_player');
502 reproductor.appendChild(videoPlayer);
503
504 var previouslyFocused = document.activeElement;
505
506 function cerrarViewer() {
507 document.removeEventListener('keydown', onKeyDown);
508 if (viewer.parentNode) viewer.parentNode.removeChild(viewer);
509 if (previouslyFocused) previouslyFocused.focus();
510 }
511
512 function onKeyDown(e) {
513 if (e.key === 'Escape' || e.keyCode === 27) cerrarViewer();
514 }
515
516 document.addEventListener('keydown', onKeyDown);
517 viewer.focus();
518
519 $(botonCerrar).click(function () {
520 cerrarViewer();
521 });
522 }
523
524 </script>
525 <style>
526
527 .imagenVista{
528 margin: auto;
529 height: 100%;
530 width: 100%;
531 object-fit: contain;
532 }
533
534 .viewer{
535 background-color: rgba(0, 0, 0, 0.8);
536 position:fixed;
537 top:0;
538 left:0;
539 width:100%;
540 height:100%;
541 display:block;
542 z-index:9999999;
543 }
544
545 .botonCerrar{
546 position:absolute;
547 background-color:transparent;
548 width:32px;
549 height:32px;
550 top:2%;
551 right:2%;
552 border: none;
553 }
554
555 .contImagen{
556 width:100%;
557 height:100%;
558 padding:8%;
559 }
560
561 .contenedorVideo{
562 height:100%;
563 padding:8%;
564 display:flex;
565 }
566
567 .video_player{
568 margin:auto;
569 display:block;
570 justify-content: center;
571 }
572
573 .imagenDetalle{
574 height:100%;
575 width:100%;
576 object-fit: contain;
577 }
578 .viewer-media {
579 width: 100%;
580 height: 100%;
581 display: flex;
582 align-items: center;
583 justify-content: center;
584 }
585 </style>
586 <style>
587
588 /*.enlace_doc:hover{
589 color:unset !important;
590 }
591 .enlace:hover{
592 color:unset !important;
593 }
594 */
595
596 .enlace_doc { margin-top:auto; top: 112.79px; font-family: 'Circular Std'; font-style: normal; font-weight: 350; font-size: 18px; line-height: 110%; text-decoration-line: underline; color: white;}
597
598 .sky_blue_scheme .enlace { top: 112.79px; font-family: 'Circular Std'; font-style: normal; font-weight: 350; font-size: 18px; line-height: 110%; text-decoration-line: underline; color: #1579B7;}
599 .red_scheme .enlace {top: 112.79px; font-family: 'Circular Std'; font-style: normal; font-weight: 350; font-size: 18px; line-height: 110%; text-decoration-line: underline; color: #AF360D;}
600 .blue_scheme .enlace { top: 112.79px; font-family: 'Circular Std'; font-style: normal; font-weight: 350; font-size: 18px; line-height: 110%; text-decoration-line: underline; color: #32508B;}
601 .yellow_scheme .enlace { top: 112.79px; font-family: 'Circular Std'; font-style: normal; font-weight: 350; font-size: 18px; line-height: 110%; text-decoration-line: underline; color: #996B14;}
602 .green_scheme .enlace { top: 112.79px; font-family: 'Circular Std'; font-style: normal; font-weight: 350; font-size: 18px; line-height: 110%; text-decoration-line: underline; color: #547762;}
603 </style>
604 <style>
605 .espacio {height: 100%}
606 .imagenes.row{margin:0px -15px !important; height:100%}
607 .boton_play_contenedor{
608 top:0px;
609 display:flex;
610 height:100% !important;
611 width:100% !important;
612 position:absolute !important;
613 }
614
615 .boton_play{
616 margin: auto;
617 display: block;
618 justify-content: center;
619 height: 40px;
620 width: 40px;
621 cursor:pointer;
622 background-image:url("/o/wos-restyle-theme/images/icon_play.svg");
623 background-color: transparent;
624 background-size: cover;
625 border:none;
626 }
627 .boton_play:active {
628 background-color: transparent;
629 background-size: cover;
630 border:none;
631 outline: none;
632 }
633 .boton_play:hover {
634 background-color: transparent;
635 background-size: cover;
636 border:none;
637 outline: none;
638 }
639 .boton_play:focus {
640 outline: none;
641 background-color: transparent;
642 background-size: cover;
643 border:none;
644 }
645 </style>
646 <style>
647 .sky_blue_scheme .card_documento { border: 3px solid #1579B7; width: 280px; padding: 7% 10% 7% 10%; display: flex; flex-direction: column; height: 100%; width: 100%}
648 .red_scheme .card_documento { border: 3px solid #AF360D; width: 280px; padding: 7% 10% 7% 10%; display: flex; flex-direction: column; height: 100%; width: 100%}
649 .blue_scheme .card_documento { border: 3px solid #32508B; width: 280px; padding: 7% 10% 7% 10%; display: flex; flex-direction: column; height: 100%; width: 100%}
650 .yellow_scheme .card_documento { border: 3px solid #996B14; width: 280px; padding: 7% 10% 7% 10%; display: flex; flex-direction: column; height: 100%; width: 100%}
651 .green_scheme .card_documento { border: 3px solid #547762; width: 280px; padding: 7% 10% 7% 10%; display: flex; flex-direction: column; height: 100%; width: 100%}
652 .sky_blue_scheme .card_elemento { border: 3px solid #1579B7; width: 280px; padding: 5px; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative}
653 .red_scheme .card_elemento { border: 3px solid #AF360D; width: 280px; padding: 5px; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative}
654 .blue_scheme .card_elemento { border: 3px solid #32508B; width: 280px; padding: 5px; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative}
655 .yellow_scheme .card_elemento { border: 3px solid #996B14; width: 280px; padding: 5px; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative}
656 .green_scheme .card_elemento { border: 3px solid #547762; width: 280px; padding: 5px; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative}
657 </style>
658 <style>
659 .lista-doc {margin: 20px 0}
660 .recuadro_margen{height:100%; padding:5% 1% 5% 9%; top:0px; position:absolute;}
661 .boton_margen{height:100%; top:0px; right:0px; margin:0px 20px 0px 0px; position:absolute;}
662 .sky_blue_scheme .recuadro{background-color: #1579B7; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
663 .red_scheme .recuadro{background-color: #AF360D; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
664 .blue_scheme .recuadro{background-color: #32508B; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
665 .yellow_scheme .recuadro{background-color: #996B14; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
666 .green_scheme .recuadro{background-color: #547762; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
667
668 .sky_blue_scheme .recuadro_doc{display:flex; flex-direction:column; background-color: #1579B7; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
669 .red_scheme .recuadro_doc{display:flex; flex-direction:column; background-color: #AF360D; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
670 .blue_scheme .recuadro_doc{display:flex; flex-direction:column; background-color: #32508B; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
671 .yellow_scheme .recuadro_doc{display:flex; flex-direction:column; background-color: #996B14; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
672 .green_scheme .recuadro_doc{display:flex; flex-direction:column; background-color: #547762; height:100%; color:white; font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; overflow-wrap:anywhere; padding:10%}
673 </style>
674 <style>.sky_blue_scheme .titulo { font-family: 'Circular Std'; margin:0px 0px 10px 0px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 110%; color: #1579B7; overflow-wrap:anywhere; }
675 .red_scheme .titulo { font-family: 'Circular Std'; margin:0px 0px 10px 0px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 110%; color: #AF360D; overflow-wrap:anywhere;}
676 .blue_scheme .titulo { font-family: 'Circular Std'; margin:0px 0px 10px 0px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 110%; color: #32508B; overflow-wrap:anywhere;}
677 .yellow_scheme .titulo { font-family: 'Circular Std'; margin:0px 0px 10px 0px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 110%; color: #996B14; overflow-wrap:anywhere; }
678 .green_scheme .titulo { font-family: 'Circular Std'; margin:0px 0px 10px 0px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 110%; color: #547762; overflow-wrap:anywhere;}
679 .sky_blue_scheme .descripcion_pdf { font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: #1579B7; overflow-wrap:anywhere; margin: 0 0 50px 0;}
680 .red_scheme .descripcion_pdf { font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: #AF360D; overflow-wrap:anywhere; margin: 0 0 50px 0;}
681 .blue_scheme .descripcion_pdf { font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: #32508B; overflow-wrap:anywhere; margin: 0 0 50px 0;}
682 .yellow_scheme .descripcion_pdf { font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: #996B14; overflow-wrap:anywhere; margin: 0 0 50px 0;}
683 .green_scheme .descripcion_pdf { font-family: 'Circular Std'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: #547762; overflow-wrap:anywhere; margin: 0 0 50px 0;}
684 </style>
685 <style>.documento-lista { list-style-type: none; padding: 0;}</style>
686 <style>.destacados-documentos {padding: 0;}</style>
687 </div>
688 </div>
689</#if>