Detalle BN6

Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> titulo  [in template "97#123#69473" at line 228, column 29]

----
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 docTitle = titulo  [in template "97#123#69473" at line 228, column 9]
----
1<#-- 
2Web content templates are used to lay out the fields defined in a web 
3content structure. 
4 
5Please use the left panel to quickly add commonly used variables. 
6Autocomplete is also available and can be invoked by typing "${". 
7--> 
8<style> 
9div#detalle-content { 
10    font-family: 'Degular-Regular'; 
11    
12
13div#print-block { 
14    font-family: 'Degular-Regular'; 
15
16 .popup-share i { 
17     
18   font-size: 2em; 
19
20 .popup-share a[class^="icon-"], .popup-share a[class*=" icon-"] { 
21   
22    padding: 7px 14px; 
23
24 
25div#group-card .card { 
26    padding-bottom: 1em; 
27
28 
29 
30#detalle-content ol.container-it { 
31    margin-bottom: 2em; 
32
33#detalle-content li.breadcrumb-item.active { 
34    text-transform: uppercase; 
35    display: inline-block; 
36    font-family: 'Degular-Semibold'; 
37    font-size: 21px; 
38    font-weight: 600; 
39    font-stretch: normal; 
40    font-style: normal; 
41    line-height: 1.67; 
42    letter-spacing: 1.18px; 
43    text-align: left; 
44    color: #a2a2a2; 
45    /* padding-bottom: .5em; */ 
46    vertical-align: bottom; 
47
48#detalle-content li.breadcrumb-item.active span { 
49    color: #a2a2a2!important; 
50
51#detalle-content i.fas.fa-circle { 
52    font-size: 32px; 
53    color: white; 
54    margin-right: 40px; 
55
56 
57 
58#detalle-content .breadcrumb-item + .breadcrumb-item::before { 
59    float: left; 
60     
61    background-repeat: no-repeat; 
62    background-size: 100%; 
63    content: '.'; 
64    display: block; 
65    height: 0.75em; 
66    left: 0; 
67    margin-top: -0.375em; 
68    padding: 0; 
69    position: absolute; 
70    top: -30px; 
71    font-size: 3em; 
72    width: 2.25em; 
73    background: none; 
74
75div#share-media a{ 
76    display: block; 
77    width: 35px; 
78    height: auto; 
79    border: solid 1px; 
80    border-radius: 50%; 
81    margin: auto; 
82    text-align: center; 
83    padding: 0px; 
84    margin-bottom: 1.2rem; 
85      margin-top: .5rem; 
86    color: #030a23; 
87
88div#share-media { 
89    width: auto; 
90    display: inline-block; 
91    position: absolute; 
92    left: 0px; 
93    top: 70px; 
94
95 
96 
97.popup-share i.fab.fa-facebook-square { 
98    color: #1877f2; 
99
100.popup-share i.fab.fa-linkedin{ 
101color: #0a66c2; 
102
103.popup-share i.fab.fa-twitter-square { 
104    color: rgb(29, 155, 240); 
105
106.popup-share i.fab.fa-whatsapp { 
107    color: #25d366; 
108
109.popup-share a:hover{ 
110background: #004270!important; 
111
112.popup-share a:hover i { 
113    color: white!important; 
114
115 
116div#share-media a:hover { 
117    color: #0056b3; 
118
119 
120@media only screen and (max-width: 1024px) { 
121div#share-media { 
122    width: auto; 
123     
124    display: block; 
125    position: initial; 
126    left: 0; 
127    top: 70px; 
128    text-align: center; 
129    margin-bottom: 1rem; 
130
131div#share-media a{ 
132    margin: 1rem; 
133    display: inline-block; 
134
135
136 
137 
138 
139</style> 
140<#assign JournalArticleLocalServiceUtil = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")/> 
141 
142<#assign groupid = themeDisplay.getLayout().getGroupId()> 
143   
144<#assign url = themeDisplay.getURLCurrent()> 
145 
146<#assign urlt  = themeDisplay.getLayout().getFriendlyURL()> 
147 
148<#assign req = portalUtil.getHttpServletRequest(renderRequest)> 
149 
150<#assign httpOrigReq = portalUtil.getOriginalServletRequest(request)> 
151 
152<#if httpOrigReq.getParameter("group_id")?has_content && httpOrigReq.getParameter("group_id") != "" && httpOrigReq.getParameter("group_id")?matches("[0-9]+") > 
153    <#assign group_id = httpOrigReq.getParameter("group_id")?number/> 
154</#if> 
155<#-- 
156<#if httpOrigReq.getParameter("article_id")?has_content && httpOrigReq.getParameter("article_id") != "" && httpOrigReq.getParameter("article_id")?matches("[0-9]+") > 
157<#assign art_id = httpOrigReq.getParameter("article_id")/> 
158</#if> 
159--> 
160 
161<#assign art_idlong = portalUtil.getClass()> 
162 
163<#--<#if art_id?has_content && art_id != "" && art_id?matches("[0-9]+") >--> 
164<#if group_id?has_content && group_id?matches("[0-9]+") > 
165    <#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
166    <#-- 
167    <#assign article = JournalArticleLocalService.getLatestArticle(group_id,art_id )> 
168    --> 
169    <#attempt> 
170      <#assign article = JournalArticleLocalService.getLatestArticle(group_id )> 
171    <#recover> 
172      <#assign article = JournalArticleLocalService.getLatestArticle(2416942 )> 
173    </#attempt> 
174    <#assign document = saxReaderUtil.read(article.getContentByLocale(locale)) /> 
175    <#assign root = document.getRootElement()> 
176    <#if root.selectSingleNode("dynamic-element[@name='tag']/dynamic-content")??> 
177        <#assign tag = root.selectSingleNode("dynamic-element[@name='tag']/dynamic-content").getText()/> 
178    </#if> 
179    <#if root.selectSingleNode("dynamic-element[@name='seccion']/dynamic-content")??> 
180        <#assign seccion = root.selectSingleNode("dynamic-element[@name='seccion']/dynamic-content").getText()/> 
181    </#if> 
182    <#if root.selectSingleNode("dynamic-element[@name='titulo']/dynamic-content")??> 
183        <#assign titulo = root.selectSingleNode("dynamic-element[@name='titulo']/dynamic-content").getText()/> 
184    </#if> 
185    <#if root.selectSingleNode("dynamic-element[@name='abstract']/dynamic-content")??> 
186        <#assign abstract = root.selectSingleNode("dynamic-element[@name='abstract']/dynamic-content").getText()/> 
187    </#if> 
188    <#if root.selectSingleNode("dynamic-element[@name='img']/dynamic-content")??> 
189        <#assign img = root.selectSingleNode("dynamic-element[@name='img']/dynamic-content").getText()/> 
190    </#if> 
191    <#if root.selectSingleNode("dynamic-element[@name='foto']/dynamic-content")??> 
192        <#assign foto = root.selectSingleNode("dynamic-element[@name='foto']/dynamic-content").getText()/> 
193    </#if> 
194    <#if root.selectSingleNode("dynamic-element[@name='detalle']/dynamic-content")??> 
195        <#assign detalle = root.selectSingleNode("dynamic-element[@name='detalle']/dynamic-content").getText()/> 
196    </#if> 
197    <#if root.selectSingleNode("dynamic-element[@name='compartir']/dynamic-content")??> 
198        <#assign compartir = root.selectSingleNode("dynamic-element[@name='compartir']/dynamic-content").getText()/> 
199    </#if> 
200    <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='img']")> 
201    <#if xPathSelector.selectSingleNode(root).getStringValue()??> 
202        <#assign imgNews = xPathSelector.selectSingleNode(root).getStringValue()> 
203        <#if imgNews?? > 
204            <#attempt> 
205                <#assign imgJson = jsonFactoryUtil.createJSONObject(imgNews)> 
206                <#assign urlimg = "/documents/"+ imgJson.groupId +"/" +imgJson.fileEntryId +"/"+ imgJson.name +"/"+imgJson.uuid > 
207                <#recover> 
208                    <#if (defImagen.getData())?? && defImagen.getData() != ""> 
209                    <#-- 
210                     <#assign urlimg = "${defImagen.getData()}" > 
211                     --> 
212                    </#if> 
213                </#recover> 
214        <#else> 
215        </#if> 
216  
217  <#-- <#assign imgJson = jsonFactoryUtil.createJSONObject(imgNews)> 
218    
219   <#assign urlimg = "/documents/"+ imgJson.groupId +"/" +imgJson.fileEntryId +"/"+ imgJson.name +"/"+imgJson.uuid > 
220   --> 
221          
222    </#if> 
223	<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
224	<#assign assetEntry = assetEntryLocalService.fetchEntry("com.liferay.journal.model.JournalArticle", article.getResourcePrimKey())> 
225	 
226	<#assign assetLinkLocalService = serviceLocator.findService('com.liferay.asset.kernel.service.AssetLinkLocalService')> 
227	<#assign  assetLink = assetLinkLocalService.getDirectLinks(assetEntry.getEntryId()) > 
228	<#assign docTitle = titulo> 
229		<script> 
230			document.title = "ITESO - ${docTitle}"; 
231		</script> 
232        <div id="detalle-content" class="row no-gutters pt-xl-8 pb-6 pt-md-4 pt-4 container-fluid"> 
233            <div class="col-12"> 
234                <ol class="container-it"> 
235                    <i class="fas fa-circle"></i> 
236                    <div class="d-none">${url}</div> 
237                    <li id="backbread" onclick="goBack()" class="breadcrumb-item active" aria-current="page">Inicio</li> 
238                    <li class="breadcrumb-item active" aria-current="page"><span>${docTitle}</span> 
239         <#--  <#if (seccion != "")>  
240		<div class="section-title2"> 
241		${seccion}</div> 
242		</#if> 
243		--> 
244                    </li> 
245                </ol> 
246            </div> 
247        <script> 
248function goBack() { 
249  window.history.go(-1); 
250  console.log("goback"); 
251
252</script> 
253      <!-----------------print-block------------------------> 
254       <div id="print-block" class="col-12 pb-4"> 
255       <div class=" container-it"> 
256      <div class="row no-gutters"> 
257    	                 <#attempt> 
258    	                <#if urlimg?has_content> 
259        					<div class="imgnoticia col-12"> 
260        					<img class="img-fluid" src="${urlimg}" alt="Thumbnail"> 
261        				 
262        					</div> 
263        				 
264        				<#else> 
265        				 
266        				</#if> 
267        					<#recover> 
268                        </#recover> 
269        				<#----tag-------- 
270        				<div id="hashtag" class="col-12 text-center pt-4 pb-4"> 
271        				<#if (tag != "")> 
272    			<#assign tagref = tag?split(' ')> 
273    			<#list tagref as cur_tagref> 
274   
275 
276					<#assign trtag = cur_tagref?substring(1)> 
277					<#assign tfhash = "https://twitter.com/hashtag/${trtag}?src=hash"> 
278                    <a class="hash-tag pl-1 pr-1" href="${tfhash}" >${cur_tagref}</a> 
279                    </#list> 
280                        </#if> 
281                        </div> 
282                        -----------end tag-----> 
283                        <div class="col-12 text-center pt-6 pb-2 pr-md-2 pl-md-2 pr-lg-8 pl-lg-8 "> 
284                         <#if titulo?has_content> 
285                          <h1 id="titulo">${titulo}</h1> 
286                          </#if> 
287                        </div> 
288                        <#if abstract != ""> 
289                        <div class="abstract col-12 text-center pt-2 pb-2 pr-md-2 pl-md-2 pr-lg-8 pl-lg-8"> 
290                        <#if titulo?has_content> 
291                        <p>${abstract}</p> 
292                         </#if> 
293                        </div> 
294                        </#if> 
295                        <hr> 
296                  
297                         
298	<#--	<#assign fecha_content_Data = getterUtil.getString(fecha_content.getData())>--> 
299	 
300 
301<div class="col-12 text-center pt-2 pb-1 pr-4 pl-4"> 
302<#assign assetCategoryLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetCategoryLocalServiceUtil"]> 
303<#assign catnews =  assetCategoryLocalServiceUtil.getAssetEntryAssetCategories(assetEntry.getEntryId())> 
304 
305<#if catnews?has_content> 
306<#list catnews as newscatego> 
307			<#if newscatego.getName() == "Noticia"> 
308			<div class="post-date">${dateUtil.getDate(article.getDisplayDate()?datetime, "EEEE dd MMMM , yyyy", locale)}</div> 
309		</#if> 
310	</#list> 
311</#if> 
312 
313		</div> 
314		<div class="col-12 text-center pt-1 pb-2 pr-4 pl-4"> 
315                            	<#if foto??>  
316        						<span>${foto}</span>  
317        					</#if> 
318        					</div> 
319        					 
320        		<div id="detalle" class="col-12 pt-6 "> 
321        		<div id="share-media" class="ml-lg-4"> 
322<strong>${titleshare.getData()}</strong><br> 
323    <a href="#" class="shareicon"> 
324   <!-- <i class="bi bi-share popup"></i>--> 
325    <i class="fal fa-share-alt popup"></i> 
326    </a> 
327    <a href="#" class="printMe"> 
328    <i class="fas fa-print"></i> 
329   </a> 
330<a href="mailto:?subject=${titulo}&body= ${themeDisplay.getPortalURL()}${url}" 
331   title=" Email"> 
332   <i class="far fa-envelope"></i> 
333</a> 
334</div> 
335 
336 
337 
338 
339 
340 
341<#assign titlefb = titulo?replace('"', ' ') /> 
342 
343 
344<#assign settitle = themeDisplay.getLayout().setTitle("${titlefb}")/> 
345<#assign PortalURL = themeDisplay.getPortalURL()> 
346 <#attempt> 
347    	                         
348 <#assign setdesc = themeDisplay.getLayout().setDescription("${PortalURL}${urlimg}")> 
349 					<#recover> 
350                        </#recover> 
351    <#assign setdescname = themeDisplay.getLayout().setName("${abstract}")>   
352       
353       
354       
355<#if detalle??>  
356			   ${detalle} 
357			   </#if> 
358			 </div> 
359			  
360			  
361			 <!---------------------CATEGORIES-----------------------------------> 
362	 
363<!--------------------------------------------------> 
364  <#assign assetCategoryLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetCategoryLocalServiceUtil"]> 
365   
366   
367 
368 <#assign catentry =  assetCategoryLocalServiceUtil.getAssetEntryAssetCategories(assetEntry.getEntryId())> 
369 
370 <#if catentry?has_content> 
371 <div id="tags" class="tags"> 
372  <strong> 
373Categorias: 
374</strong> 
375 
376 <#list catentry as cur_catentry> 
377 <a href="/web/noticias/historico-de-noticias?group_id=${group_id}&CatId=${cur_catentry.getCategoryId()}"><p> ${cur_catentry.getName()}</p></a> 
378 
379  
380 </#list> 
381</div> 
382</#if> 
383<!---------------------TAGS-----------------------------------> 
384 <#assign AssetTagLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetTagLocalServiceUtil"]> 
385  
386 <#assign Entrytags = AssetTagLocalServiceUtil.getEntryTags(assetEntry.getEntryId())> 
387 <#if Entrytags?has_content> 
388 <div id="tags" class="tags"> 
389 <strong> 
390Etiquetas: 
391</strong> 
392 <#list Entrytags as cur_tagentry> 
393  <a href=" /web/noticias/historico-de-noticias?group_id=${group_id}&NameTag=${cur_tagentry.getName()}"> 
394 <p> ${cur_tagentry.getName()}</p></a> 
395  
396 </#list> 
397  </div> 
398  </#if> 
399   
400  <!----------------------------------------------------->  
401	</div> 
402	</div> 
403	</div> 
404    <!---------------------------------------end printblock---------------> 
405     
406     
407     
408     
409     
410     
411     
412     
413     
414     
415     
416     
417     
418     
419     
420     
421     
422     
423     
424     
425     
426     
427     
428    <!----------------------------Contenidos relcionados------------------------->  
429    <#if assetLink?has_content> 
430      
431    <div class="col-12"> 
432        <div class="container-it"> 
433        <div class=" w-100 relacionado pt-2 pb-4">Relacionadas...</div> 
434    <div id="group-card" class="row"> 
435      
436    <#list assetLink as related_entry> 
437     
438    <#assign assetEntry2 = assetEntryLocalService.getAssetEntry(related_entry.getEntryId2())> 
439     
440    <!-- <div class="d-none"> ${assetEntry2.getClassNameId()}</div>--> 
441     
442    <#-- <#if assetEntry2.getClassNameId() == 132 >--> 
443   
444    <#--	<#assign relatedArticle = journalArticleLocalService.getLatestArticle(assetEntry2.getGroupId(),assetEntry2.getClassName(), assetEntry2.getClassPK())>--> 
445    <#assign relatedArticle = JournalArticleLocalService.getLatestArticle(assetEntry2.getAssetRenderer().getArticle().getGroupId(),assetEntry2.getAssetRenderer().getArticle().getArticleId() )> 
446    <#assign Basica = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica")> 
447    <#assign Basica_Liga = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica_Liga")> 
448    <#assign Basica_Noticias = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica")> 
449    <!-- if estructuras---> 
450    <#if relatedArticle.getStructureId()== Basica || relatedArticle.getStructureId()== Basica_Liga || relatedArticle.getStructureId()== Basica_Noticias> 
451        <#assign doc = saxReaderUtil.read(relatedArticle.getContentByLocale(request.locale))> 
452	    <#assign root = doc.getRootElement()> 
453        <#attempt> 
454		<#assign titulo = root.selectSingleNode("dynamic-element[@name='titulo']/dynamic-content").getText()> 
455	    <#assign abstract = root.selectSingleNode("dynamic-element[@name='abstract']/dynamic-content").getText()> 
456 
457	    <#assign img = root.selectSingleNode("dynamic-element[@name='img']/dynamic-content").getText()> 
458		<#recover> 
459        </#recover> 
460		<#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='img']")> 
461		<#-- <#if xPathSelector.selectSingleNode(root).getStringValue()?has_content>--> 
462		<#assign imgNews = xPathSelector.selectSingleNode(root).getStringValue()> 
463		<#if imgNews?? > 
464		    <#attempt> 
465		    <#assign imgJson = jsonFactoryUtil.createJSONObject(imgNews)> 
466		    <#assign urlimg = "/documents/"+ imgJson.groupId +"/" +imgJson.fileEntryId +"/"+ imgJson.name +"/"+imgJson.uuid > 
467		    <#recover> 
468                <#if (defImagen.getData())?? && defImagen.getData() != ""> 
469                    <#assign urlimg = "${defImagen.getData()}" > 
470                </#if> 
471            </#recover> 
472        <#else> 
473        </#if> 
474         <#-- <#else> 
475          </#if>--> 
476        <#if relatedArticle.getStructureId() == Basica || relatedArticle.getStructureId() == Basica_Noticias> 
477   	        <#assign link_page = "/web/general/detalle?group_id=${relatedArticle.getResourcePrimKey()}"> 
478		<#elseif relatedArticle.getStructureId() == Basica_Liga> 
479			<#assign link = root.selectSingleNode("dynamic-element[@name='link']/dynamic-content").getText()> 
480			<#assign url = root.selectSingleNode("dynamic-element[@name='url']/dynamic-content").getText()> 
481    		<#if link != ""> 
482    			<#assign linkid = link?split('@')> 
483    			<#assign groupUtil = serviceLocator.findService('com.liferay.portal.service.GroupLocalService')> 
484    			<#assign group = groupUtil.getGroup(relatedArticle.getGroupId())> 
485    			<#assign groupFriendly = group.getFriendlyURL()> 
486    			<#assign layoutService = serviceLocator.findService("com.liferay.portal.service.LayoutLocalService")> 
487    			<#assign layoutId = portal.getClass().forName("java.lang.Long").valueOf(linkid.get(0))> 
488    			<#assign layout = layoutService.getLayout(relatedArticle.getGroupId(), false,layoutId)> 
489    			<#assign layoutFriendly = layout.getFriendlyURL()> 
490    			<#assign link_page = "${url_public}${groupFriendly}${layoutFriendly}"> 
491    		<#else> 
492    			<#assign link_page = url> 
493    		</#if> 
494	    </#if> 
495		<div class="card col-xl-4 col-lg-6 col-md-6 col-sm-12 col-xs-12 col-12"> 
496			<#if urlimg?has_content> 
497				<div class="thumb"> 
498					<a href="${link_page}"> 
499						<div  class="rounded" style="background-image: url('${urlimg}');" > 
500                        </div> 
501                    </a> 
502				</div> 
503			<#else> 
504				<div class="thumb"> 
505					<a href="${link_page}"> 
506						<#if (defImagen.getData())?? && defImagen.getData() != ""> 
507							<img class="rounded" alt="${defImagen.getAttribute("alt")}" data-fileentryid="${defImagen.getAttribute("fileEntryId")}" src="${defImagen.getData()}" /> 
508						</#if> 
509					</a> 
510				</div> 
511			</#if> 
512		    <div class="card-text"> 
513				<#if titulo?? > 
514					<h5 class="card-title pb-4 pt-4"><a href="${link_page}">${titulo}</a></h5> 
515				</#if> 
516				<#--<#if ($relatedArticle.getType() == "news")--> 
517				<div class="relpost-date">${dateUtil.getDate(relatedArticle.getDisplayDate()?datetime, "EEEE, MMMM dd, yyyy", locale)}	</div> 
518				<#--#end--> 
519				<#---	<p>${abstract}</p>--> 
520			</div> 
521		</div> 
522        <#-- </#if>--> 
523        <!--------> 
524	<#else> 
525	<style> 
526	.relacionado{ 
527	    display:none; 
528
529	</style> 
530    </#if> 
531</#list> 
532</div> 
533</div> 
534</div> 
535</#if> 
536</div>   
537<#else> 
538</#if> 
539 
540<style> 
541#group-card .rounded { 
542    border-radius: 0.25rem !important; 
543    
544    height: 250px; 
545    background-position: center; 
546    background-repeat: no-repeat; 
547    background-size: cover; 
548     
549
550#backbread{ 
551    cursor: pointer; 
552
553div#share-media strong { 
554    color: #030a23; 
555    font-family: 'Degular-Bold'; 
556    font-size: 18px; 
557    font-size: 1.3em; 
558
559 
560div#tags { 
561    display: block; 
562    width: 100%; 
563    font-size: 1.2em; 
564    padding-left: 17.5%; 
565    padding-right: 17.5%; 
566 
567
568 
569div#detalle { 
570min-height: 500px; 
571    font-size: 1.3em; 
572    color: #666f7e; 
573    padding-left: 17.5%; 
574    padding-right: 17.5%; 
575    font-family: 'Degular-Regular'; 
576
577.tags p { 
578    display: inline-block; 
579    color: #42b4e3; 
580    border-bottom: .5px solid; 
581    font-family: 'Degular-Regular'; 
582
583 
584 
585div#detalle-content { 
586    background: #f2f2f5; 
587    padding: 0; 
588    margin: 0; 
589
590div#hashtag .hash-tag{ 
591     font-size: 1vw; 
592    font-family: 'Degular-Semibold'; 
593    
594    font-weight: 600; 
595    font-stretch: normal; 
596    font-style: normal; 
597    line-height: 1.31; 
598    letter-spacing: 0.47px; 
599    text-align: left; 
600    color: #42b4e3; 
601
602#titulo{ 
603font-size: 3.2em; 
604    width: 80%; 
605    margin: auto; 
606  font-family: 'Degular-Semibold';   
607   color: #030a23; 
608
609 
610.abstract p{ 
611    font-size: 1.3em; 
612    width: 70%; 
613    margin: auto; 
614    font-family: 'Degular-Semibold';   
615   color: #666666; 
616    
617
618li.breadcrumb-item.active { 
619    display: inline-block; 
620
621div#detalle-content hr { 
622    color: #42b4e3; 
623    width: 140px; 
624    margin-top: 1rem; 
625    margin-bottom: 1rem; 
626    border: 0; 
627    border-top: 1px solid #42b4e3; 
628
629#detalle-content span { 
630    font-size: .87em; 
631    font-family: 'Degular-Bold'; 
632    color: #666f7e; 
633
634.post-date { 
635	color: #a2a2a2; 
636    font-family: 'Degular-Bold'; 
637    font-stretch: normal; 
638    font-style: normal; 
639    line-height: 1.9; 
640    letter-spacing: normal; 
641    text-align: center; 
642    font-size: 1em; 
643
644img.rounded { 
645    border-radius: 0.5rem !important; 
646
647.thumb { 
648   /*width: 326px; 
649    height: 178px; 
650    */ 
651    margin: auto; 
652
653 
654 
655#detalle-content .card { 
656    background: transparent; 
657    border: none; 
658    padding-right: 3em; 
659    padding-left: 3em; 
660
661#group-card .card:first-of-type { 
662   
663    padding-left: 1em; 
664
665/* 
666#group-card .card:first-child{ 
667   
668    padding-left: 0em; 
669
670#group-card .card:nth-child(1){ 
671   
672    padding-left: 0em; 
673
674*/ 
675 
676 
677 
678.relacionado{ 
679         font-size: 3.438em; 
680    font-family: 'Degular-Semibold'; 
681    
682    font-weight: 600; 
683    font-stretch: normal; 
684    font-style: normal; 
685    line-height: 1.31; 
686    letter-spacing: 0.47px; 
687    text-align: left; 
688    color: #666666; 
689
690#detalle-content .card-title a{    
691    color: #030a23; 
692    font-size: 2.6em; 
693    font-family: Degular-Medium; 
694    font-weight: 500; 
695    font-stretch: normal; 
696    font-style: normal; 
697    line-height: 1.06; 
698    letter-spacing: normal; 
699    text-align: left; 
700   }  
701 
702 
703.relpost-date { 
704 color: #a2a2a2; 
705    font-family: 'Degular-Bold'; 
706    font-stretch: normal; 
707    font-style: normal; 
708    line-height: 1.9; 
709    letter-spacing: normal; 
710    text-align: left; 
711    font-size: 1.5em; 
712
713 
714 
715.imgnoticia{ 
716    text-align: center; 
717
718 
719.imgnoticia .img-fluid { 
720    max-width: 100%; 
721    height: auto; 
722    width: 100%; 
723
724 
725 
726 
727 
728 
729#group-card .card:nth-of-type(3), #group-card .card:nth-of-type(6),#group-card .card:nth-of-type(9),#group-card .card:nth-of-type(12){ 
730    padding-right: 1em; 
731
732#group-card .card:nth-of-type(2), #group-card .card:nth-of-type(5),#group-card .card:nth-of-type(8),#group-card .card:nth-of-type(11){ 
733    padding-right: 1em; 
734     padding-left: 1em; 
735
736#group-card .card:nth-of-type(1), #group-card .card:nth-of-type(4),#group-card .card:nth-of-type(7),#group-card .card:nth-of-type(10){ 
737    padding-left: 1em; 
738
739 
740/* 
741.popup-share.active { 
742    left: 215px!important; 
743
744*/ 
745/*************************Medias query*************/ 
746/*************************************************************************************************************/ 
747@media (min-width: 1921px){ 
748#detalle-content .container, .container-sm, .container-md, .container-lg, .container-xl { 
749    max-width: 1920px; 
750
751
752@media only screen and (max-width: 1024px) { 
753.thumb img.rounded { 
754    width: auto; 
755    height: auto; 
756
757div#group-card .card { 
758    padding-bottom: 4em; 
759
760  
761
762 
763 
764@media only screen and (min-width: 768px) and (max-width: 1200px) { 
765#group-card .card:last-of-type { 
766    display:none; 
767
768 
769 #group-card .card{ 
770    padding-right: 1em; 
771    padding-left: 1em; 
772
773/* 
774#group-card .card:nth-of-type(1), #group-card .card:nth-of-type(4),#group-card .card:nth-of-type(7),#group-card .card:nth-of-type(10){ 
775    padding-left: 1em; 
776
777*/ 
778
779 
780@media only screen and (max-width: 1024px) { 
781 
782
783 
784/********************************/ 
785@media only screen and (max-width: 768px) { 
786#group-card .card:first-of-type { 
787    padding-left: 1em; 
788
789#group-card .card:last-of-type { 
790    padding-right: 1em; 
791
792div#group-card .card { 
793    padding-bottom: 4em; 
794
795 
796#detalle-content .card { 
797    background: transparent; 
798    border: none; 
799    padding-right: 1em; 
800    padding-left: 1em; 
801
802 
803#titulo { 
804    /* font-size: 3.2vw; */ 
805    width: 100%; 
806    font-size: 2.6em; 
807
808 
809div#detalle { 
810    font-size: 1.3em; 
811    color: #666f7e; 
812    padding-left: 0; 
813    padding-right: 0; 
814
815.abstract p { 
816    font-size: 1.3em; 
817    width: 100%; 
818
819div#tags { 
820    display: block; 
821    width: 100%; 
822    font-size: 1.2em; 
823    padding-left: 0; 
824    padding-right: 0; 
825
826#detalle-content i.fas.fa-circle { 
827    font-size: 24px; 
828    color: white; 
829    margin-right: 40px; 
830
831/* 
832.popup-share.active { 
833    left: 75.4px!important; 
834
835*/ 
836
837</style> 
838<script> 
839$( document ).ready(function() { 
840$('meta[property="og:title"]').remove(); 
841  // $('#share-bar').share(); 
842    
843}); 
844$('.printMe').click(function(){ 
845     window.print(); 
846}); 
847 
848 
849 
850  </script>