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