logo de Frecuencia Pública

Audiolibros

Se ha producido un error al procesar la plantilla.
The string doesn't match the expected date/time/date-time format. The string to parse was: "". The expected format was: "yyyy-MM-dd".
The nested reason given follows:
Unparseable date: ""

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${Fecha.getData()?date("yyyy-MM-dd")?...  [in template "418512#418548#39817330" at line 499, column 76]
----
1<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" rel="stylesheet" /> 
2 
3<style type="text/css"> 
4@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); 
5 
6#container-banner{ 
7 width: 100vw; 
8    position: relative; 
9    left: calc(-1 * (100vw - 100%) / 2); 
10    padding: 59px 0px !important; 
11    background-color:#283148; 
12
13 
14#quienes-somos-podcast{ 
15 width: 100vw; 
16    position: relative; 
17    left: calc(-1 * (100vw - 100%) / 2); 
18   padding: 0px 0px 20px 0px; 
19    background:#E7EFFD; 
20
21 
22#quienes-somos-podcast h2 { 
23    color: #283148; 
24    margin-top: 1rem; 
25    font-weight: 700; 
26    font-size: 3.5em; 
27    margin-bottom: 1rem; 
28
29 
30.banner-podcast { 
31 background:url(/documents/418537/38261760/bkg-banner/abe5d76b-c064-afd1-1934-5663192ca6af?t=1613072580030) no-repeat center center #283148; 
32 background-size:cover; 
33
34 
35.banner-podcast:before{ 
36content:''; 
37	position: absolute; 
38        top: 0; 
39	bottom: 0; 
40	left: 0; 
41	right: 0; 
42	background-color: rgba(40,29,72,0.85); 
43
44.banner-podcast h1{ 
45font-size: 3.052em; 
46	color: #fff; 
47	position: relative; 
48	margin: 0.3em 0; 
49
50 
51.banner-podcast p{ 
52	color: #fff; 
53
54 
55.etiqueta-episodio{ 
56    padding: 8px 16px; 
57    letter-spacing: 1px; 
58    display: inline-block; 
59    background-color: #FCD56B; 
60    font-size: 1.2em; 
61
62 
63 
64.boton-play span { 
65    margin-left: 16px; 
66    font-weight: 500; 
67    font-size: 1.8em; 
68    line-height: 110%; 
69    color: #ffffff; 
70    letter-spacing: 1px; 
71
72 
73/* Extra small devices (phones, 768px and down) */ 
74@media only screen and (max-width: 768px) { 
75 
76.banner-podcast h1{ 
77font-size: 2.2em; 
78
79 
80#detalle-episodio h1{ 
81font-size: 2.2em; 
82
83 
84 
85    #quienes-somos-podcast h2 { 
86    font-size: 2.1em; 
87
88 
89 
90.card-categoria { 
91    margin-top: 2em; 
92    padding: 2.5em 2em !important; 
93
94 
95    .card-categoria span.titulo { 
96    font-size: 2em; 
97
98
99 
100@media only screen and (max-width: 900px) { 
101 
102.card-categoria { 
103    padding: 3em 1em !important; 
104
105
106 
107#titulo-episodios h2{ 
108    color: #272E45; 
109    font-weight: 700; 
110    font-size: 3rem; 
111    margin: 0px; 
112
113 
114#titulo-episodios form-control { 
115    display: block; 
116    border: 1px solid #BDBDBD !important; 
117    margin-top: -4px; 
118
119 
120#detalle-episodio{ 
121    margin-bottom: 2rem; 
122
123 
124#detalle-episodio h1{ 
125    color:  #272E45; 
126    margin:0px; 
127
128 
129 
130.categoria-episodio{ 
131color:#ffffff; 
132background-color: #F23858; 
133padding: 4px 8px; 
134letter-spacing: 1px; 
135text-transform: uppercase; 
136display: inline-block; 
137margin-bottom: 12px; 
138
139 
140 
141 
142select.form-control:not([size]):not([multiple]) { 
143    height: calc(3rem + 2px); 
144
145 
146#foto-episodio { 
147    margin: 0.5rem 0px 1rem 0px; 
148    line-height: 0.5; 
149    height: 6.5rem; 
150
151 
152 
153 
154 
155.invitado-episodio{ 
156  font-size: 1em; 
157  font-weight:500; 
158
159 
160 
161 
162 
163/*PAGINADOR*/ 
164 
165.paginador { 
166    text-align: center !important; 
167    font-size: 1.1em; 
168
169 
170.page-link-episodios { 
171    position: relative; 
172    display: block; 
173    padding: .5rem .75rem; 
174    margin-left: -1px; 
175    line-height: 1.25; 
176    background-color: #fff; 
177	border-radius: 5px; 
178	border: none; 
179	margin: 10px; 
180
181 
182 
183 
184.page-item.active .page-link-episodios { 
185    z-index: 1; 
186    color: #fff !important; 
187    background-color: #3366CC !important; 
188    border-color: #3366CC !important; 
189	border-radius: 5px; 
190
191 
192a.page-link-episodios { 
193    background-color: #fff; 
194	color: #3366CC; 
195	margin: 10px; 
196
197 
198.btn-ant-sig{ 
199    position: relative; 
200    display: block; 
201    padding: .5rem .75rem; 
202    line-height: 1.25; 
203    background-color: #fff; 
204    border-radius: 5px; 
205    border: none; 
206  	margin: 10px !important; 
207
208 
209/*footer*/ 
210 
211#footer-episodios{ 
212 width: 100vw; 
213    position: relative; 
214    left: calc(-1 * (100vw - 100%) / 2); 
215    padding: 59px 0px !important; 
216    background-color:#283148; 
217
218 
219.img-circle{ 
220    background-color:#ffffff; 
221    padding:0.7rem; 
222 
223
224.border-left { 
225    border-left: 1px solid #EEE; 
226    padding: 10px 0px 10px 25px !important; 
227
228 
229 
230.flex-center{ 
231    display: flex; 
232    justify-content: space-around; 
233    align-items:center; 
234
235 
236 
237.flex-basis-80 { 
238    flex-basis: 80%; 
239    display: flex; 
240    align-items: center; 
241
242 
243.flex-basis-95 { 
244    flex-basis: 95%; 
245    display: flex; 
246    align-items: center; 
247
248 
249.mbottom30{ 
250    margin-bottom:30px !important; 
251
252 
253.btn { 
254    margin: 0.5em auto !important; 
255    padding: 0.8em 1.5em; 
256
257 
258 
259 
260 
261/* Extra small devices (phones, 600px and down) */ 
262@media only screen and (max-width: 600px) { 
263 
264  .flex-center{ 
265    flex-direction: column; 
266
267    .etiqueta-episodio{ 
268    margin-top: 30px; 
269
270    .boton-play span { 
271    margin-left: 10px; 
272    font-size: 1.5em; 
273    line-height: 100%; 
274    letter-spacing: 0px; 
275
276 
277.busqueda-episodios { 
278margin-top:10px; 
279
280 
281.border-left { 
282    border-left: 0px; 
283    padding: 0px; 
284    margin-top:20px; 
285
286 
287.mtop-xs-10{ 
288    margin-top:10px; 
289
290 
291.mtop-xs-2{ 
292    margin-top:2em; 
293
294 
295#container-banner .form-group { 
296    margin-bottom: 5px; 
297
298 
299.align-sm-left{ 
300    text-align:left; 
301
302 
303
304.descripcion-episodio { 
305    background-image: url(/documents/418537/38261760/vineta_frecuencia_publica.svg/d3e8a504-be9b-c7f2-d3b5-e366cb0b73b5?t=1613065723833); 
306    width: 100%; 
307    padding-left: 3em; 
308    background-repeat: no-repeat; 
309    background-position: left 50%; 
310    background-size: 2em; 
311    text-align: left; 
312    height: 5.5em; 
313    margin: 0.5em 0 1.5em 0; 
314
315 
316 
317.descripcion-episodio p { 
318 font-weight: 600; 
319    line-height: 1.2em; 
320    margin-top:0px !important; 
321
322 
323.descripcion-episodio-detalle { 
324    background-image: url(/documents/418537/38261760/vineta_frecuencia_publica.svg/d3e8a504-be9b-c7f2-d3b5-e366cb0b73b5?t=1613065723833); 
325    width: 100%; 
326    padding-left: 3em; 
327    background-repeat: no-repeat; 
328    background-position: left top; 
329    background-size: 2em; 
330    text-align: left; 
331    height: 5.5em; 
332    margin: 0.5em 0 1.5em 0; 
333
334 
335 
336.descripcion-episodio-detalle p { 
337 font-weight: 600; 
338    line-height: 1.2em; 
339    margin-top:0px !important; 
340
341 
342.fecha-episodio { 
343    color: #F23858; 
344    font-size: 1em; 
345    font-weight: 500; 
346    margin-bottom:0px !important; 
347
348 
349.descripcion-episodio p a { 
350color:#333; 
351
352 
353.btn-home-podcast { 
354    border: none; 
355    color: #ffffff; 
356    font-weight: 500; 
357    white-space: normal; 
358    padding: 1em 1.5em 1em 3.5em; 
359    background-repeat: no-repeat; 
360    background-position: 8% center; 
361    background-size: 1.6em; 
362    text-align: left; 
363    background-color: #F23858; 
364    border-radius: 5em; 
365
366 
367.btn-home-podcast:hover, .btn-home-podcast:active, .btn-home-podcast:focus{ 
368  color: #ffffff; 
369  border:none; 
370
371 
372 
373.btn-home-podcast, .btn-home-podcast:active{ 
374  background-image: url(/documents/418537/38261760/icon-home.svg/65c46101-104e-a251-020d-32a916779e63?t=1623451151439) ; 
375
376 
377.btn-home-podcast:hover{ 
378 background-color:#E60F34; 
379
380 
381stl-1-blue-solid:hover, stl-1-blue-solid:focus { 
382     color: #ffffff; 
383    text-decoration: none !important; 
384
385 
386 
387.card-categoria { 
388    color: #2b2b2b; 
389    display: block; 
390    background-color: white; 
391    padding: 4em 3em; 
392    border-radius: 16px; 
393    font-size:1.1em; 
394    text-align: center; 
395    transition: 0.2s; 
396   border: 0.1em solid #A9A9A9; 
397
398 
399 
400 
401.card-categoria  img { 
402    margin-left: auto; 
403    margin-right: auto; 
404    width: 248px; 
405 
406
407 
408.card-categoria span.titulo { 
409    font-size: 2.5em; 
410    display: block; 
411   margin: 1.5em 0 0.6em 0; 
412    color: #283148 !important; 
413    font-family: 'Bebas Neue', cursive; 
414
415 
416.card-categoria:hover { 
417    transform: translateY(-0.8%); 
418    box-shadow: 0 1rem 2rem rgb(0 0 0 / 5%); 
419
420 
421 
422 
423 
424/*---------Búsquedas------------*/ 
425 
426#container-banner  select.form-control { 
427 -moz-appearance:none; 
428 -webkit-appearance:none; 
429 background-position:96% center; 
430 background-repeat:no-repeat; 
431 background-size:0.9em; 
432 padding-bottom:0; 
433 padding-right:10px; 
434 padding-top:0; 
435background-color: white; 
436 border-radius: 10px; 
437cursor: pointer; 
438 background-image:url("https://www.funcionpublica.gov.co/documents/418537/38261760/fa-solid_angle-down.svg/d8b1d70e-b8e8-3a59-664a-6c0ff09e4338?t=1623799538235") 
439
440 
441#container-banner  input.form-control { 
442 -moz-appearance:none; 
443 -webkit-appearance:none; 
444 background-position:96% center; 
445 background-repeat:no-repeat; 
446 background-size:0.9em; 
447 padding-bottom:0; 
448 padding-right:10px; 
449 padding-top:0; 
450background-color: white; 
451 border-radius: 10px; 
452
453 
454#container-banner .form-control { 
455    border-width: 0px 0px 0px 0px !important; 
456    padding: 1em !important; 
457
458 
459#container-banner label, .control-label { 
460    font-size: 1.1em !important; 
461    margin-bottom: 8px; 
462    font-weight: 400; 
463
464 
465#container-banner .form-control:focus { 
466    color: #333; 
467
468 
469 
470#container-banner input.form-control:not([size]):not([multiple]) { 
471    height: calc(3rem + 2px); 
472
473 
474 
475select.form-control:not([size]):not([multiple]) { 
476    height: calc(3rem + 2px); 
477
478</style> 
479 
480<#setting locale="es_CO"> 
481 
482<div id="detalle-episodio"> 
483<p class="categoria-episodio">Audiolibro</p> 
484<#assign journalArticleTitle = .vars['reserved-article-title'].data> 
485<h1>${journalArticleTitle}</h1> 
486</div> 
487 
488<p>${CodigoSpreaker.getData()}</p> 
489 
490<div class="row"> 
491<#if (ImagenPortada.getData())?? && ImagenPortada.getData() != ""> 
492    <#assign detailImage = ImagenPortada.getData()> 
493<#else> 
494    <#assign detailImage = Imagen.getData()> 
495</#if> 
496<div class="col-md-3"><a href="${Enlace.getData()}" title="Quiero leer la publicación"><img alt="${journalArticleTitle}" class="img-responsive" src="${detailImage}" /></a></div> 
497 
498<div class="col-md-9"> 
499<!-- div class="descripcion-episodio-detalle"><span class="fecha-episodio">${Fecha.getData()?date("yyyy-MM-dd")?date}</span> 
500 
501<p>${journalArticleTitle}</p> 
502</div --> 
503 
504<#assign journalArticleResumen = .vars['reserved-article-description'].data> 
505<p class="mbottom30">${journalArticleResumen}</p> 
506 
507<div class="row"> 
508<div class="col-md-6"> 
509<p><a class="btn br-4 stl-1-blue-solid" href="${Enlace.getData()}" type="button">Quiero leer la publicación</a></p> 
510</div> 
511 
512<div class="col-md-6"> 
513<p class="text-right align-sm-left"><a href="/podcast" class="btn btn-home-podcast" type="button">Regresar al menú principal</a></p> 
514</div> 
515</div> 
516 
517<script async src="https://widget.spreaker.com/widgets.js"></script>