An error occurred while processing the template.
Encountered " ? \'\' : \'<input style=" at 21736/F/NOTA_ESTADNAR_COPIA_A[line 1125, column 60]
Was expecting one of:
    "}" ...
    <DOT> ...
    
1##----Estandar2.0----
 
2$iterVelocityTools.setRenderArticleMode(1)
 
3
 
4<script type="text/javascript" src="https://s7.addthis.com/downloads/ajax_help.min.js" async="async"></script>
 
5<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60d3045e05ce9ec5" async="async"></script>
 
6
 
7#set($sort = "createdate")
 
8#set($criteria= "desc")
 
9#set($art_next = $articleToolbox.getSiblingArticle($sort, $criteria, "next"))
 
10#set($sectionID = "#printAssignedSectionID_v1")
 
11#set($templateId = $iterVelocityTools.getVelocityVariable("template_id")) 
 
12## CONTENIDOS
 
13#set($dateMask = "d MMMM yyyy")
 
14#set($canonicalUrl = $articleToolbox.getArticleViewer('canonical'))
 
15#set($title = $!articleToolbox.getTag(null,'Headline').data)
 
16#set($hostName = "#siteUrl()")
 
17##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
18#set ($arrayListContenidos = [])
 
19
 
20#set ($element = {})
 
21#set ($temp = $element.put("name","Text"))
 
22#set ($temp = $element.put("type","paragraph"))
 
23#set ($temp = $element.put("cssclass","texto"))
 
24#set ($temp = $element.put("tag","div"))
 
25#set ($temp = $arrayListContenidos.add($element))
 
26
 
27#set ($element = {})
 
28#set ($temp = $element.put("name","Lead"))
 
29#set ($temp = $element.put("type","text"))
 
30#set ($temp = $element.put("cssclass","lead destacado"))
 
31#set ($temp = $element.put("tag","div"))
 
32#set ($temp = $arrayListContenidos.add($element))
 
33
 
34#set ($element = {})
 
35#set ($temp = $element.put("name","Image_Text"))
 
36#set ($temp = $element.put("type","image"))
 
37#set ($temp = $element.put("cssclass","img lateral"))
 
38#set ($temp = $element.put("tag","div"))
 
39#set( $temp = $arrayListContenidos.add($element))
 
40
 
41#set ($element = {})
 
42#set ($temp = $element.put("name","Youtube_Text"))
 
43#set ($temp = $element.put("type","youtube"))
 
44#set ($temp = $element.put("cssclass","youtube_video ratio ratio-16x9"))
 
45#set ($temp = $element.put("tag","div"))
 
46#set ($temp = $arrayListContenidos.add($element))
 
47
 
48#set ($element = {})
 
49#set ($temp = $element.put("name","Multimedia_Text"))
 
50#set ($temp = $element.put("type","multimedia"))
 
51#set ($temp = $element.put("cssclass","jwplayer_video"))
 
52#set ($temp = $element.put("tag","div"))
 
53#set ($temp = $arrayListContenidos.add($element))
 
54
 
55#set ($element = {})
 
56#set ($temp = $element.put("name","Image_Text_GIF"))
 
57#set ($temp = $element.put("type","image"))
 
58#set ($temp = $element.put("cssclass","imagen"))
 
59#set ($temp = $element.put("tag","div"))
 
60#set ($temp = $arrayListContenidos.add($element))
 
61
 
62#set ($element = {})
 
63#set ($temp = $element.put("name","Facebook_Text"))
 
64#set ($temp = $element.put("type","facebook"))
 
65#set ($temp = $element.put("cssclass","facebook_text"))
 
66#set ($temp = $element.put("tag","div"))
 
67#set ($temp = $arrayListContenidos.add($element))
 
68
 
69#set ($element = {})
 
70#set ($temp = $element.put("name","Instagram_Text"))
 
71#set ($temp = $element.put("type","instagram"))
 
72#set ($temp = $element.put("cssclass","instagram_text"))
 
73#set ($temp = $element.put("tag","div"))
 
74#set ($temp = $arrayListContenidos.add($element))
 
75
 
76#set ($element = {})
 
77#set ($temp = $element.put("name","Twitter_Text"))
 
78#set ($temp = $element.put("type","twitter"))
 
79#set ($temp = $element.put("cssclass","twitter_text"))
 
80#set ($temp = $element.put("tag","div"))
 
81#set ($temp = $arrayListContenidos.add($element))
 
82
 
83#set ($element = {})
 
84#set ($temp = $element.put("name","HTML_Text"))
 
85#set ($temp = $element.put("type","html"))
 
86#set ($temp = $element.put("cssclass","html_text"))
 
87#set ($temp = $element.put("tag","div"))
 
88#set ($temp = $arrayListContenidos.add($element))
 
89
 
90#set ($element = {})
 
91#set ($temp = $element.put("name","Quote"))
 
92#set ($temp = $element.put("type","text"))
 
93#set ($temp = $element.put("cssclass","quote"))
 
94#set ($temp = $element.put("tag","div"))
 
95#set ($temp = $arrayListContenidos.add($element))
 
96
 
97#set ($element = {})
 
98#set ($temp = $element.put("name","title_list"))
 
99#set ($temp = $element.put("type","microformat"))
 
100#set ($temp = $element.put("cssclass","microformat"))
 
101#set ($temp = $element.put("tag","div"))
 
102#set ($temp = $arrayListContenidos.add($element))
 
103
 
104#set ($element = {})
 
105#set ($temp = $element.put("name","image_list"))
 
106#set ($temp = $element.put("type","microformat"))
 
107#set ($temp = $element.put("cssclass","microformat"))
 
108#set ($temp = $element.put("tag","div"))
 
109#set($temp = $arrayListContenidos.add($element))
 
110
 
111#set ($element = {})
 
112#set ($temp = $element.put("name","text_list"))
 
113#set ($temp = $element.put("type","microformat"))
 
114#set ($temp = $element.put("cssclass","microformat"))
 
115#set ($temp = $element.put("tag","div"))
 
116#set($temp = $arrayListContenidos.add($element))
 
117
 
118#set ($element = {})
 
119#set ($temp = $element.put("name","Lead_Text"))
 
120#set ($temp = $element.put("type","text"))
 
121#set ($temp = $element.put("cssclass","intertitulo"))
 
122#set ($temp = $element.put("tag","div"))
 
123#set ($temp = $arrayListContenidos.add($element))
 
124
 
125#set ($element = {})
 
126#set ($temp = $element.put("name","linkTitle_Text"))
 
127#set ($temp = $element.put("type","text"))
 
128#set ($temp = $element.put("cssclass","link_tpi"))
 
129#set ($temp = $element.put("tag","div"))
 
130#set ($temp = $arrayListContenidos.add($element))
 
131
 
132#set ($element = {})
 
133#set ($temp = $element.put("name","Parrafo_Lista"))
 
134#set ($temp = $element.put("type","text"))
 
135#set ($temp = $element.put("cssclass","Parrafo_Lista"))
 
136#set ($temp = $element.put("tag","div"))
 
137#set ($temp = $arrayListContenidos.add($element))
 
138
 
139#set ($element = {})
 
140#set ($temp = $element.put("name","Flourish_Text"))
 
141#set ($temp = $element.put("type","text"))
 
142#set ($temp = $element.put("cssclass","flourish_text"))
 
143#set ($temp = $element.put("tag","div"))
 
144#set ($temp = $arrayListContenidos.add($element))
 
145
 
146#set ($element = {})
 
147#set ($temp = $element.put("name","Titulo_News"))
 
148#set ($temp = $element.put("type","text"))
 
149#set ($temp = $element.put("cssclass","titulo_news"))
 
150#set ($temp = $element.put("tag","div"))
 
151#set ($temp = $arrayListContenidos.add($element))
 
152
 
153#set ($element = {})
 
154#set ($temp = $element.put("name","Resumen_News"))
 
155#set ($temp = $element.put("type","text"))
 
156#set ($temp = $element.put("cssclass","resumen_news"))
 
157#set ($temp = $element.put("tag","div"))
 
158#set ($temp = $arrayListContenidos.add($element))
 
159
 
160
 
161#set($sectionID = "#printAssignedSectionID_v1")
 
162#set ($AuthorNoFoto = $!iterVelocityTools.getVariable($sectionID , "authorNoFoto"))
 
163
 
164#set($section = "#printAssignedSection_v1")
 
165
 
166#set ($FacebookText_ = $articleToolbox.getTag(null,"Facebook_Text") )
 
167#if($FacebookText_ && $FacebookText_.data != "")
 
168<div id="fb-root"></div>
 
169<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
 
170#end
 
171
 
172##----json----
 
173#set($pub_imagen = $articleToolbox.getImageURL("Image","0","crop_1200x801"))
 
174#set($videoyoutube = $articleToolbox.getTag(null,"HTML_Text").data)
 
175
 
176#set($dateF = "#printDateCreate('yyyy-MM-dd' 'false' '')")
 
177#set($dateF = $dateF.trim())
 
178#set($dateM = "#printDateFrom_v1('HH:mm:ss' 'false' 'false')")
 
179#set($dateM = $dateM.trim())
 
180#set($dateF = $dateF + "T" + $dateM +"-0600")
 
181
 
182
 
183#set($dateF1 = "#printDateModif('yyyy-MM-dd' 'false' '')")
 
184#set($dateF1 = $dateF1.trim())
 
185#set($dateH = "#printDateModif('HH:mm:ss' 'false' '')")
 
186#set($dateH = $dateH.trim())
 
187#set($dateFb = $dateF1 + "T" + $dateH +"-0600")
 
188
 
189##METAS TWITTER
 
190
 
191#set($metaTW = {})
 
192#set($temp = $metaTW.put("property","twitter:card"))
 
193#set($temp = $metaTW.put("content", "summary_large_image"))
 
194$iterVelocityTools.addMetaTag( $metaTW )
 
195
 
196#set($metaTW = {})
 
197#set($temp = $metaTW.put("property","twitter:site"))
 
198#set($temp = $metaTW.put("content", "vanguardiamx"))
 
199$iterVelocityTools.addMetaTag( $metaTW )
 
200
 
201#set($metaTW = {})
 
202#set($temp = $metaTW.put("property","twitter:title"))
 
203#set($temp = $metaTW.put("content", "$!TituloEsc"))
 
204$iterVelocityTools.addMetaTag( $metaTW )
 
205
 
206#set($metaTW = {})
 
207#set($temp = $metaTW.put("property","twitter:description"))
 
208#set($temp = $metaTW.put("content", "$TextoEsc"))
 
209$iterVelocityTools.addMetaTag( $metaTW )
 
210
 
211#if($pub_imagen != "")
 
212	#set($metaTW = {})
 
213	#set($temp = $metaTW.put("property","twitter:image"))
 
214	#set($temp = $metaTW.put("content", "$pub_imagen"))
 
215	$iterVelocityTools.addMetaTag( $metaTW )
 
216#end
 
217
 
218#set($metaTW = {})
 
219#set($temp = $metaTW.put("property","twitter:url"))
 
220#set($temp = $metaTW.put("content", "https://twitter.com/vanguardiamx"))
 
221$iterVelocityTools.addMetaTag( $metaTW )
 
222
 
223#set($metaTW = {})
 
224#set($temp = $metaTW.put("property","twitter:domain"))
 
225#set($temp = $metaTW.put("content", "https://vanguardia.com.mx"))
 
226$iterVelocityTools.addMetaTag( $metaTW )
 
227
 
228#set($ac-url = $articleContext.selectNodes('articlectx/url'))
 
229#set($xml-url = $ac-url.get(0).text)
 
230#set($url_actual = $!xml-url )
 
231##----json----
 
232<script type="application/ld+json">
 
233    {
 
234    "@context": "http://schema.org",
 
235    "@type": "ImageObject",
 
236    "url": "$pub_imagen"}
 
237</script>
 
238
 
239
 
240<style>
 
241figure.contentMedia.art-img > div:first-child{
 
242padding-top:65% !important;
 
243}
 
244div#backtotop{
 
245display: none !important;
 
246}
 
247</style>
 
248
 
249##Add meta title
 
250#set($title = $htmlUtil.escape($!title))
 
251#set($title = $title.replaceAll("\n", ""))
 
252
 
253#set($html5Desc = {})
 
254#set($temp = $html5Desc.put("name","title"))
 
255#set($temp = $html5Desc.put("content",$title))
 
256$iterVelocityTools.addMetaTag($html5Desc)
 
257
 
258<div class="template-infinity idart_$reserved-article-id.data detail col-100-top-one-col col-xs-12 v2" id-next="$!art_next.reserved-article-id.data" id-section="$sectionID">
 
259
 
260
 
261<script async src="https://www.googletagmanager.com/gtag/js?id=G-LLWL5N9CSM"></script>
 
262<script>
 
263    window.dataLayer = window.dataLayer || [];
 
264    function gtag(){dataLayer.push(arguments);}
 
265    gtag('js', new Date());
 
266    gtag('config', 'G-LLWL5N9CSM');
 
267</script>
 
268
 
269<div class="container">
 
270
 
271        <!-- parte de datos estructurados inicio  -->
 
272
 
273	    <div hidden itemprop="image" itemscope itemtype="https://schema.org/ImageObject"> 
 
274	        <meta hidden itemprop="url" content="$pub_imagen"> 
 
275	    </div> 
 
276	    <time hidden itemprop="datePublished" datetime="$dateF"></time>
 
277	    <time hidden itemprop="dateModified" datetime="$dateFb"></time>
 
278	    <time hidden itemprop="dateCreated" datetime="$dateF"></time>
 
279        <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="#siteUrl()$url_actual" />
 
280        <meta itemprop="inLanguage" content="es-MX" />
 
281	    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization https://schema.org/NewsMediaOrganization">
 
282            <meta itemprop="url" content="https://vanguardia.com.mx/" />
 
283            <meta itemprop="name" content="Vanguardia" />
 
284            <!-- Proporcionar enlaces a las redes sociales o sitio web con "sameAs" -->
 
285            <a hidden href="https://www.facebook.com/VanguardiaMx/" itemprop="sameAs">Página de Facebook</a>
 
286            <a hidden href="https://twitter.com/vanguardiamx" itemprop="sameAs">Perfil de Twitter</a>
 
287            <a hidden href="https://www.linkedin.com/company/vanguardiamx/" itemprop="sameAs">Página de LinkedIn</a>
 
288            <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
 
289                <meta itemprop="url" content="https://vanguardia.com.mx/base-portlet/webrsrc/ctxvar/9d387887-99eb-4c1e-bb4a-7cbec97451dd.png" />
 
290                <meta itemprop="width" content="380" />
 
291                <meta itemprop="height" content="35" />
 
292            </div>
 
293	    </div>
 
294
 
295        <!-- parte de datos estructurados inicio fin -->
 
296
 
297		<script>
 
298			var group_id = $request.theme-display.scope-group-id;
 
299			var id_art_infinity = $reserved-article-id.data;
 
300			#if($iterVelocityTools.getVelocityVariable("teaseritemposition") == 1)
 
301				var teaser_first = true;
 
302				var n_noticia = 1;
 
303				idart_view = $reserved-article-id.data;
 
304			#else
 
305				var teaser_first = false;
 
306				var n_noticia = n_noticia + 1;
 
307			#end
 
308		</script>
 
309		
 
310		<div class="metadatos">#*
 
311		*##set($hmTemas = {})#*
 
312		*##getAcAssignedCatExtended_v1($hmTemas "Topic")#*
 
313		*##set($hmGeografico = {})#*
 
314		*##getAcAssignedCatExtended_v1($hmGeografico "Location")#*
 
315		*##set($hmPersonajes = {})#*
 
316		*##getAcAssignedCatExtended_v1($hmPersonajes "People")#*
 
317		*##set($hmAutores = {})#*
 
318		*##getAcAssignedCatExtended_v1($hmAutores "Author")#*
 
319		*##if($hmTemas && $hmTemas.size() > 0)	#*
 
320			*##foreach ($elem in $hmTemas)#*
 
321				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="topic" data-voc-id="102924553"/>#*
 
322			*##end#*
 
323		*##end#*
 
324		*##if($hmGeografico && $hmGeografico.size() > 0)#*
 
325			*##foreach ($elem in $hmGeografico)#*
 
326				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="location" data-voc-id="102922353"/>#*
 
327			*##end#*
 
328		*##end#*
 
329		*##if($hmAutores && $hmAutores.size() > 0)#*	
 
330			*##foreach ($elem in $hmAutores)#*
 
331				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="author" data-voc-id="102924559"/>#*
 
332			*##end#*
 
333		*##end#*
 
334		*#</div>
 
335		<div class="canonical hidden"></div>
 
336		
 
337
 
338    ##PAYWALL HIT MAS
 
339	<script>
 
340		$(document).ready(function() {
 
341			var title = "$!escapeTool.html($!title)";
 
342			sendHitUser(title);
 
343		});
 
344	</script>
 
345
 
346    ##PAYWALL PRODUCT
 
347        #set($product = "")
 
348        #set($article_is_restricted = $articleToolbox.article_is_restricted())
 
349        #if ($article_is_restricted)
 
350            #foreach($products in $articleToolbox.getProductList())
 
351            #set($product = $products.get("name"))
 
352            #end
 
353            <div id="type-note" data-id="$product"></div>
 
354        #end  
 
355        ##USUARIO ANONIMO
 
356        #*
 
357                #if ($environment != 'PREVIEW')
 
358            #php_if("strlen(getenv('ITER_USER'))===0")
 
359                #if($product == "registrados")
 
360                    
 
361                    #set($cons = "#echoCookieField('ITER-PAYWALL_PRODUCT_INFO-BHJ-ARTS_CONSUMED')")
 
362                    #set($total = "#echoCookieField('ITER-PAYWALL_PRODUCT_INFO-BHJ-ARTS_TOTAL')")
 
363                    <script>
 
364                    var cons = ${cons};
 
365                    var total = ${total};
 
366                    var disp = total-cons;
 
367                    $(".paywall-title span").html(disp);
 
368                    </script>
 
369                #end
 
370            
 
371            #php_end
 
372                #end
 
373        *#
 
374        ##FIN USUARIO ANONIMO
 
375	<!-- script para iframes pro Datafactory -->
 
376		<script type="text/javascript" src="https://sportsdemo.co/html/v3/htmlCenter/assets/libs/iframeResizer/iframeResizer.min.js"></script>
 
377		  <script type="text/javascript">
 
378		    document.addEventListener("DOMContentLoaded", function() {
 
379		      iFrameResize({"scrolling": false, "checkOrigin": false}, "iframe");
 
380		    });
 
381		  </script>
 
382			
 
383	<!-- script para iframes pro Datafactory -->
 
384		##HEADLINE
 
385        <script type="text/javascript" class="teads" async="true" src="//a.teads.tv/page/172705/tag"></script>
 
386
 
387		##publicidad video 
 
388
 
389		##publicidad video
 
390
 
391
 
392        
 
393        <style>
 
394            @media (max-width: 768px) {
 
395                #publicidadTopNota {
 
396                    display: none; /* Ocultar el elemento en dispositivos móviles */
 
397                }
 
398            }
 
399        </style>
 
400
 
401	    <article class="mrf-article-body">
 
402            <h1 class="headline artit font-1 medium bold" itemprop="headline" canonicalUrl="$articleToolbox.getArticleViewer('canonical')" idart="$reserved-article-id.data">#getTitle_v1</h1>
 
403            ## SECC / FECHA
 
404            <div class="info"><span class="secc"> #printTopcontainer_v1("section" "")</span> / <span class="date">#printDateAgo($dateMask "Hace" "minuto" "hora")</span> </div>
 
405		
 
406            <div id="content_note" style="visibility: hidden" class="row middle">
 
407                <!-- Columna de articulo padre -->
 
408                <div class="col-60-40-top-one-col col-xs-12 col-md-8 col-lg-8 portlet-column nopadding" id="col-60-40-top-one-col">
 
409
 
410			#set ($hasImages = $articleToolbox.getNumImageTags("Image", "true"))
 
411                        #if($section == "Opinión" || $section == "Politicón")
 
412				#if ($hasImages > 0)
 
413					<div class="image_main" itemprop="image">
 
414					    #getMultimediaMixed_v1("fullcontent", "crop_1152x648_detalle", "100%", "432", "100%")
 
415					</div>
 
416				#elseif($hmAutores && $hmAutores.size() > 0)
 
417					#foreach ($elem in $hmAutores)
 
418					    #set($articuloInstrumental = $aboutCategoryArticles.getArticle($elem.id))
 
419					    #set($imgColumn = $!articuloInstrumental.getImageTag("ImagenColumnista","0","crop_1152x648_detalle","","","","","true","",""))
 
420					    #if($imgColumn && $imgColumn != "")
 
421						#set($urlImage = $articuloInstrumental.getImageURL("ImagenColumnista", "0", "crop_1152x648_detalle"))
 
422						#set($metaImgAuthor = {})
 
423						###set($temp = $metaImgAuthor.put("property","og:image"))
 
424						###set($temp = $metaImgAuthor.put("content",$urlImage))
 
425						###$iterVelocityTools.addMetaTag( $metaImgAuthor )
 
426						<div class="image_main" itemprop="image">
 
427						    $!imgColumn
 
428						</div>
 
429					    #end
 
430					#end
 
431				#end
 
432                        #else
 
433                            ##IMAGEN
 
434                            <div class="image_main" itemprop="image">
 
435                                #getMultimediaMixed_v1("fullcontent", "crop_1152x648_detalle", "100%", "432", "100%")
 
436                            </div>
 
437                        #end
 
438
 
439                        <div class="container-fluid">
 
440                            <div class="row middle">
 
441
 
442                                <div class="col-60-40-top-two-col col-xs-12 col-md-3 col-lg-3 portlet-column nopadding" id="col-60-40-top-two-col">	
 
443
 
444                                    ##AUTOR
 
445                                    <div class="author" itemscope="" itemprop="author" itemtype="http://schema.org/Person">
 
446                                        #if($hmAutores && $hmAutores.size() > 0)
 
447                                            #foreach ($elem in $hmAutores)
 
448                                                #set($articuloInstrumental = $aboutCategoryArticles.getArticle($elem.id))
 
449                                                #set($imgAuthor = $!articuloInstrumental.getImageTag("Image","0","crop_250x250","","","","","$elem.name","",""))
 
450                                                <div class="img_author">
 
451                                                    #if($imgAuthor && $imgAuthor != "")
 
452                                                        $!imgAuthor
 
453                                                    #else
 
454                                                        <img class="img-fluid" src="$AuthorNoFoto"/>
 
455                                                    #end
 
456                                                </div>
 
457                                                <div class="text_author">por <span class="name_author" itemprop="name"><a itemprop="url" href="/autor/-/meta/$elem.friendlyname">$elem.name</a></span></div>
 
458                                            #end
 
459                                        #end
 
460                                    </div>
 
461
 
462					<!-- Estilo para Lista sin Plublicidad -->
 
463					<script>
 
464					    document.addEventListener('DOMContentLoaded', function() {
 
465					      // Obtener todos los div con la clase block_Parrafo_Lista
 
466					      var blocks = document.querySelectorAll('.block_Parrafo_Lista');
 
467					    
 
468					      // Iterar a través de los bloques
 
469					      blocks.forEach(function(block) {
 
470						// Obtener todos los elementos <p> dentro del bloque actual
 
471						var paragraphs = block.querySelectorAll('p');
 
472					    
 
473						// Iterar a través de los elementos <p>
 
474						paragraphs.forEach(function(paragraph) {
 
475						  // Verificar si el <p> está vacío
 
476						  if (paragraph.innerHTML.trim() === '') {
 
477						    // Agregar altura y display block
 
478						    paragraph.style.height = '20px';
 
479						    paragraph.style.display = 'block';
 
480						  }
 
481					    
 
482						  // Verificar si el <p> contiene un <b> vacío
 
483						  var boldElement = paragraph.querySelector('b');
 
484						  if (boldElement && boldElement.innerHTML.trim() === '') {
 
485						    // Agregar altura y display block al <b> dentro del <p>
 
486						    boldElement.style.height = '20px';
 
487						    boldElement.style.display = 'block';
 
488						  }
 
489						});
 
490					      });
 
491					    });
 
492					    </script>
 
493					<style>
 
494					    div.block_Parrafo_Lista p{
 
495						margin: 0px !important;
 
496					    }
 
497					</style>
 
498					<!-- Estilo para Lista sin Plublicidad -->
 
499
 
500
 
501                                    <!-- Google Contribucion inicio -->
 
502                                    #if($section == "NOsection" || $section == "NOsection")
 
503                                        <script async type="application/javascript"
 
504                                                        src="https://news.google.com/swg/js/v1/swg-basic.js"></script>
 
505                                                    
 
506
 
507                                        <script>
 
508                                            (self.SWG_BASIC = self.SWG_BASIC || []).push( basicSubscriptions => {
 
509                                            basicSubscriptions.init({
 
510                                            type: "NewsArticle",
 
511                                            isPartOfType: ["Product"],
 
512                                            isPartOfProductId: "CAowteHSAQ:openaccess",
 
513                                            clientOptions: { theme: "light", lang: "es" },
 
514                                            });
 
515                                            });
 
516                                        </script>
 
517                                        <style>
 
518                                            @media (min-width: 1024px) {
 
519                                                .swg-button-v2-dark, .swg-button-v2-light {
 
520                                                -ms-flex-align: center;
 
521                                                align-items: center;
 
522                                                border: 0.5px solid #beb5b557 !important;
 
523                                                border-radius: 4px;
 
524                                                box-sizing: border-box;
 
525                                                cursor: pointer;
 
526                                                display: -ms-inline-flexbox;
 
527                                                display: inline-flex;
 
528                                                font-family: Google Sans,Roboto-Regular,sans-serif,arial;
 
529                                                font-size: 10px;
 
530                                                font-weight: 500;
 
531                                                height: 44px;
 
532                                                letter-spacing: .001em;
 
533                                                min-height: 44px;
 
534                                                min-width: 150px !important;
 
535                                                outline: 0;
 
536                                                width: 175px !important;
 
537                                            }
 
538                                            .swg-button-v2-icon-dark, .swg-button-v2-icon-light {
 
539                                                background-size: contain;
 
540                                                height: 18px;
 
541                                                margin-left: 15px !important;
 
542                                                margin-right: 8px;
 
543                                                width: 18px;
 
544                                            }
 
545                                            }
 
546                                            @media (max-width: 1023px) {
 
547                                            .centermovileG{
 
548                                                justify-content: center;
 
549                                                display: flex;
 
550                                                margin-bottom: 20px;
 
551                                            }
 
552                                            }
 
553                                        </style>
 
554                                        <div class="centermovileG">
 
555                                            <button style="margin-top: 11px;" swg-standard-button="contribution">Contribuciones</button>
 
556                                        </div>
 
557                                    #end
 
558                                    <!-- Googel Contribucion Fin -->
 
559
 
560                                    <style>
 
561                                        .compartirr{
 
562                                        position: sticky;
 
563                                        top:50px;
 
564                                        }
 
565                                    </style>
 
566                                    <div class="compartirr">	
 
567                                        
 
568                                        <div class="rrss d-desktop">
 
569                                            <h2 class="sectiondestacadas " style="margin-bottom: 15px;margin-top: 40px;">COMPARTIR</h2>		
 
570                                            <div class="network-social"> 
 
571                                                <ul class="social-options"> 
 
572                                                    <li> 
 
573                                                        <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Facebook"> 
 
574                                                            <div class="fab facebook"></div>
 
575                                                            <b>Facebook</b> 
 
576                                                        </a> 
 
577                                                    </li> 
 
578                                                    <li> 
 
579                                                        <a class="twitter" href="https://twitter.com/intent/tweet?text=$!escapeTool.html($!title)&amp;url=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Twitter"> 
 
580                                                            <div class="fab twitter"></div>
 
581                                                            <b>Twitter</b> 
 
582                                                        </a> 
 
583                                                    </li>  
 
584                                                    <li> 
 
585                                                        <a class="whatsapp" href="https://api.whatsapp.com/send?text=$!escapeTool.html($!title) - ${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Whatsapp"> 
 
586                                                            <div class="fab whatsapp"></div>
 
587                                                            <b>Whatsapp</b> 
 
588                                                        </a> 
 
589                                                    </li> 
 
590                                                    <li> 
 
591                                                        <a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Linkedin"> 
 
592                                                            <div class="fab linkedin"></div>
 
593                                                            <b>Linkedin</b> 
 
594                                                        </a> 
 
595                                                    </li>
 
596                                                </ul> 
 
597                                            </div>							                            
 
598                                        </div>
 
599
 
600                                        ## TAGS
 
601                                        <div class="temas d-desktop" temas="$hmTemas.size()">
 
602                                            <h2 class="sectiondestacadas" style="margin-bottom: 15px;" >TEMAS</h2>	
 
603                                            #if($hmTemas && $hmTemas.size() > 0)
 
604                                                #foreach ($elem in $hmTemas)
 
605                                                    <div class="item_tema t_$hmTemas.size() keywords" itemprop="keywords"><a href="/topic/-/meta/$elem.friendlyname">$elem.name</a></div>
 
606                                                #end
 
607                                            #end
 
608                                            #if($hmGeografico && $hmGeografico.size() > 0)
 
609                                                #foreach ($elem in $hmGeografico)
 
610                                                    <div class="item_tema t_$hmGeografico.size() keywords" itemprop="keywords"><a href="/topic/-/meta/$elem.friendlyname">$elem.name</a></div>
 
611                                                #end
 
612                                            #end
 
613                                        </div>
 
614                                        
 
615                                    </div>
 
616                                </div>
 
617                                <style>
 
618                                    @media (max-width: 468px){
 
619                                        .template-infinity .rrss.end {
 
620                                            display: flex !important;
 
621                                            gap: 10px !important;
 
622                                            border-bottom: 1px dotted #e0e0e0 !important;
 
623                                            border-top: 1px dotted #e0e0e0 !important;
 
624                                            padding-top: 10px !important;
 
625                                            padding-bottom: 0px !important;
 
626                                            margin-bottom: 0px !important;
 
627                                            padding-left: 0px !important;
 
628                                            position: sticky !important;
 
629                                            top: 5% !important;
 
630                                            background: white !important;
 
631                                            z-index: 9 !important;
 
632                                            justify-content: center !important;
 
633					    margin-bottom: 25px !important;
 
634                                        }                                        
 
635                                        .template-infinity .social-options a.whatsapp, .template-infinity .social-options a.facebook, .template-infinity .social-options a.twitter, .template-infinity .social-options a.linkedin {
 
636                                            border-radius: 0% !important;
 
637                                            height: 40px !important;
 
638                                            width: 40px !important;
 
639                                            padding-left: 25% !important;
 
640                                            padding-top: 2% !important;
 
641                                        } 
 
642                                        .template-infinity .network-social .social-options {
 
643                                            gap: 9px !important;
 
644                                        }
 
645                                    }
 
646
 
647                                </style>
 
648
 
649
 
650                                #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
 
651                                    <div class="rrss end d-movil" style="
 
652                                    position: sticky;
 
653                                    top: 38px;
 
654                                    background: white;
 
655                                    z-index: 3;">
 
656                                        <div class="cab-rrss">COMPARTIR</div>
 
657                                        <div class="network-social"> 
 
658                                            <ul class="social-options"> 
 
659                                                <li> 
 
660                                                    <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Facebook"> 
 
661                                                        <div class="fab facebook"></div>
 
662                                                    </a> 
 
663                                                </li> 
 
664                                                <li> 
 
665                                                    <a class="twitter" href="https://twitter.com/intent/tweet?text=$!escapeTool.html($!title)&amp;url=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Twitter"> 
 
666                                                        <div class="fab twitter"></div>
 
667                                                    </a> 
 
668                                                </li>  
 
669                                                <li> 
 
670                                                    <a class="whatsapp" href="https://api.whatsapp.com/send?text=$!escapeTool.html($!title) - ${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Whatsapp"> 
 
671                                                        <div class="fab whatsapp"></div>									
 
672                                                    </a> 
 
673                                                </li>  
 
674                                                                                    <li> 
 
675                                                    <a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Linkedin"> 
 
676                                                                        <div class="fab linkedin"></div>								
 
677                                                    </a> 
 
678                                                </li>  
 
679                                            </ul> 
 
680                                        </div>							                            
 
681                                    </div>
 
682                                #php_end
 
683
 
684                                <div class="col-60-40-top-one-col col-xs-12 col-md-9 col-lg-9 portlet-column nopadding" id="col-60-40-top-one-col">
 
685
 
686                                    ##SUBHEADLINE/TOPHEADLINE
 
687                                    #set ($tempSubheadline = "#getTeaserSubheadline(true)")
 
688                                    #if($tempSubheadline && $tempSubheadline != "")
 
689                                        <h2 class="subheadline" itemprop="description">#getTeaserSubheadline_v1(false)</h2>
 
690                                    #end
 
691
 
692##PUBLI BOX PREMIUM
 
693
 
694
 
695
 
696
 
697                                    ##aqui estaba el paywall inicio
 
698                                    ##PAYWALL
 
699                                    #php_if("strlen(getenv('ITER_USER'))!==0")
 
700                                        <!--Usuario logueado-->
 
701                                        #set($islogged = "true")
 
702                                    #php_else
 
703                                        <!--Usuario no logueado-->
 
704                                        #set($islogged = "false")
 
705                                    #php_end
 
706
 
707                                    #set($productList = $articleToolbox.getProductList())
 
708                                    #set($producto = '')
 
709                                    #if ($productList && $productList.size() > 0)
 
710                                        #set($producto = $productList.get(0).namebase64)
 
711                                    #end  
 
712                                    <!-- product:$producto -->
 
713                                    <!-- reserved-article-id.data:$reserved-article-id.data -->
 
714                                    #set($useraccess = "false")	
 
715                                    #set($article_is_restricted = $articleToolbox.article_is_restricted())
 
716                                    
 
717                                        <!-- TEXTO LIBRE -->
 
718                                        ##TEXTO
 
719                                        <div class="text resizable">
 
720                                            #printHTMLContentArticle_v1_latam($arrayListContenidos, "crop_1152x648", "100%", "100%", "375", $addInParagraph)
 
721                                            
 
722                                            <!-- funcion para leer la nota inicio -->
 
723
 
724                                            <button hidden id="leer">Leer Texto</button>
 
725                                            <script>
 
726                                            const botonLeer = document.getElementById('leer');
 
727
 
728                                            botonLeer.addEventListener('click', () => {
 
729                                                const elementosParaLeer = document.querySelectorAll('.paragraph.texto p');
 
730
 
731                                                if (elementosParaLeer.length === 0) {
 
732                                                console.log('No se encontraron elementos para leer.');
 
733                                                return;
 
734                                                }
 
735
 
736                                                const mensaje = new SpeechSynthesisUtterance();
 
737                                                mensaje.voice = speechSynthesis.getVoices().find(voice => voice.lang === 'es-ES');
 
738
 
739                                                elementosParaLeer.forEach(elemento => {
 
740                                                mensaje.text = elemento.textContent;
 
741                                                window.speechSynthesis.speak(mensaje);
 
742                                                });
 
743                                            });
 
744                                            </script>
 
745
 
746                                            <!-- funcion leer nota fin -->
 
747
 
748                                            <!-- nuevas tags con estilo de especial + autores inicio -->
 
749
 
750                                                <!-- TAGS MOVIL INICIO -->
 
751                                                ## TAGS
 
752                                                <div class="temas d-movil" temas="$hmTemas.size()">
 
753                                                <div class="cab-temas">TEMAS</div>
 
754                                                #if($hmTemas && $hmTemas.size() > 0)
 
755                                                    #foreach ($elem in $hmTemas)
 
756                                                    <div class="item_tema t_$hmTemas.size() keywords" itemprop="keywords"><a href="/topic/-/meta/$elem.friendlyname">$elem.name</a></div>
 
757                                                    #end
 
758                                                #end
 
759                                                #if($hmGeografico && $hmGeografico.size() > 0)
 
760                                                    #foreach ($elem in $hmGeografico)
 
761                                                    <div class="item_tema t_$hmGeografico.size() keywords" itemprop="keywords"><a href="/topic/-/meta/$elem.friendlyname">$elem.name</a></div>
 
762                                                    #end
 
763                                                #end
 
764                                                </div>
 
765                                                <!-- TAGS MOVIL FIN -->
 
766
 
767                                            <!-- nuevas tags con estilo de especial + autores fin  -->
 
768
 
769                                            <!-- excoplayer video debajo de la nota inicio 
 
770
 
771                                            <script>
 
772                                            (function (d, s, n) {
 
773                                                var js, fjs = d.getElementsByTagName(s)[0];
 
774                                                js = d.createElement(s);
 
775                                                js.className = n;
 
776                                                js.src = "//player.ex.co/player/0b65faeb-7817-45cc-a6d0-60e3e0b40b3a";
 
777                                                fjs.parentNode.insertBefore(js, fjs);
 
778                                            }(document, 'script', 'exco-player'));
 
779                                            </script>
 
780                                            <style>
 
781                                            @media (max-width: 767px){
 
782                                            .sectiondestacadas {
 
783                                                margin: 0px !important;
 
784                                            }
 
785                                            }
 
786
 
787                                            </style>
 
788                                            <div class="VideoVanguardiapro" style="border-top: 1px solid #e0e0e0;margin-top: 20px;width: auto;margin-bottom: 20px;"></div>
 
789                                            <h2 class="sectiondestacadas VideoVanguardiapro" style="margin-bottom: 20px !important;" >Videos</h2>
 
790                                            <div class="VideoVanguardiapro" id="0b65faeb-7817-45cc-a6d0-60e3e0b40b3a" ></div>
 
791
 
792                                             excoplayer video debajo de la nota fin -->
 
793                                        </div>
 
794                                        <!-- TEXTO LIBRE -->
 
795
 
796                                        ##GENERICO
 
797                                        #if($Generic && $Generic.getSiblings().size()>0)
 
798                                            <ul class="generic">
 
799                                                #foreach ($el in $Generic.getSiblings())
 
800                                                    <li><span class="icon"></span><a href="$!el.Document.data" >$!el.data ($el.Extension.data)</a></li>
 
801                                                #end
 
802                                            </ul>
 
803                                        #end
 
804                                    
 
805
 
806                                        ## FIN PAYWALL
 
807                                        ##aqui estaba el paywall fin
 
808
 
809                                        ## MOVER TEXTO AQUI
 
810
 
811                                        ##RELACIONADAS EXTERNAS 
 
812                                        #set ($urlLink = $articleToolbox.getTag(null,"linkURL") )
 
813                                        #set ($titleLink = $articleToolbox.getTag(null,"linkTitle"))
 
814                                        #if(($urlLink && $urlLink.data != "")  && ($titleLink && $titleLink.data != ""))
 
815                                            <a class="ext_link" href="$!urlLink.data" target="_blank" rel="nofollow">
 
816                                                <strong>$!titleLink.data</strong>
 
817                                            </a>
 
818                                        #end
 
819                                        ##RELACIONADAS INTERNAS 
 
820                                        #if($linkIntTitle && $linkIntTitle.getSiblings().size()>0)
 
821                                            <div class="link_tpi">
 
822                                                <div class="head_int"><span class="icon"></span> TE PUEDE INTERESAR: </div>
 
823                                                #foreach ($el in $linkIntTitle.getSiblings())
 
824                                                    <div class="item_int"><a href="$!el.linkIntURL.data" >$!el.data</a></div>
 
825                                                #end
 
826                                            </div>
 
827                                        #end
 
828
 
829
 
830                                        ##openweb					
 
831                                            <div hidden class="fb-comments">
 
832                        
 
833                                                #set($urlfb = $canonicalUrl)
 
834                                                #foreach ($element in $urlfb.split("-"))
 
835                                                    #set($urlid = $element)
 
836                                                #end
 
837                                                #set($urlfb = "FB-" + $urlid)
 
838                                                        
 
839                                            </div>
 
840                        
 
841                        
 
842                                            <div data-spotim-app="reactions" data-spot-id="sp_wVRiLLf2" data-post-id="$urlfb"></div>
 
843                        
 
844                        
 
845                                                <script 
 
846                                                    async 
 
847                                                    src="https://launcher.spot.im/spot/sp_wVRiLLf2"
 
848                                                    data-spotim-module="spotim-launcher"
 
849                                                    data-post-url="https://vanguardia.com.mx/$urlfb"   
 
850                                                    data-post-id="$urlfb">
 
851                                                </script>
 
852                    
 
853                                        ##cierra openweb
 
854                                            
 
855                                        #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
 
856                                            ##PUBLI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
857                                            ##<div class="publi">$!iterVelocityTools.getAdContainer("nota_v_bot")</div> ++++++++++++++++
 
858                                        #php_end
 
859
 
860                                </div>
 
861
 
862                            </div>
 
863                        </div>
 
864                </div>
 
865
 
866                <div class="col-60-40-top-two-col col-xs-12 col-md-4 col-lg-4 portlet-column nopadding" id="col-60-40-top-two-col">	
 
867
 
868                    <script>
 
869                        document.addEventListener('DOMContentLoaded', function() {
 
870                        // Retrasa la ejecución del código durante 1 segundo (1000 milisegundos)
 
871                        setTimeout(function() {
 
872                        // Obtén una referencia a los elementos div con las clases específicas
 
873                        var resizableDiv = document.querySelector('.text.resizable');
 
874                        var otherDiv = document.querySelector('#col-60-40-top-two-col');
 
875
 
876                        // Obtén la altura del div redimensionable
 
877                        //var resizableDivHeight = resizableDiv.offsetHeight;
 
878                        var altura = resizableDiv.getBoundingClientRect();
 
879                        // Asigna la altura del div redimensionable al otro div
 
880                        otherDiv.style.height = altura + 'px';
 
881                        }, 1000); // 1000 ms = 1 segundo
 
882                        });
 
883                    </script>
 
884
 
885                    ##PUBLI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
886                    #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
 
887                                    
 
888                    #php_else
 
889                        <div islogged="$islogged" useraccess="$useraccess"></div>
 
890                        <div class="publi" style="width: 300px; margin: 1rem auto; margin-top: 0px;";>$!iterVelocityTools.getAdContainer("nota_v_sb1")</div>
 
891                        <style>
 
892                            .cab_ads{
 
893                                display: none;
 
894                            }
 
895                        </style>
 
896                    #php_end	
 
897
 
898                    <!-- la enceusta se ve aqui inicio -->
 
899
 
900                    <div id="" class="portlet-boundary portlet-static-end htmlcontainer-portlet block_newsletter">
 
901
 
902                        <div class="move-from-a">
 
903                        
 
904                            <h2 class="sectiondestacadas">Encuesta Vanguardia</h2>
 
905
 
906                              <div id="encuesta1" hidden>
 
907<div style="margin-bottom: 40px;margin-top: 40px;" data-placement-id="d44fdbf9-398c-443f-8ef8-abe8d59aad13" data-container="exco-placement"><script>(window.excoPlacements=window.excoPlacements||[]).push("d44fdbf9-398c-443f-8ef8-abe8d59aad13");</script></div>
 
908<script src="https://smart-placements-sdk.ex.co/v1/4c5d975f-5ccc-422a-967c-bdca2f89738c/sdk.js"></script>
 
909                               </div>
 
910
 
911                            <div id="encuesta2" hidden>
 
912<div style="margin-bottom: 40px;margin-top: 40px;" data-placement-id="bd14a761-3785-40ca-a756-ee22dc5cb991" data-container="exco-placement"><script>(window.excoPlacements=window.excoPlacements||[]).push("bd14a761-3785-40ca-a756-ee22dc5cb991");</script></div>
 
913<script src="https://smart-placements-sdk.ex.co/v1/4c5d975f-5ccc-422a-967c-bdca2f89738c/sdk.js"></script>
 
914                            </div>
 
915
 
916                            <div id="encuesta3" hidden>
 
917<div style="margin-bottom: 40px;margin-top: 40px;" data-placement-id="666de03e-32d6-4adc-8540-b0251a712759" data-container="exco-placement"><script>(window.excoPlacements=window.excoPlacements||[]).push("666de03e-32d6-4adc-8540-b0251a712759");</script></div>
 
918<script src="https://smart-placements-sdk.ex.co/v1/4c5d975f-5ccc-422a-967c-bdca2f89738c/sdk.js"></script>
 
919                            </div>
 
920
 
921                            <div id="encuesta4" hidden>
 
922<div style="margin-bottom: 40px;margin-top: 40px;" data-placement-id="ca1e87d0-e455-4ac2-a094-80a8b28e0043" data-container="exco-placement"><script>(window.excoPlacements=window.excoPlacements||[]).push("ca1e87d0-e455-4ac2-a094-80a8b28e0043");</script></div>
 
923<script src="https://smart-placements-sdk.ex.co/v1/4c5d975f-5ccc-422a-967c-bdca2f89738c/sdk.js"></script>
 
924                            </div>
 
925
 
926                            <div id="encuesta5" hidden>
 
927<div style="margin-bottom: 40px;margin-top: 40px;" data-placement-id="40435a41-3801-4762-aa60-9754aa689bb1" data-container="exco-placement"><script>(window.excoPlacements=window.excoPlacements||[]).push("40435a41-3801-4762-aa60-9754aa689bb1");</script></div>
 
928<script src="https://smart-placements-sdk.ex.co/v1/4c5d975f-5ccc-422a-967c-bdca2f89738c/sdk.js"></script>
 
929                            </div>
 
930
 
931                            <script>
 
932                                document.addEventListener("DOMContentLoaded", function() {
 
933                                    // Obtener el día de la semana (0: domingo, 1: lunes, 2: martes, ..., 6: sábado)
 
934                                    var dayOfWeek = new Date().getDay();
 
935
 
936                                    // Mostrar el div de la encuesta correspondiente al día de la semana
 
937                                    switch (dayOfWeek) {
 
938                                    case 1: // Lunes
 
939                                        document.getElementById("encuesta1").removeAttribute("hidden");
 
940                                        break;
 
941                                    case 2: // Martes
 
942                                        document.getElementById("encuesta2").removeAttribute("hidden");
 
943                                        document.getElementById("encuesta1").setAttribute("hidden", "true");
 
944                                        break;
 
945                                    case 3: // Miércoles
 
946                                        document.getElementById("encuesta3").removeAttribute("hidden");
 
947                                        document.getElementById("encuesta2").setAttribute("hidden", "true");
 
948                                        break;
 
949                                    case 4: // Jueves
 
950                                        document.getElementById("encuesta4").removeAttribute("hidden");
 
951                                        document.getElementById("encuesta3").setAttribute("hidden", "true");
 
952                                        break;
 
953                                    case 5: // Viernes
 
954                                        document.getElementById("encuesta5").removeAttribute("hidden");
 
955                                        document.getElementById("encuesta4").setAttribute("hidden", "true");
 
956                                        break;
 
957                                    default: // Sábado (6) y Domingo (0)
 
958                                        document.getElementById("encuesta5").removeAttribute("hidden");
 
959                                    break;
 
960                                    // Para el resto de los días (sábado y domingo), no se mostrará ninguna encuesta
 
961                                    }
 
962                                });
 
963                            </script>
 
964
 
965                        </div>
 
966
 
967                    </div>	
 
968                    
 
969                    <!-- la enceusta se ve aqui fin -->
 
970                                    
 
971                    ##RANKING
 
972                    <div class="ranking_infinity lateral_secc c004_003"></div>
 
973                    ##PUBLI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
974                    #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")				
 
975                                    
 
976                    #php_else				
 
977                                    <div class="publi cb" style="width: 300px; margin: 1rem auto";>$!iterVelocityTools.getAdContainer("nota_v_sb2")</div>
 
978                    #php_end						
 
979                </div>
 
980
 
981            </div>
 
982
 
983            <!-- mover newslatter dentro de la nota inicio -->
 
984                <style>
 
985                    #mc_embed_signup.newsletterform {
 
986                        background: #ffffff !important;
 
987                        clear: left;
 
988                        font: 14px Helvetica,Arial,sans-serif;
 
989                        max-width: 550px;
 
990                        min-height: 150px;
 
991                        border-radius: 0px;
 
992                        box-shadow: rgb(0 0 0 / 30%) 0 10px 10px, rgb(0 0 0 / 22%) 0 0 5px;
 
993                        margin-inline: auto;
 
994                        padding-block: 15px;
 
995                        margin-top: 25px;
 
996                    }
 
997                    #mc_embed_signup.newsletterform h2 {
 
998                        margin: 15px 0;
 
999                        color: rgb(0, 0, 0);
 
1000                        font-size: 1.5rem!important;
 
1001                        font-family: "PT Serif",Georgia,serif!important;
 
1002                        font-weight: bolder!important;
 
1003                    }
 
1004                    #mc_embed_signup input.button {
 
1005                        top: -11px !important;
 
1006                        height: 40pxpx!important;
 
1007                        color: rgb(255, 255, 255) !important;
 
1008                        font-family: "PT Serif",Georgia,serif!important;
 
1009                        font-weight: bolder!important;
 
1010                        text-indent: 0 !important;
 
1011                        font-size: 1.2rem !important;
 
1012                        background-color: #000000!important;
 
1013                        background-image: none!important;
 
1014                        min-width: 95% !important;
 
1015                        border-radius: 0px !important;
 
1016                    }
 
1017
 
1018                    #mc_embed_signup.newsletterform {
 
1019                        height: 285px ;
 
1020                    }
 
1021                    #mc_embed_signup input.email{
 
1022                        min-height: 40px ;
 
1023                    }
 
1024                    @media screen and (min-width: 300px) and (max-width: 322px) {
 
1025                    #mc_embed_signup.newsletterform {
 
1026                        height: 353px !important;
 
1027                    }
 
1028                    .imagenescool{
 
1029                        padding-left: 0px;
 
1030                    }
 
1031                    }
 
1032                    @media screen and (min-width: 323px) and (max-width: 360px) {
 
1033                    #mc_embed_signup.newsletterform {
 
1034                        height: 333px !important;
 
1035                    }
 
1036                    .imagenescool{
 
1037                        padding-left: 0px;
 
1038                    }
 
1039                    }
 
1040                    @media screen and (min-width: 359px) and (max-width: 390px) {
 
1041                    #mc_embed_signup.newsletterform {
 
1042                        height: 315px !important;
 
1043                    }
 
1044                    .imagenescool{
 
1045                        padding-left: 0px;
 
1046                    }
 
1047                    }
 
1048                    @media screen and (min-width: 391px) and (max-width: 414px) {
 
1049                    #mc_embed_signup.newsletterform {
 
1050                        height: 310px ;
 
1051                    }
 
1052                    .imagenescool{
 
1053                        padding-left: 0px;
 
1054                    }
 
1055                    }
 
1056                    @media (max-width:460px){
 
1057                        .ImagenVanguardiaNewsL1{
 
1058                            height: 8vw !important;
 
1059                            margin-top: -14px !important;
 
1060                        }
 
1061                        .ImagenVanguardiaNewsL4{
 
1062                            margin-top: 7px !important;
 
1063                        }
 
1064                    }
 
1065                    @media (max-width:330px){
 
1066                        .columnaVanguardiaMovilNewsleters{
 
1067                            display: none !important;
 
1068                        }
 
1069                    }
 
1070                </style>
 
1071
 
1072<script>/*<![CDATA[*/
 
1073const mailchimpEmbedCookieDomain = '.vanguardia.com.mx';
 
1074const mailchimpEmbedDeleteCookie = (name, domain) => {
 
1075  document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/;domain=${domain}`;
 
1076};
 
1077const getMailchimpEmbedCookie = (cname) => {
 
1078  let name = cname + '=';
 
1079  let decodedCookie = decodeURIComponent(document.cookie);
 
1080  let ca = decodedCookie.split(';');
 
1081  for (let i = 0; i < ca.length; i++) {
 
1082    let c = ca[i];
 
1083    while (c.charAt(0) === ' ') {
 
1084      c = c.substring(1);
 
1085    }
 
1086    if (c.indexOf(name) === 0) {
 
1087      return c.substring(name.length, c.length);
 
1088    }
 
1089  }
 
1090  return '';
 
1091};
 
1092
 
1093
 
1094document.addEventListener('DOMContentLoaded', function() {
 
1095  // Obtener el elemento <p> con la clase "p_4"
 
1096  const elementoP = document.querySelector('p.p_4');
 
1097
 
1098  if (elementoP) {
 
1099
 
1100    const token = getMailchimpEmbedCookie('_vuser');
 
1101    const _token = token.split('.')[1];
 
1102    const decodeToken = _token ? JSON.parse(atob(_token)) : undefined;
 
1103    console.log('decodeToken', decodeToken);
 
1104    if (decodeToken && !decodeToken.email) {
 
1105      mailchimpEmbedDeleteCookie('_vuser', mailchimpEmbedCookieDomain);
 
1106      return window.location.reload();
 
1107    }
 
1108
 
1109    const email = decodeToken && decodeToken.email ? decodeToken.email : undefined;
 
1110    // Insertar el bloque de código HTML después del elemento <p>
 
1111    const bloqueHTML = `<div>
 
1112
 
1113                                            <link href='//cdn-images.mailchimp.com/embedcode/slim-10_7.css' rel='stylesheet' type='text/css'>
 
1114                                            <style type='text/css'>
 
1115                                                .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
 
1116                                            </style>
 
1117                                            <div class='newsletterform' id='mc_embed_signup' style='margin-bottom: 30px; padding: 0px !important;border-radius: 5px;'>
 
1118                                                <div class='row imagenescool' style='background-color: #657838;padding-left: 13px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;'>
 
1119                                                    <div class='col' style='justify-content: start;display: flex;align-items: center;'><div class='ImagenVanguardiaNewsL4' style='height: 36px;width: 100%;margin-top: 0px;'></div></div>
 
1120                                                    <div class='col columnaVanguardiaMovilNewsleters' style='justify-content: end;display: flex;align-items: center;'><div class='ImagenVanguardiaNewsL1' style='height: 51px;width: 100%;margin-top: -11px;'></div></div>
 
1121                                                </div>
 
1122                                                <form style='padding: 12px !important;' action='https://vanguardia.us3.list-manage.com/subscribe/post?u=372436c882786b2c9a8e7680a&id=51de90b277&f_id=006dc3e1f0' method='post' id='mc-embedded-subscribe-form' name='mc-embedded-subscribe-form' class='validate' target='_self' novalidate>
 
1123                                                    <div id='mc_embed_signup_scroll'>
 
1124                                                    <p style='color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;'> ¡Descubre el fascinante newsletter de Vanguardia y enamórate de la naturaleza del sureste de Coahuila! Únete para vivir aventuras, experiencias únicas y aprender todo sobre el senderismo. <strong>Regístrate ahora mismo.</strong></p>
 
1125 ${email ? '' : '<input style=\'margin: 0px 0% 10px 9px; !important\' type=\'email\' value=\'\' name=\'EMAIL\' class=\'email\' id=\'mce-EMAIL\' placeholder=\'Correo electrónico\' required>'}
 
1126
 
1127                                                    <div style='position: absolute; left: -5000px;' aria-hidden='true'><input type='text' name='b_372436c882786b2c9a8e7680a_51de90b277' tabindex='-1' value=''></div>
 
1128                                                    <div class='clear'><input type='submit' style='margin-top: 8px;right: 3% !important ;' value='Registrarme ahora' name='subscribe' id='mc-embedded-subscribe' class='button'></div>
 
1129                                                    </div>
 
1130                                                </form>
 
1131                                            </div>
 
1132                                        </div>`;
 
1133
 
1134    elementoP.insertAdjacentHTML('afterend', bloqueHTML);
 
1135  }
 
1136});
 
1137/*]]>*/</script>
 
1138                
 
1139            <!-- mover newslatter dentro de la nota fin -->
 
1140        </article>
 
1141	</div>
 
1142
 
1143</div>
 
1144<div class="cl"></div>
 
1145
 
1146<!-- apagar o encender scroll infinito -->
 
1147<div class="content-infinity-off">
 
1148<!-- apagar o encender scroll infinito -->
 
1149
 
1150</div>
 
1151
 
1152<script type="text/javascript" async="async">
 
1153if(isMobileEnvironment ==  false){
 
1154	if($(".ranking_infinity").size() > 0){
 
1155		$(".ranking_infinity").html($(".infinity_ranking .iter-tabview-content").html());
 
1156	}
 
1157}
 
1158</script>
 
1159
 
1160<script>
 
1161document.addEventListener("DOMContentLoaded", function() {
 
1162    var subheadline = document.querySelector("h2.subheadline");
 
1163    if (subheadline) {
 
1164        subheadline.insertAdjacentHTML('afterend', '<div id="impactify-screen-static"></div>');
 
1165        }
 
1166});
 
1167</script>
 
1168<script>
 
1169    window.impactifyTag = window.impactifyTag || [];
 
1170    impactifyTag.push({
 
1171    "appId": "642DCECC20D79-UID.vanguardia.com.mx",
 
1172    "format": "screen",
 
1173    "style": "static",
 
1174    "onNoAd": function(){}
 
1175});
 
1176    (function(d, s, id) {
 
1177        var js, ijs = d.getElementsByTagName(s)[0];
 
1178        if (d.getElementById(id)) return;
 
1179        js = d.createElement(s); js.id = id;
 
1180        js.src = 'https://ad.impactify.io/static/ad/tag.js';
 
1181        ijs.parentNode.insertBefore(js, ijs);
 
1182     }(document, 'script', 'impactify-sdk'));
 
1183</script>
 
1184##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
1185##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
1186#*
 
1187#if($iterVelocityTools.getVelocityVariable("teaseritemposition") != 1)
 
1188		#set($TituloEsc = $htmlUtil.escape($!Headline.data))
 
1189		#set($TituloEsc = $TituloEsc.replaceAll("\n", ""))
 
1190		#set ($tempSubheadline = "#getTeaserSubheadline(false)")
 
1191		#if($tempSubheadline && $tempSubheadline != "")
 
1192			#set($Texto = $tempSubheadline )
 
1193		#else
 
1194			#set($Texto = "#dameText(200)" )
 
1195		#end	
 
1196		#set($Texto = $Texto.replaceAll("<.*?>","") )
 
1197		#set($Texto = $Texto.trim() )
 
1198		#set($TextoEsc = $htmlUtil.escape($Texto))	
 
1199		#set($logo = "$iterVelocityTools.getVariable('0','logo_datos')" )
 
1200		#set($logo = $logo.trim() )
 
1201		#set($logo = $htmlUtil.escape($logo))
 
1202		#set($logo = $logo.replaceAll("/","\/") )
 
1203		#set($section = "")
 
1204		#set($section_url = "")
 
1205		#set($ac-sectionDateFrom =  $articleContext.selectNodes('articlectx/sections//section[@from]'))
 
1206		#if($ac-sectionDateFrom && $ac-sectionDateFrom.size() > 0)
 
1207			#foreach ($atrib in $ac-sectionDateFrom.get(0).attributes()  )
 
1208				#if($atrib.name == "name")
 
1209					#set($section = $!atrib.data)
 
1210				#end
 
1211				#if($atrib.name == "url")
 
1212					#set($section_url = $!atrib.data)
 
1213				#end
 
1214				
 
1215			#end
 
1216		#end
 
1217		## ***************AUTOR ********************
 
1218		#set($autorfinal = "")
 
1219		#set($urlautorfinal = "")
 
1220		#if($hmAutores.size() > 0)
 
1221			#set($hmAutor = $hmAutores.get(0))
 
1222			#set($autorfinal = $hmAutor.name)
 
1223			#set($autorfinalEsc = $htmlUtil.escape($autorfinal))	
 
1224			#set($urlautorfinal = "#metadataUrl_v1('autor')${hmAutor.friendlyname}")
 
1225		#end
 
1226		#if($autorfinal == "")
 
1227			#set($autorfinal = "Vanguardia")
 
1228		#end
 
1229		#set($ac-url = $articleContext.selectNodes('articlectx/url'))
 
1230		#set($xml-url = $ac-url.get(0).text)
 
1231		#set($url_actual = $!xml-url )
 
1232
 
1233
 
1234		<!-- ITEMS EN PAGINA  fullaccess: $fullaccess -->
 
1235		<meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="#siteUrl()$url_actual" />
 
1236		<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
 
1237			<meta itemprop="url" content="https://vanguardia.com.mx/" />
 
1238			<meta itemprop="name" content="Vanguardia" />
 
1239			<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
 
1240				<meta itemprop="url" content="$iterVelocityTools.getVariable('0','logo_datos')" />
 
1241				<meta itemprop="width" content="600" />
 
1242				<meta itemprop="height" content="60" />
 
1243			</div>
 
1244		</div>
 
1245
 
1246
 
1247##METAS TWITTER
 
1248
 
1249#set($metaTW = {})
 
1250#set($temp = $metaTW.put("property","twitter:card"))
 
1251#set($temp = $metaTW.put("content", "summary_large_image"))
 
1252$iterVelocityTools.addMetaTag( $metaTW )
 
1253
 
1254#set($metaTW = {})
 
1255#set($temp = $metaTW.put("property","twitter:site"))
 
1256#set($temp = $metaTW.put("content", "vanguardiamx"))
 
1257$iterVelocityTools.addMetaTag( $metaTW )
 
1258
 
1259#set($metaTW = {})
 
1260#set($temp = $metaTW.put("property","twitter:title"))
 
1261#set($temp = $metaTW.put("content", "$!TituloEsc"))
 
1262$iterVelocityTools.addMetaTag( $metaTW )
 
1263
 
1264#set($metaTW = {})
 
1265#set($temp = $metaTW.put("property","twitter:description"))
 
1266#set($temp = $metaTW.put("content", "$TextoEsc"))
 
1267$iterVelocityTools.addMetaTag( $metaTW )
 
1268
 
1269#if($pub_imagen != "")
 
1270	#set($metaTW = {})
 
1271	#set($temp = $metaTW.put("property","twitter:image"))
 
1272	#set($temp = $metaTW.put("content", "$pub_imagen"))
 
1273	$iterVelocityTools.addMetaTag( $metaTW )
 
1274#end
 
1275
 
1276#set($metaTW = {})
 
1277#set($temp = $metaTW.put("property","twitter:url"))
 
1278#set($temp = $metaTW.put("content", "https://twitter.com/vanguardiamx"))
 
1279$iterVelocityTools.addMetaTag( $metaTW )
 
1280
 
1281#set($metaTW = {})
 
1282#set($temp = $metaTW.put("property","twitter:domain"))
 
1283#set($temp = $metaTW.put("content", "https://vanguardia.com.mx"))
 
1284$iterVelocityTools.addMetaTag( $metaTW )
 
1285
 
1286
 
1287
 
1288#end
 
1289*#
 
1290##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
1291##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
Selección de los editores