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 346, column 36]

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