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