¿Qué es 'Pottermore'? (video)

Tech
/ 23 septiembre 2015
    An error occurred while processing the template.
    Invocation of method 'getImageProperties' in  class com.liferay.portal.util.IterTemplateContent threw exception XYZ_E_INVALIDARG_ZYX at 21736/F/SCROLL_INFINITO[line 570, column 69]
    1##----Estandar2.0----
     
    2$iterVelocityTools.setRenderArticleMode(1)
     
    3#set($sort = "createdate")
     
    4#set($criteria= "desc")
     
    5##set($art_next = $articleToolbox.getSiblingArticle($sort, $criteria, "next"))
     
    6#set($sectionID = "#printAssignedSectionID_v1")
     
    7#set($templateId = $iterVelocityTools.getVelocityVariable("template_id")) 
     
    8## CONTENIDOS
     
    9#set($dateMask = "d MMMM yyyy")
     
    10#set($canonicalUrl = $articleToolbox.getArticleViewer('canonical'))
     
    11#set($title = $!articleToolbox.getTag(null,'Headline').data)
     
    12#set($hostName = "#siteUrl()")
     
    13##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    14#set ($arrayListContenidos = [])
     
    15
     
    16#set ($element = {})
     
    17#set ($temp = $element.put("name","Text"))
     
    18#set ($temp = $element.put("type","paragraph"))
     
    19#set ($temp = $element.put("cssclass","texto"))
     
    20#set ($temp = $element.put("tag","div"))
     
    21#set($temp = $arrayListContenidos.add($element))
     
    22
     
    23#set ($element = {})
     
    24#set ($temp = $element.put("name","Image_Text"))
     
    25#set ($temp = $element.put("type","image"))
     
    26#set ($temp = $element.put("cssclass","img text"))
     
    27#set ($temp = $element.put("tag","div"))
     
    28#set($temp = $arrayListContenidos.add($element))
     
    29
     
    30#set ($element = {})
     
    31#set ($temp = $element.put("name","Image_Text_GIF"))
     
    32#set ($temp = $element.put("type","image"))
     
    33#set ($temp = $element.put("cssclass","imagen"))
     
    34#set ($temp = $element.put("tag","div"))
     
    35#set($temp = $arrayListContenidos.add($element))
     
    36
     
    37#set ($element = {})
     
    38#set ($temp = $element.put("name","Lead_Text"))
     
    39#set ($temp = $element.put("type","text"))
     
    40#set ($temp = $element.put("cssclass","intertitulo"))
     
    41#set ($temp = $element.put("tag","div"))
     
    42#set($temp = $arrayListContenidos.add($element))
     
    43
     
    44#set ($element = {})
     
    45#set ($temp = $element.put("name","HTML_Text"))
     
    46#set ($temp = $element.put("type","html"))
     
    47#set ($temp = $element.put("cssclass","html_text"))
     
    48#set ($temp = $element.put("tag","div"))
     
    49#set($temp = $arrayListContenidos.add($element))
     
    50
     
    51#set ($element = {})
     
    52#set ($temp = $element.put("name","Twitter_Text"))
     
    53#set ($temp = $element.put("type","twitter"))
     
    54#set ($temp = $element.put("cssclass","twitter_text"))
     
    55#set ($temp = $element.put("tag","div"))
     
    56#set ($temp = $arrayListContenidos.add($element))
     
    57
     
    58#set ($element = {})
     
    59#set ($temp = $element.put("name","Facebook_Text"))
     
    60#set ($temp = $element.put("type","facebook"))
     
    61#set ($temp = $element.put("cssclass","facebook_text"))
     
    62#set ($temp = $element.put("tag","div"))
     
    63#set ($temp = $arrayListContenidos.add($element))
     
    64
     
    65#set ($element = {})
     
    66#set ($temp = $element.put("name","Instagram_Text"))
     
    67#set ($temp = $element.put("type","instagram"))
     
    68#set ($temp = $element.put("cssclass","instagram_text"))
     
    69#set ($temp = $element.put("tag","div"))
     
    70#set ($temp = $arrayListContenidos.add($element))
     
    71
     
    72#set ($element = {})
     
    73#set ($temp = $element.put("name","Youtube_Text"))
     
    74#set ($temp = $element.put("type","youtube"))
     
    75#set ($temp = $element.put("cssclass","youtube_video"))
     
    76#set ($temp = $element.put("tag","div"))
     
    77#set($temp = $arrayListContenidos.add($element))
     
    78
     
    79#set ($element = {})
     
    80#set ($temp = $element.put("name","Multimedia_Text"))
     
    81#set ($temp = $element.put("type","multimedia"))
     
    82#set ($temp = $element.put("cssclass","video"))
     
    83#set ($temp = $element.put("tag","div"))
     
    84#set($temp = $arrayListContenidos.add($element))
     
    85
     
    86#set ($element = {})
     
    87#set ($temp = $element.put("name","Flourish_Text"))
     
    88#set ($temp = $element.put("type","text"))
     
    89#set ($temp = $element.put("cssclass","flourish_text"))
     
    90#set ($temp = $element.put("tag","div"))
     
    91#set ($temp = $arrayListContenidos.add($element))
     
    92
     
    93#set ($element = {})
     
    94#set ($temp = $element.put("name","Quote"))
     
    95#set ($temp = $element.put("type","text"))
     
    96#set ($temp = $element.put("cssclass","quote"))
     
    97#set ($temp = $element.put("tag","div"))
     
    98#set($temp = $arrayListContenidos.add($element))
     
    99
     
    100#set ($element = {})
     
    101#set ($temp = $element.put("name","Quote_byline"))
     
    102#set ($temp = $element.put("type","text"))
     
    103#set ($temp = $element.put("cssclass","Quote_byline"))
     
    104#set ($temp = $element.put("tag","div"))
     
    105#set ($temp = $arrayListContenidos.add($element))
     
    106
     
    107#set ($element = {})
     
    108#set ($temp = $element.put("name","linkTitle_Text"))
     
    109#set ($temp = $element.put("type","text"))
     
    110#set ($temp = $element.put("cssclass","link_tpi"))
     
    111#set ($temp = $element.put("tag","div"))
     
    112#set($temp = $arrayListContenidos.add($element))
     
    113
     
    114#set ($element = {})
     
    115#set ($temp = $element.put("name","title_list"))
     
    116#set ($temp = $element.put("type","microformat"))
     
    117#set ($temp = $element.put("cssclass","microformat"))
     
    118#set ($temp = $element.put("tag","div"))
     
    119#set($temp = $arrayListContenidos.add($element))
     
    120
     
    121#set ($element = {})
     
    122#set ($temp = $element.put("name","image_list"))
     
    123#set ($temp = $element.put("type","microformat"))
     
    124#set ($temp = $element.put("cssclass","microformat"))
     
    125#set ($temp = $element.put("tag","div"))
     
    126#set($temp = $arrayListContenidos.add($element))
     
    127
     
    128#set ($element = {})
     
    129#set ($temp = $element.put("name","text_list"))
     
    130#set ($temp = $element.put("type","microformat"))
     
    131#set ($temp = $element.put("cssclass","microformat"))
     
    132#set ($temp = $element.put("tag","div"))
     
    133#set($temp = $arrayListContenidos.add($element))
     
    134
     
    135#set ($element = {})
     
    136#set ($temp = $element.put("name","Parrafo_Lista"))
     
    137#set ($temp = $element.put("type","text"))
     
    138#set ($temp = $element.put("cssclass","Parrafo_Lista"))
     
    139#set ($temp = $element.put("tag","div"))
     
    140#set ($temp = $arrayListContenidos.add($element))
     
    141
     
    142#set ($element = {})
     
    143#set ($temp = $element.put("name","Titulo_News"))
     
    144#set ($temp = $element.put("type","text"))
     
    145#set ($temp = $element.put("cssclass","titulo_news"))
     
    146#set ($temp = $element.put("tag","div"))
     
    147#set ($temp = $arrayListContenidos.add($element))
     
    148
     
    149#set ($element = {})
     
    150#set ($temp = $element.put("name","Resumen_News"))
     
    151#set ($temp = $element.put("type","text"))
     
    152#set ($temp = $element.put("cssclass","resumen_news"))
     
    153#set ($temp = $element.put("tag","div"))
     
    154#set ($temp = $arrayListContenidos.add($element))
     
    155
     
    156#set ($element = {})
     
    157#set ($temp = $element.put("name","Boton"))
     
    158#set ($temp = $element.put("type","text"))
     
    159#set ($temp = $element.put("cssclass","Boton"))
     
    160#set ($temp = $element.put("tag","div"))
     
    161#set ($temp = $arrayListContenidos.add($element))
     
    162
     
    163#set ($element = {})
     
    164#set ($temp = $element.put("name","Lead"))
     
    165#set ($temp = $element.put("type","text"))
     
    166#set ($temp = $element.put("cssclass","lead destacado"))
     
    167#set ($temp = $element.put("tag","div"))
     
    168#set ($temp = $arrayListContenidos.add($element))
     
    169
     
    170#set ($element = {})
     
    171#set ($temp = $element.put("name","Ficha_Titulo"))
     
    172#set ($temp = $element.put("type","text"))
     
    173#set ($temp = $element.put("cssclass","Ficha_Titulo"))
     
    174#set ($temp = $element.put("tag","div"))
     
    175#set ($temp = $arrayListContenidos.add($element))
     
    176
     
    177#set ($element = {})
     
    178#set ($temp = $element.put("name","Ficha_Foto"))
     
    179#set ($temp = $element.put("type","image"))
     
    180#set ($temp = $element.put("cssclass","Ficha_Foto"))
     
    181#set ($temp = $element.put("tag","div"))
     
    182#set ($temp = $arrayListContenidos.add($element))
     
    183
     
    184#set ($element = {})
     
    185#set ($temp = $element.put("name","Ficha_Texto"))
     
    186#set ($temp = $element.put("type","text"))
     
    187#set ($temp = $element.put("cssclass","Ficha_Texto"))
     
    188#set ($temp = $element.put("tag","div"))
     
    189#set ($temp = $arrayListContenidos.add($element))
     
    190
     
    191#set ($element = {})
     
    192#set ($temp = $element.put("name","Ficha_Social"))
     
    193#set ($temp = $element.put("type","text"))
     
    194#set ($temp = $element.put("cssclass","Ficha_Social"))
     
    195#set ($temp = $element.put("tag","div"))
     
    196#set ($temp = $arrayListContenidos.add($element))
     
    197
     
    198#set ($element = {})
     
    199#set ($temp = $element.put("name","Entrevista_Pregunta"))
     
    200#set ($temp = $element.put("type","text"))
     
    201#set ($temp = $element.put("cssclass","Entrevista_Pregunta"))
     
    202#set ($temp = $element.put("tag","div"))
     
    203#set ($temp = $arrayListContenidos.add($element))
     
    204
     
    205#set ($element = {})
     
    206#set ($temp = $element.put("name","Entrevista_Respuesta"))
     
    207#set ($temp = $element.put("type","text"))
     
    208#set ($temp = $element.put("cssclass","Entrevista_Respuesta"))
     
    209#set ($temp = $element.put("tag","div"))
     
    210#set ($temp = $arrayListContenidos.add($element))
     
    211
     
    212#set ($element = {})
     
    213#set ($temp = $element.put("name","URLCanonical"))
     
    214#set ($temp = $element.put("type","text"))
     
    215#set ($temp = $element.put("cssclass","URLCanonical"))
     
    216#set ($temp = $element.put("tag","div"))
     
    217#set ($temp = $arrayListContenidos.add($element))
     
    218
     
    219#set ($element = {})
     
    220#set ($temp = $element.put("name","Titulo_App"))
     
    221#set ($temp = $element.put("type","text"))
     
    222#set ($temp = $element.put("cssclass","Titulo_App"))
     
    223#set ($temp = $element.put("tag","div"))
     
    224#set ($temp = $arrayListContenidos.add($element))
     
    225
     
    226
     
    227#set($sectionID = "#printAssignedSectionID_v1")
     
    228#set ($AuthorNoFoto = $!iterVelocityTools.getVariable($sectionID , "authorNoFoto"))
     
    229
     
    230#set($section = "#printAssignedSection_v1")
     
    231
     
    232#set ($FacebookText_ = $articleToolbox.getTag(null,"Facebook_Text") )
     
    233#if($FacebookText_ && $FacebookText_.data != "")
     
    234<div id="fb-root"></div>
     
    235<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
     
    236#end
     
    237
     
    238##----json----
     
    239#set($pub_imagen1 = $articleToolbox.getImageURL("Image","0","crop_1200x801"))
     
    240#set($videoyoutube = $articleToolbox.getTag(null,"HTML_Text").data)
     
    241
     
    242#set($dateF = "#printDateCreate('yyyy-MM-dd' 'false' '')")
     
    243#set($dateF = $dateF.trim())
     
    244#set($dateM = "#printDateCreate('HH:mm:ss' 'false' 'false')")
     
    245#set($dateM = $dateM.trim())
     
    246#set($dateF = $dateF + "T" + $dateM +"-0600")
     
    247
     
    248
     
    249#set($dateF1 = "#printDateModif('yyyy-MM-dd' 'false' '')")
     
    250#set($dateF1 = $dateF1.trim())
     
    251#set($dateH = "#printDateModif('HH:mm:ss' 'false' '')")
     
    252#set($dateH = $dateH.trim())
     
    253#set($dateFb = $dateF1 + "T" + $dateH +"-0600")
     
    254
     
    255##METAS TWITTER
     
    256
     
    257#set($TituloEsc = $!articleToolbox.getTag(null,"Headline").data)
     
    258#set($TituloEsc = $TituloEsc.replaceAll("\n", ""))
     
    259
     
    260#set($metaTW = {})
     
    261#set($temp = $metaTW.put("property","twitter:card"))
     
    262#set($temp = $metaTW.put("content", "summary_large_image"))
     
    263$iterVelocityTools.addMetaTag( $metaTW )
     
    264
     
    265#set($metaTW = {})
     
    266#set($temp = $metaTW.put("property","twitter:site"))
     
    267#set($temp = $metaTW.put("content", "vanguardiamx"))
     
    268$iterVelocityTools.addMetaTag( $metaTW )
     
    269
     
    270#set($metaTW = {})
     
    271#set($temp = $metaTW.put("property","twitter:title"))
     
    272#set($temp = $metaTW.put("content", "$TituloEsc"))
     
    273$iterVelocityTools.addMetaTag( $metaTW )
     
    274
     
    275#set($metaTW = {})
     
    276#set($temp = $metaTW.put("property","twitter:description"))
     
    277#set($temp = $metaTW.put("content", "$TextoEsc"))
     
    278$iterVelocityTools.addMetaTag( $metaTW )
     
    279
     
    280
     
    281#set($metaTW = {})
     
    282#set($temp = $metaTW.put("property","twitter:image"))
     
    283#set($temp = $metaTW.put("content", "$pub_imagen1"))
     
    284$iterVelocityTools.addMetaTag( $metaTW )
     
    285
     
    286
     
    287#set($metaTW = {})
     
    288#set($temp = $metaTW.put("property","twitter:url"))
     
    289#set($temp = $metaTW.put("content", "https://twitter.com/vanguardiamx"))
     
    290$iterVelocityTools.addMetaTag( $metaTW )
     
    291
     
    292#set($metaTW = {})
     
    293#set($temp = $metaTW.put("property","twitter:domain"))
     
    294#set($temp = $metaTW.put("content", "https://vanguardia.com.mx"))
     
    295$iterVelocityTools.addMetaTag( $metaTW )
     
    296
     
    297#set($ac-url = $articleContext.selectNodes('articlectx/url'))
     
    298#set($xml-url = $ac-url.get(0).text)
     
    299#set($url_actual = $!xml-url )
     
    300
     
    301#if($pub_imagen1)
     
    302    <link rel="preload" href="$pub_imagen1" as="image">
     
    303    <!-- Lazysizes para lazy loading -->
     
    304    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js" async></script>
     
    305#end
     
    306
     
    307##Add meta title
     
    308#set($title = $htmlUtil.escape($!title))
     
    309#set($title = $title.replaceAll("\n", ""))
     
    310
     
    311#set($html5Desc = {})
     
    312#set($temp = $html5Desc.put("name","title"))
     
    313#set($temp = $html5Desc.put("content","$!title"))
     
    314$iterVelocityTools.addMetaTag($html5Desc)
     
    315
     
    316<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">
     
    317
     
    318<style>.block_URLCanonical{display: none;}</style>
     
    319<style>
     
    320  #iter-content-wrapper{
     
    321    min-height: 1000px;
     
    322  }
     
    323</style>
     
    324
     
    325<div class="container">
     
    326
     
    327        <!-- parte de datos estructurados inicio  -->
     
    328 
     
    329	    <time hidden itemprop="datePublished" datetime="$dateF"></time>
     
    330	    <time hidden itemprop="dateModified" datetime="$dateFb"></time>
     
    331	    <time hidden itemprop="dateCreated" datetime="$dateF"></time>
     
    332        <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="#siteUrl()$url_actual" />
     
    333        <meta itemprop="inLanguage" content="es-MX" />
     
    334	    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization https://schema.org/NewsMediaOrganization">
     
    335            <meta itemprop="url" content="https://vanguardia.com.mx/" />
     
    336            <meta itemprop="name" content="Vanguardia" />
     
    337            <!-- Proporcionar enlaces a las redes sociales o sitio web con "sameAs" -->
     
    338            <a hidden href="https://www.facebook.com/VanguardiaMx/" itemprop="sameAs">Página de Facebook</a>
     
    339            <a hidden href="https://twitter.com/vanguardiamx" itemprop="sameAs">Perfil de Twitter</a>
     
    340            <a hidden href="https://www.linkedin.com/company/vanguardiamx/" itemprop="sameAs">Página de LinkedIn</a>
     
    341            <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
     
    342                <meta itemprop="url" content="https://vanguardia.com.mx/base-portlet/webrsrc/ctxvar/9d387887-99eb-4c1e-bb4a-7cbec97451dd.png" />
     
    343                <meta itemprop="width" content="380" />
     
    344                <meta itemprop="height" content="35" />
     
    345            </div>
     
    346	    </div>
     
    347
     
    348        <!-- parte de datos estructurados inicio fin -->
     
    349
     
    350		<script>
     
    351			var group_id = $request.theme-display.scope-group-id;
     
    352			var id_art_infinity = $reserved-article-id.data;
     
    353			#if($iterVelocityTools.getVelocityVariable("teaseritemposition") == 1)
     
    354				var teaser_first = true;
     
    355				var n_noticia = 1;
     
    356				idart_view = $reserved-article-id.data;
     
    357			#else
     
    358				var teaser_first = false;
     
    359				var n_noticia = n_noticia + 1;
     
    360			#end
     
    361		</script>
     
    362		## MAPA DE PUBLICIDAD EN PARRAFOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    363		#set ($addInParagraph ={})
     
    364
     
    365		#php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
     
    366			#set ($temp = $addInParagraph.put("3","nota_v_top_movil"))
     
    367                        #set ($temp = $addInParagraph.put("8","v_desk_nota_mid_1"))
     
    368                        #set ($temp = $addInParagraph.put("13","v_desk_nota_mid_2"))
     
    369                        #set ($temp = $addInParagraph.put("18","v_desk_nota_mid_3"))
     
    370                        #set ($temp = $addInParagraph.put("23","v_desk_nota_mid_4"))
     
    371                        #set ($temp = $addInParagraph.put("28","v_desk_nota_mid_5"))
     
    372		#php_else
     
    373                        #set ($temp = $addInParagraph.put("6","v_desk_nota_mid_1"))
     
    374                        #set ($temp = $addInParagraph.put("11","v_desk_nota_mid_2"))
     
    375                        #set ($temp = $addInParagraph.put("16","v_desk_nota_mid_3"))
     
    376                        #set ($temp = $addInParagraph.put("21","v_desk_nota_mid_4"))
     
    377                        #set ($temp = $addInParagraph.put("26","v_desk_nota_mid_5"))
     
    378                #php_end
     
    379
     
    380		<div class="metadatos">#*
     
    381		*##set($hmTemas = {})#*
     
    382		*##getAcAssignedCatExtended_v1($hmTemas "Topic")#*
     
    383
     
    384		*##set($hmGeografico = {})#*
     
    385		*##getAcAssignedCatExtended_v1($hmGeografico "Location")#*
     
    386
     
    387        *##set($hmCompanies = {})#*
     
    388		*##getAcAssignedCatExtended_v1($hmCompanies "Companies")#*
     
    389
     
    390		*##set($hmPersonajes = {})#*
     
    391		*##getAcAssignedCatExtended_v1($hmPersonajes "People")#*
     
    392
     
    393		*##set($hmAutores = {})#*
     
    394		*##getAcAssignedCatExtended_v1($hmAutores "Author")#*
     
    395
     
    396		*##if($hmTemas && $hmTemas.size() > 0)	#*
     
    397			*##foreach ($elem in $hmTemas)#*
     
    398				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="topic" data-voc-id="102924553"/>#*
     
    399			*##end#*
     
    400		*##end#*
     
    401
     
    402        *##if($hmCompanies && $hmCompanies.size() > 0)#*
     
    403			*##foreach ($elem in $hmCompanies)#*
     
    404				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="companies" data-voc-id="102922353"/>#*
     
    405			*##end#*
     
    406		*##end#*
     
    407
     
    408		*##if($hmGeografico && $hmGeografico.size() > 0)#*
     
    409			*##foreach ($elem in $hmGeografico)#*
     
    410				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="location" data-voc-id="102922353"/>#*
     
    411			*##end#*
     
    412		*##end#*
     
    413
     
    414		*##if($hmAutores && $hmAutores.size() > 0)#*	
     
    415			*##foreach ($elem in $hmAutores)#*
     
    416				*#<div class="keywords" value="$elem.name" id="$elem.id" data-voc-name="author" data-voc-id="102924559"/>#*
     
    417			*##end#*
     
    418		*##end#*
     
    419
     
    420		*#</div>
     
    421		<div class="canonical hidden"></div>
     
    422		
     
    423
     
    424    ##PAYWALL HIT MAS
     
    425	<script>
     
    426		$(document).ready(function() {
     
    427			var title = "$!escapeTool.html($!title)";
     
    428			sendHitUser(title);
     
    429		});
     
    430	</script>
     
    431
     
    432    ##PAYWALL PRODUCT
     
    433        #set($product = "")
     
    434        #set($article_is_restricted = $articleToolbox.article_is_restricted())
     
    435        #if ($article_is_restricted)
     
    436            #foreach($products in $articleToolbox.getProductList())
     
    437            #set($product = $products.get("name"))
     
    438            #end
     
    439            <!-- <div id="type-note" data-id="$product"></div> -->
     
    440        #end  
     
    441        ##USUARIO ANONIMO
     
    442        #*
     
    443                #if ($environment != 'PREVIEW')
     
    444            #php_if("strlen(getenv('ITER_USER'))===0")
     
    445                #if($product == "registrados")
     
    446                    
     
    447                    #set($cons = "#echoCookieField('ITER-PAYWALL_PRODUCT_INFO-BHJ-ARTS_CONSUMED')")
     
    448                    #set($total = "#echoCookieField('ITER-PAYWALL_PRODUCT_INFO-BHJ-ARTS_TOTAL')")
     
    449                    <script>
     
    450                    var cons = ${cons};
     
    451                    var total = ${total};
     
    452                    var disp = total-cons;
     
    453                    $(".paywall-title span").html(disp);
     
    454                    </script>
     
    455                #end
     
    456            
     
    457            #php_end
     
    458                #end
     
    459        *#
     
    460        ##FIN USUARIO ANONIMO
     
    461		##HEADLINE
     
    462
     
    463
     
    464		##publicidad video 
     
    465
     
    466		##publicidad video
     
    467
     
    468
     
    469<!-- /1021010/v_top -->
     
    470<div id="div-gpt-ad-1733160976056-0" class="mt-3 op12" style="min-width: 300px; min-height: 50px;"></div>
     
    471
     
    472	    <article class="mrf-article-body" style="min-height: 1000px;">
     
    473
     
    474            <!-- DATOS PARA SCRIPT DE ACCEDER -->
     
    475
     
    476            #set($NombreAutor = "")
     
    477            #set($IDAutor = "")
     
    478    
     
    479            #if($hmAutores && $hmAutores.size() > 0)
     
    480                #foreach ($elem in $hmAutores)
     
    481                #set($NombreAutor = $elem.name)
     
    482                #set($IDAutor = $elem.id)
     
    483                #set($NombreAutor = $NombreAutor.replace('"', ''))
     
    484
     
    485    
     
    486                <div data-author-name="$elem.name" id="NombreAutor" ></div>
     
    487                <div data-author-id="$elem.id" id="IDAutor" ></div>
     
    488    
     
    489
     
    490                #end
     
    491            #end
     
    492
     
    493
     
    494            <div id="eww-general" data-events='{
     
    495                    "author": "$NombreAutor",
     
    496                    "section": "$section",
     
    497                    "post_title": "$title",
     
    498                    "post_id": "$reserved-article-id.data",
     
    499                    "author_id": "$IDAutor"
     
    500                }'>
     
    501            </div>
     
    502            
     
    503            <!-- DATOS PARA SCRIPT DE ACCEDER -->
     
    504
     
    505            <!-- Titulo -->
     
    506 
     
    507            <h1 class="headline artit font-1 medium bold hide-on-mobile-until-ready" itemprop="headline" canonicalUrl="$articleToolbox.getArticleViewer('canonical')" idart="$reserved-article-id.data" >#getTitle_v1</h1>
     
    508
     
    509            <!-- Titulo fin -->
     
    510
     
    511
     
    512            ## SECC / FECHA
     
    513            <div class="info"><span class="secc"> #printTopcontainer_v1("section" "")</span> / <span class="date">#printDateAgo($dateMask "Hace" "minuto" "hora")</span> </div>
     
    514		
     
    515            <div class="row middle">
     
    516                <!-- Columna de articulo padre -->
     
    517                <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">
     
    518
     
    519                    #set($imageUrl3 = "")
     
    520
     
    521                    #if($pub_imagen1)
     
    522                        #set($imageUrl3 = "$pub_imagen1")
     
    523                    #elseif($urlImage)
     
    524                        #set($imageUrl3 = "$urlImage")
     
    525                    #else
     
    526                        #set($imageUrl3 = "https://vanguardia.com.mx/base-portlet/webrsrc/theme/13d16cf89ee0b324585019c9998ec6dd.svg")
     
    527                    #end
     
    528
     
    529                    #set ($hasImages = $articleToolbox.getNumImageTags("Image", "true"))
     
    530                                #if($section == "Opinión" || $section == "Politicón")
     
    531                        #if ($hasImages > 0)
     
    532                            <div class="image_main" itemscope itemprop="image" itemtype="https://schema.org/ImageObject">
     
    533                                #getMultimediaMixed_v1("fullcontent", "crop_1152x648_detalle", "100%", "432", "100%")
     
    534
     
    535                                #set($imgurl = $articleToolbox.getImageURL("Image", "0", "crop_1152x648_detalle"))
     
    536                                #set($imgprop = $articleToolbox.getImageProperties($imgurl))
     
    537
     
    538                                <meta itemprop="url" content="$imgurl">
     
    539                                <meta itemprop="width" content="$imgprop.width">
     
    540                                <meta itemprop="height" content="$imgprop.height">
     
    541                            </div>
     
    542                        #elseif($hmAutores && $hmAutores.size() > 0)
     
    543                            #foreach ($elem in $hmAutores)
     
    544                                #set($articuloInstrumental = $aboutCategoryArticles.getArticle($elem.id))
     
    545                                #set($imgColumn = $!articuloInstrumental.getImageTag("ImagenColumnista","0","crop_1152x648_detalle","","","","","true","",""))
     
    546                                #if($imgColumn && $imgColumn != "")
     
    547                                #set($urlImage = $articuloInstrumental.getImageURL("ImagenColumnista", "0", "crop_1152x648_detalle"))
     
    548                                #set($metaImgAuthor = {})
     
    549                                ###set($temp = $metaImgAuthor.put("property","og:image"))
     
    550                                ###set($temp = $metaImgAuthor.put("content",$urlImage))
     
    551                                ###$iterVelocityTools.addMetaTag( $metaImgAuthor )
     
    552                                <div class="image_main" itemscope itemprop="image" itemtype="https://schema.org/ImageObject">
     
    553                                    $!imgColumn
     
    554
     
    555                                    #set($imgurl = $articleToolbox.getImageURL("Image", "0", "crop_1152x648_detalle"))
     
    556                                    #set($imgprop = $articleToolbox.getImageProperties($imgurl))
     
    557
     
    558                                    <meta itemprop="url" content="$imgurl">
     
    559                                    <meta itemprop="width" content="$imgprop.width">
     
    560                                    <meta itemprop="height" content="$imgprop.height">
     
    561                                </div>
     
    562                                #end
     
    563                            #end
     
    564                        #end
     
    565                        #else
     
    566                            ##IMAGEN
     
    567                                <div class="image_main" itemscope itemprop="image" itemtype="https://schema.org/ImageObject">
     
    568                                    #getMultimediaMixed_v1("fullcontent", "crop_1152x648_detalle", "100%", "432", "100%")
     
    569                                    #set($imgurl = $articleToolbox.getImageURL("Image", "0", "crop_1152x648_detalle"))
     
    570                                    #set($imgprop = $articleToolbox.getImageProperties($imgurl))
     
    571
     
    572                                    <meta itemprop="url" content="$imgurl">
     
    573                                    <meta itemprop="width" content="$imgprop.width">
     
    574                                    <meta itemprop="height" content="$imgprop.height">
     
    575                                </div>
     
    576                            #end
     
    577
     
    578                        <div class="container-fluid">
     
    579                            <div class="row middle">
     
    580
     
    581                                <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">	
     
    582
     
    583                                    ##AUTOR
     
    584                                    <div class="author" itemscope="" itemprop="author" itemtype="http://schema.org/Person">
     
    585                                        #if($hmAutores && $hmAutores.size() > 0)
     
    586                                            #foreach ($elem in $hmAutores)
     
    587                                                #set($articuloInstrumental = $aboutCategoryArticles.getArticle($elem.id))
     
    588                                                #set($imgAuthor = $!articuloInstrumental.getImageTag("Image","0","crop_250x250","","","","","$elem.name","",""))
     
    589                                                <div class="img_author">
     
    590                                                    #if($imgAuthor && $imgAuthor != "")
     
    591                                                        $!imgAuthor
     
    592                                                    #else
     
    593                                                        <img class="img-fluid" src="$AuthorNoFoto"/>
     
    594                                                    #end
     
    595                                                </div>
     
    596                                                <div class="text_author">por <span class="name_author" itemprop="name"><a itemprop="url" href="/autor/-/meta/$elem.friendlyname">$elem.name</a></span></div>
     
    597
     
    598                                                <div data-author-name="$elem.name" id="NombreAutor" ></div>
     
    599                                                <div data-author-id="$elem.id" id="IDAutor" ></div>
     
    600    
     
    601                                                #set($NombreAutor = $elem.name)
     
    602                                                #set($IDAutor = $elem.id)
     
    603                                            #end
     
    604                                        #end
     
    605                                    </div>
     
    606
     
    607                                    <div class="compartirr">	
     
    608                                        
     
    609                                        <div class="rrss d-desktop">
     
    610                                            <h2 class="sectiondestacadas " style="margin-bottom: 15px;margin-top: 40px;">COMPARTIR</h2>		
     
    611                                            <div class="network-social"> 
     
    612                                                <ul class="social-options"> 
     
    613                                                    <li> 
     
    614                                                        <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Facebook"> 
     
    615                                                            <div class="fab facebook"></div>
     
    616                                                            <b>Facebook</b> 
     
    617                                                        </a> 
     
    618                                                    </li> 
     
    619                                                    <li> 
     
    620                                                        <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"> 
     
    621                                                            <div class="fab twitter"></div>
     
    622                                                            <b>Twitter</b> 
     
    623                                                        </a> 
     
    624                                                    </li>  
     
    625                                                    <li> 
     
    626                                                        <a class="whatsapp" href="https://api.whatsapp.com/send?text=$!escapeTool.html($!title) - ${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Whatsapp"> 
     
    627                                                            <div class="fab whatsapp"></div>
     
    628                                                            <b>Whatsapp</b> 
     
    629                                                        </a> 
     
    630                                                    </li> 
     
    631                                                    <li> 
     
    632                                                        <a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Linkedin"> 
     
    633                                                            <div class="fab linkedin"></div>
     
    634                                                            <b>Linkedin</b> 
     
    635                                                        </a> 
     
    636                                                    </li>
     
    637                                                </ul> 
     
    638                                            </div>							                            
     
    639                                        </div>
     
    640
     
    641                                        ## TAGS
     
    642                                            <div class="temas d-desktop" temas="$hmTemas.size()">
     
    643                                                <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">TEMAS</h2> <br>	
     
    644
     
    645                                                #if($hmTemas && $hmTemas.size() > 0)
     
    646                                                    #set($count = 0)
     
    647                                                    #foreach($elem in $hmTemas)
     
    648                                                        #if($count < 2)
     
    649                                                            <div class="item_tema t_$hmTemas.size() keywords" itemprop="keywords">
     
    650                                                                <a href="/topic/-/meta/$elem.friendlyname">$elem.name</a>
     
    651                                                            </div>
     
    652                                                            #set($count = $count + 1)
     
    653                                                        #end
     
    654                                                    #end
     
    655                                                #end
     
    656
     
    657                                                #if($hmGeografico && $hmGeografico.size() > 0)
     
    658                                                <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Localizaciones</h2> <br>
     
    659                                                    #set($count = 0)
     
    660                                                    #foreach($elem in $hmGeografico)
     
    661                                                        #if($count < 2)
     
    662                                                            <div class="item_tema t_$hmGeografico.size() keywords" itemprop="keywords">
     
    663                                                                <a href="/localizaciones/-/meta/$elem.friendlyname">$elem.name</a>
     
    664                                                            </div>
     
    665                                                            #set($count = $count + 1)
     
    666                                                        #end
     
    667                                                    #end
     
    668                                                #end
     
    669
     
    670                                                #if($hmPersonajes && $hmPersonajes.size() > 0)
     
    671                                                <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Personajes</h2> <br>	
     
    672                                                    #set($count = 0)
     
    673                                                    #foreach($elem in $hmPersonajes)
     
    674                                                        #if($count < 2)
     
    675                                                            <div class="item_tema t_$hmPersonajes.size() keywords" itemprop="keywords">
     
    676                                                                <a href="/personajes/-/meta/$elem.friendlyname">$elem.name</a>
     
    677                                                            </div>
     
    678                                                            #set($count = $count + 1)
     
    679                                                        #end
     
    680                                                    #end
     
    681                                                #end	
     
    682
     
    683                                                #if($hmCompanies && $hmCompanies.size() > 0)
     
    684                                                    <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Organizaciones</h2> <br>
     
    685                                                    #set($count = 0)
     
    686                                                    #foreach($elem in $hmCompanies)
     
    687                                                        #if($count < 2)
     
    688                                                            <div class="item_tema t_$hmCompanies.size() keywords" itemprop="keywords">
     
    689                                                                <a href="/organizaciones/-/meta/$elem.friendlyname">$elem.name</a>
     
    690                                                            </div>
     
    691                                                            #set($count = $count + 1)
     
    692                                                        #end
     
    693                                                    #end
     
    694                                                #end
     
    695                                            </div>
     
    696                                        
     
    697                                    </div>
     
    698                                </div>
     
    699
     
    700
     
    701                                #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
     
    702                                    <div class="rrss end d-movil" style="
     
    703                                    position: sticky;
     
    704                                    top: 38px;
     
    705                                    background: white;
     
    706                                    z-index: 3;">
     
    707                                        <div class="cab-rrss">COMPARTIR</div>
     
    708                                        <div class="network-social"> 
     
    709                                            <ul class="social-options"> 
     
    710                                                <li> 
     
    711                                                    <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Facebook"> 
     
    712                                                        <div class="fab facebook"></div>
     
    713                                                    </a> 
     
    714                                                </li> 
     
    715                                                <li> 
     
    716                                                    <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"> 
     
    717                                                        <div class="fab twitter"></div>
     
    718                                                    </a> 
     
    719                                                </li>  
     
    720                                                <li> 
     
    721                                                    <a class="whatsapp" href="https://api.whatsapp.com/send?text=$!escapeTool.html($!title) - ${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Whatsapp"> 
     
    722                                                        <div class="fab whatsapp"></div>									
     
    723                                                    </a> 
     
    724                                                </li>  
     
    725                                                                                    <li> 
     
    726                                                    <a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=${hostName}$articleToolbox.getArticleViewer('canonical')" target="_blank" title="Compartir en Linkedin"> 
     
    727                                                                        <div class="fab linkedin"></div>								
     
    728                                                    </a> 
     
    729                                                </li>  
     
    730                                            </ul> 
     
    731                                        </div>							                            
     
    732                                    </div>
     
    733                                #php_end
     
    734
     
    735                                <!-- acceder bloque texto -->
     
    736
     
    737                                <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" data-post-type="$product" data-section="$section" data-events='{
     
    738                                    "author": "$NombreAutor",
     
    739                                    "section": "$section",
     
    740                                    "post_title": "$title",
     
    741                                    "post_id": "$reserved-article-id.data",
     
    742                                    "author_id": "$IDAutor"
     
    743                                  }'>
     
    744
     
    745                                <!-- acceder bloque texto -->
     
    746
     
    747
     
    748					#if($product == "suscripciones" )
     
    749					    <meta itemprop="isAccessibleForFree" content="false" />
     
    750					#else
     
    751					    <meta itemprop="isAccessibleForFree" content="true" />
     
    752					#end
     
    753
     
    754
     
    755
     
    756                                    ##SUBHEADLINE/TOPHEADLINE
     
    757                                    #set ($tempSubheadline = "#getTeaserSubheadline(true)")
     
    758                                    #if($tempSubheadline && $tempSubheadline != "")
     
    759                                        <h2 class="subheadline" itemprop="description">#getTeaserSubheadline_v1(false)</h2>
     
    760                                    #end
     
    761
     
    762
     
    763					<!-- /1021010/v_mid1 -->
     
    764					<div id="div-gpt-ad-1733161081350-0" class="op12" style="min-width: 300px; min-height: 50px;"></div>
     
    765
     
    766                                    <!-- acceder save post -->
     
    767
     
    768                                    <div id="eww-save-post" eww-post-title="$title" data-post-id="$reserved-article-id.data" data-events='{
     
    769                                        "author": "$NombreAutor",
     
    770                                        "section": "$section",
     
    771                                        "post_title": "$title",
     
    772                                        "post_id": "$reserved-article-id.data",
     
    773                                        "author_id": "$IDAutor"
     
    774                                        }' ></div> 
     
    775                                    <!-- acceder save post -->
     
    776
     
    777                                    ##PUBLI BOX PREMIUM
     
    778
     
    779
     
    780                                    ##PUBLI BOX PREMIUM
     
    781                                    #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
     
    782                                        <div class="publi">$!iterVelocityTools.getAdContainer("box_premium_mobile")</div>
     
    783                                    #php_end
     
    784
     
    785                                    ##aqui estaba el paywall inicio
     
    786                                    ##PAYWALL
     
    787                                    #php_if("strlen(getenv('ITER_USER'))!==0")
     
    788                                        <!--Usuario logueado-->
     
    789                                        #set($islogged = "true")
     
    790                                    #php_else
     
    791                                        <!--Usuario no logueado-->
     
    792                                        #set($islogged = "false")
     
    793                                    #php_end
     
    794
     
    795                                    #set($productList = $articleToolbox.getProductList())
     
    796                                    #set($producto = '')
     
    797                                    #if ($productList && $productList.size() > 0)
     
    798                                        #set($producto = $productList.get(0).namebase64)
     
    799                                    #end  
     
    800                                    <!-- product:$producto -->
     
    801                                    <!-- reserved-article-id.data:$reserved-article-id.data -->
     
    802                                    #set($useraccess = "false")	
     
    803                                    #set($article_is_restricted = $articleToolbox.article_is_restricted())
     
    804                                    
     
    805                                        <!-- TEXTO LIBRE -->
     
    806                                        ##TEXTO
     
    807                                        <div class="text resizable lazy-load" itemprop="articleBody">
     
    808
     
    809                                            #if($section == "Politicón")
     
    810                                                
     
    811                                                #if($url_actual == "/opinion/politicon/politicon-siguen-pegando-recortes-a-coahuila-EH9584767" || $url_actual == "/opinion/politicon/politicon-persisten-anomalias-financieras-en-la-uadec-EC12457715")
     
    812                                                    <div class="PoliticonNotaslogoSinAcento" style="width: 300px;height: 60px;margin-bottom: 3rem;"></div>
     
    813                                                #else
     
    814                                                    <div class="PoliticonNotaslogo cambiourll" style="width: 300px;height: 60px;margin-bottom: 3rem;"></div>
     
    815                                                #end
     
    816                                            #end
     
    817
     
    818                                            #printHTMLContentArticle_v1_latam($arrayListContenidos, "crop_1152x648", "100%", "100%", "375", $addInParagraph)
     
    819
     
    820
     
    821                                            <!-- nuevas tags con estilo de especial + autores inicio -->
     
    822
     
    823                                                <!-- TAGS MOVIL INICIO -->
     
    824                                                ## TAGS
     
    825                                                <div class="temas d-movil" temas="$hmTemas.size()">
     
    826
     
    827                                                    #if($hmTemas && $hmTemas.size() > 0)
     
    828                                                    <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Temas</h2> <br>
     
    829                                                        #set($count = 0)
     
    830                                                        #foreach($elem in $hmTemas)
     
    831                                                            #if($count < 2)
     
    832                                                                <div class="item_tema t_$hmTemas.size() keywords" itemprop="keywords">
     
    833                                                                    <a href="/topic/-/meta/$elem.friendlyname">$elem.name</a>
     
    834                                                                </div>
     
    835                                                                #set($count = $count + 1)
     
    836                                                            #end
     
    837                                                        #end
     
    838                                                        <br>
     
    839                                                    #end
     
    840
     
    841                                                    #if($hmGeografico && $hmGeografico.size() > 0)
     
    842                                                    <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Localizaciones</h2> <br>
     
    843                                                        #set($count = 0)
     
    844                                                        #foreach($elem in $hmGeografico)
     
    845                                                            #if($count < 2)
     
    846                                                                <div class="item_tema t_$hmGeografico.size() keywords" itemprop="keywords">
     
    847                                                                    <a href="/localizaciones/-/meta/$elem.friendlyname">$elem.name</a>
     
    848                                                                </div>
     
    849                                                                #set($count = $count + 1)
     
    850                                                            #end
     
    851                                                        #end
     
    852                                                        <br>
     
    853                                                    #end
     
    854
     
    855                                                    #if($hmPersonajes && $hmPersonajes.size() > 0)
     
    856                                                    <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Personajes</h2> <br>	
     
    857                                                        #set($count = 0)
     
    858                                                        #foreach($elem in $hmPersonajes)
     
    859                                                            #if($count < 2)
     
    860                                                                <div class="item_tema t_$hmPersonajes.size() keywords" itemprop="keywords">
     
    861                                                                    <a href="/personajes/-/meta/$elem.friendlyname">$elem.name</a>
     
    862                                                                </div>
     
    863                                                                #set($count = $count + 1)
     
    864                                                            #end
     
    865                                                        #end
     
    866                                                        <br>
     
    867                                                    #end	
     
    868
     
    869                                                    #if($hmCompanies && $hmCompanies.size() > 0)
     
    870                                                        <h2 class="sectiondestacadas1" style="margin-bottom: 15px;">Organizaciones</h2> <br>
     
    871                                                        #set($count = 0)
     
    872                                                        #foreach($elem in $hmCompanies)
     
    873                                                            #if($count < 2)
     
    874                                                                <div class="item_tema t_$hmCompanies.size() keywords" itemprop="keywords">
     
    875                                                                    <a href="/organizaciones/-/meta/$elem.friendlyname">$elem.name</a>
     
    876                                                                </div>
     
    877                                                                #set($count = $count + 1)
     
    878                                                            #end
     
    879                                                        #end
     
    880                                                        <br>
     
    881                                                    #end
     
    882
     
    883                                                </div> 
     
    884                                                <!-- TAGS MOVIL FIN -->
     
    885
     
    886                                            <!-- nuevas tags con estilo de especial + autores fin  -->
     
    887
     
    888                                            <!-- /1021010/v_mid2 -->
     
    889                                            <div id="div-gpt-ad-1733161131848-0" class="op12" style="min-width: 300px; min-height: 50px;"></div>
     
    890
     
    891                                        </div>
     
    892                                        <!-- TEXTO LIBRE -->
     
    893
     
    894                                        <!-- comentarios acceder -->
     
    895                                        ## Aquí se reemplaza el valor con variable
     
    896
     
    897                                        <div style="border-top: solid 1px #80808047;margin-top: 30px;">
     
    898                                            <h2 style="margin-top: 25px;
     
    899                                                font-size: 1.1rem;
     
    900                                                letter-spacing: 0px !important;
     
    901                                                border-left: 4px solid #F16504;
     
    902                                                padding-left: 5px;
     
    903                                                text-transform: uppercase;
     
    904                                                font-family: 'PT Sans', helvetica, arial, sans-serif;
     
    905                                                font-weight: 400;"
     
    906                                                    >COMENTARIOS </h2></div>
     
    907                                            <div class="ComentariosDR" id="eww-comments" data-post-id="$reserved-article-id.data"  data-events='{
     
    908                                                "author": "$NombreAutor",
     
    909                                                "section": "$section",
     
    910                                                "post_title": "$title",
     
    911                                                "post_id": "$reserved-article-id.data",
     
    912                                                "author_id": "$IDAutor"
     
    913                                                }'></div>
     
    914                                            <!-- comentarios acceder -->
     
    915
     
    916
     
    917
     
    918                                        ##GENERICO
     
    919                                        #if($Generic && $Generic.getSiblings().size()>0)
     
    920                                            <ul class="generic">
     
    921                                                #foreach ($el in $Generic.getSiblings())
     
    922                                                    <li><span class="icon"></span><a href="$!el.Document.data" >$!el.data ($el.Extension.data)</a></li>
     
    923                                                #end
     
    924                                            </ul>
     
    925                                        #end
     
    926                                    
     
    927
     
    928                                        ## FIN PAYWALL
     
    929                                        ##aqui estaba el paywall fin
     
    930
     
    931                                        ## MOVER TEXTO AQUI
     
    932
     
    933                                        ##RELACIONADAS EXTERNAS 
     
    934                                        #set ($urlLink = $articleToolbox.getTag(null,"linkURL") )
     
    935                                        #set ($titleLink = $articleToolbox.getTag(null,"linkTitle"))
     
    936                                        #if(($urlLink && $urlLink.data != "")  && ($titleLink && $titleLink.data != ""))
     
    937                                            <a class="ext_link" href="$!urlLink.data" target="_blank" rel="nofollow">
     
    938                                                <strong>$!titleLink.data</strong>
     
    939                                            </a>
     
    940                                        #end
     
    941                                        ##RELACIONADAS INTERNAS 
     
    942                                        #if($linkIntTitle && $linkIntTitle.getSiblings().size()>0)
     
    943                                            <div class="link_tpi">
     
    944                                                <div class="head_int"><span class="icon"></span> TE PUEDE INTERESAR: </div>
     
    945                                                #foreach ($el in $linkIntTitle.getSiblings())
     
    946                                                    <div class="item_int"><a href="$!el.linkIntURL.data" >$!el.data</a></div>
     
    947                                                #end
     
    948                                            </div>
     
    949                                        #end
     
    950
     
    951
     
    952                                        <div id="eww-mailchimp"></div>
     
    953
     
    954                                        ##openweb					
     
    955
     
    956
     
    957                    
     
    958                                        ##cierra openweb
     
    959                                            
     
    960                                        #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
     
    961                                            ##PUBLI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    962                                            ##<div class="publi">$!iterVelocityTools.getAdContainer("nota_v_bot")</div> ++++++++++++++++
     
    963                                        #php_end
     
    964
     
    965                                </div>
     
    966
     
    967                            </div>
     
    968                        </div>
     
    969                </div>
     
    970
     
    971                <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">	
     
    972
     
    973
     
    974                    ##PUBLI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    975                    #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
     
    976                                    
     
    977                    #php_else
     
    978                        <!-- <div islogged="$islogged" useraccess="$useraccess"></div>
     
    979                        <div class="publi" style="width: 300px; margin: 1rem auto; margin-top: 0px;";>$!iterVelocityTools.getAdContainer("nota_v_sb1")</div> 
     
    980
     
    981                        <div id='div-gpt-ad-8622108-5' style="width: 300px;margin: 1rem auto;margin-top: 0px;">
     
    982                            <script>
     
    983                              googletag.cmd.push(function() { googletag.display('div-gpt-ad-8622108-5'); });
     
    984                            </script>
     
    985                        </div> -->
     
    986                    #php_end	
     
    987
     
    988                    <!-- la enceusta se ve aqui inicio -->
     
    989
     
    990                    <div id="" class="portlet-boundary portlet-static-end htmlcontainer-portlet block_newsletter">
     
    991
     
    992                      <div class="move-from-a">
     
    993                        <h2 hidden class="sectiondestacadas">Encuesta Vanguardia</h2>
     
    994                        <div hidden id="encuesta-container" style="margin-bottom: 40px;margin-top: 40px;"></div>
     
    995                      </div>                    
     
    996
     
    997                    </div>	
     
    998                    
     
    999                    <!-- la enceusta se ve aqui fin -->
     
    1000                                    
     
    1001                    ##RANKING
     
    1002                    <div class="ranking_infinity lateral_secc c004_003"></div>
     
    1003                    ##PUBLI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    1004                    #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")				
     
    1005                                    
     
    1006                    #php_else				
     
    1007                        <!-- <div class="publi cb" style="width: 300px; margin: 1rem auto";>$!iterVelocityTools.getAdContainer("nota_v_sb2")</div>
     
    1008                        <div id='div-gpt-ad-8622108-6' class="cb" style="width: 300px; margin: 1rem auto">
     
    1009                            <script>
     
    1010                              googletag.cmd.push(function() { googletag.display('div-gpt-ad-8622108-6'); });
     
    1011                            </script>
     
    1012                        </div> -->
     
    1013                    #php_end						
     
    1014                </div>
     
    1015
     
    1016            </div>
     
    1017        </article>
     
    1018	</div>
     
    1019
     
    1020</div>
     
    1021<div class="cl"></div>
     
    1022
     
    1023
     
    1024<!-- cambio de valor titulo app -->
     
    1025<style>
     
    1026@media (max-width: 768px) {
     
    1027  .hide-on-mobile-until-ready {
     
    1028    visibility: hidden;
     
    1029  }
     
    1030}
     
    1031</style>
     
    1032<script>
     
    1033  document.addEventListener("DOMContentLoaded", function () {
     
    1034    const h1 = document.querySelector("h1.headline");
     
    1035    const tituloApp = document.querySelector(".Titulo_App");
     
    1036    const isMobile = window.innerWidth <= 768;
     
    1037
     
    1038    if (h1) {
     
    1039      if (
     
    1040        tituloApp &&
     
    1041        tituloApp.textContent.trim() !== "" &&
     
    1042        isMobile
     
    1043      ) {
     
    1044        h1.textContent = tituloApp.textContent.trim();
     
    1045      }
     
    1046
     
    1047      // Mostrar el h1 (quitando ocultamiento solo en móvil)
     
    1048      h1.classList.remove("hide-on-mobile-until-ready");
     
    1049    }
     
    1050
     
    1051    // Oculta el bloque original
     
    1052    const block = tituloApp?.closest(".block_Titulo_App");
     
    1053    if (block) {
     
    1054      block.style.display = "none";
     
    1055    }
     
    1056  });
     
    1057</script>
     
    1058<!-- cambio de valor titulo app -->
     
    1059
     
    1060<!-- Newsletter notas -->
     
    1061<script>
     
    1062  document.addEventListener("DOMContentLoaded", function() {
     
    1063      // Definir la cantidad de newsletters
     
    1064      const totalNewsletters = 7;
     
    1065  
     
    1066      // Obtener el estado actual del newsletter desde localStorage
     
    1067      let newsletterIndex = localStorage.getItem('newsletterIndex');
     
    1068      if (newsletterIndex === null) {
     
    1069          newsletterIndex = 0; // Valor predeterminado
     
    1070      } else {
     
    1071          newsletterIndex = parseInt(newsletterIndex);
     
    1072      }
     
    1073  
     
    1074      // Mostrar el newsletter correspondiente
     
    1075      const newsletterHTML = [
     
    1076      `<div>          
     
    1077              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1078              <style type="text/css">
     
    1079                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1080              </style>
     
    1081              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1082                  <div class="row imagenescool" style="background-color: #ffffff;padding-left: 15px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-right: 15px;">
     
    1083                      <div class="col" style="justify-content: start;display: flex;align-items: center;border-bottom: 1px solid #f16504;"><div class="RodeoNewsleteres" style="height: 27px;width: 100%;margin-top: 19px;"></div></div>
     
    1084                      <div class="col columnaVanguardiaMovilNewsleters" style="justify-content: end;display: flex;align-items: center;border-bottom: 1px solid #f16504;"><div class="ImagenVanguardiaNewsL1Black" style="height: 20px;width: 89%;margin-top: 15px;margin-right: auto;margin-left: auto;"></div></div>
     
    1085                  </div>
     
    1086                  <form style="padding: 12px !important;" action="https://rodeocapital.us12.list-manage.com/subscribe/post?u=7ba13b16b94e60e6e287a91df&amp;id=60bae9d119&amp;f_id=001053e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate FormNotaRodeoCapital" target="_self" novalidate="">
     
    1087                      <div id="mc_embed_signup_scroll">
     
    1088                      <p style="color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;"> Rompe los límites y recibe un adelanto exclusivo de Rodeo Capital. Suscríbete a la primera newsletter para quienes desafían lo ordinario y celebran la auténtica tradición vaquera de México. </p>
     
    1089                      <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required="">
     
    1090                      
     
    1091                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7ba13b16b94e60e6e287a91df_60bae9d119" tabindex="-1" value=""></div>
     
    1092                      <input type="submit" style="background-color: #f16504 !important;margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnTNYT">
     
    1093                      </div>
     
    1094                  </form>
     
    1095              </div>
     
    1096          </div>`,
     
    1097      `<div>          
     
    1098              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1099              <style type="text/css">
     
    1100                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1101              </style>
     
    1102              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1103                  <div class="row imagenescool" style="background-color: #000000;padding-left: 13px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;">
     
    1104                      <div class="col" style="justify-content: start;display: flex;align-items: center;"><div class="TribunaPoliticaVMX" style="height: 40px;width: 100%;margin-top: 0px;"></div></div>
     
    1105                      <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>
     
    1106                  </div>
     
    1107                  <form style="padding: 12px !important;" action="https://vanguardia.us12.list-manage.com/subscribe/post?u=7ba13b16b94e60e6e287a91df&amp;id=d996cb4b89&amp;f_id=001353e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate FormNotaTribunaPolitica" target="_self" novalidate>
     
    1108                      <div id="mc_embed_signup_scroll">
     
    1109                      <p style="color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;"> Recibe cada martes Tribuna Política: la newsletter de opinión que conecta con la política que mueve a México y el mundo. ¡Únete a la conversación! </p>
     
    1110                      <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required>
     
    1111                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
     
    1112                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7ba13b16b94e60e6e287a91df_d996cb4b89" tabindex="-1" value=""></div>
     
    1113                      <input type="submit" style="margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnTNYT">
     
    1114                      </div>
     
    1115                  </form>
     
    1116              </div>
     
    1117          </div>`,
     
    1118          `<div>          
     
    1119              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1120              <style type="text/css">
     
    1121                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1122              </style>
     
    1123              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1124                  <div class="row imagenescool" style="background-color: #ffffff;padding-left: 15px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-right: 15px;">
     
    1125                      <div class="col" style="justify-content: start;display: flex;align-items: center;border-bottom: 1px solid #f18078;"><div class="VMASVMX" style="height: 40px;width: 100%;margin-top: 0px;"></div></div>
     
    1126                      <div class="col columnaVanguardiaMovilNewsleters" style="justify-content: end;display: flex;align-items: center;border-bottom: 1px solid #f18078;"><div class="ImagenVanguardiaNewsL1gris" style="height: 20px;width: 100%;margin-top: 15px;"></div></div>
     
    1127                  </div>
     
    1128                  <form style="padding: 12px !important;" action="https://vanguardia.us12.list-manage.com/subscribe/post?u=7ba13b16b94e60e6e287a91df&amp;id=8641e54d37&amp;f_id=001253e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate FormNotaVmas" target="_self" novalidate="">
     
    1129                      <div id="mc_embed_signup_scroll">
     
    1130                      <p style="color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;">¡Descubre, elige y date un gusto con V+LIST! Los jueves, cada 15 días, recibe una selección exclusiva de ofertas en línea: desde esenciales para el hogar y lo mejor para tu mascota, hasta los imperdibles de temporada. </p>
     
    1131                      <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required="">
     
    1132                      
     
    1133                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7ba13b16b94e60e6e287a91df_8641e54d37" tabindex="-1" value=""></div>
     
    1134                      <input type="submit" style="background-color: #2b62ff !important;margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnTNYT">
     
    1135                      </div>
     
    1136                  </form>
     
    1137              </div>
     
    1138          </div>`,
     
    1139          `<div>
     
    1140              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1141              <style type="text/css">
     
    1142                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1143              </style>
     
    1144              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1145                  <div class="row imagenescool" style="background-color: #ffffff;padding-left: 13px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;">
     
    1146                      <div class="col vanguardiamovilnewsletter" style="display: block;padding: 15px;">
     
    1147                          <div class="ImagenVanguardiaNewsVanguardia" style="height: 30px;width: 60%;margin-top: 0px;margin-right: auto;margin-left: auto;"></div>
     
    1148                          <div style="width: 80%;height: 1px;margin: 0px auto;border-bottom: 4px solid #ff7e1f;padding: 7px;">&nbsp;</div>
     
    1149                      </div>
     
    1150                      <div class="col columnaVanguardiaMovilNewsleters" style="justify-content: end;display: flex;align-items: center;display: none;">
     
    1151                          <div class="ImagenVanguardiaNewsL1" style="height: 51px;width: 100%;margin-top: -11px;"></div>
     
    1152                      </div>
     
    1153                  </div>
     
    1154                  <form style="padding: 12px !important;" action="https://vanguardia.us3.list-manage.com/subscribe/post?u=372436c882786b2c9a8e7680a&amp;id=33e9fe5f1c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate FormNotaVanguardia" target="_self" novalidate>
     
    1155                      <div id="mc_embed_signup_scroll">
     
    1156                          <p style="color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;">¡Comienza tus mañanas bien informado! Obtén nuestra selección diaria de noticias locales y nacionales para mantenerte actualizado desde el amanecer.</p>
     
    1157                          <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required>
     
    1158                          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_372436c882786b2c9a8e7680a_33e9fe5f1c" tabindex="-1" value=""></div>
     
    1159                          <input type="submit" style="margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnVanguardia">
     
    1160                      </div>
     
    1161                  </form>
     
    1162              </div>
     
    1163          </div>`,
     
    1164          `<div>           
     
    1165              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1166              <style type="text/css">
     
    1167                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1168              </style>
     
    1169              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1170                  <div class="row imagenescool" style="background-color: #de001f;padding-left: 13px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;">
     
    1171                      <div class="col" style="justify-content: start;display: flex;align-items: center;"><div class="ImagenVanguardiaNewsSemanario" style="height: 40px;width: 100%;margin-top: 0px;"></div></div>
     
    1172                      <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>
     
    1173                  </div>
     
    1174                  <form style="padding: 12px !important;" action="https://vanguardia.us3.list-manage.com/subscribe/post?u=372436c882786b2c9a8e7680a&amp;id=11c878846e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate FormNotaSemanario" target="_self" novalidate>
     
    1175                      <div id="mc_embed_signup_scroll">
     
    1176                      <p style="color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;">¡No te pierdas nuestras investigaciones exclusivas! Conoce los motivos del reportaje, directamente de sus autores, con nuestra newsletter semanal.</p>
     
    1177                      <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required>
     
    1178                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
     
    1179                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_372436c882786b2c9a8e7680a_11c878846e" tabindex="-1" value=""></div>
     
    1180                      <input type="submit" style="margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnSemanario">
     
    1181                      </div>
     
    1182                  </form>
     
    1183              </div>
     
    1184          </div>`,
     
    1185          `<div>          
     
    1186              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1187              <style type="text/css">
     
    1188                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1189              </style>
     
    1190              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1191                  <div class="row imagenescool" style="background-color: #000000;padding-left: 13px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;">
     
    1192                      <div class="col" style="justify-content: start;display: flex;align-items: center;"><div class="ImagenVanguardiaNewsNYT" style="height: 25px;width: 100%;margin-top: 0px;filter: invert(1) brightness(2);"></div></div>
     
    1193                      <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>
     
    1194                  </div>
     
    1195                  <form style="padding: 12px !important;" action="https://vanguardia.us3.list-manage.com/subscribe/post?u=372436c882786b2c9a8e7680a&amp;id=77ee4ec641&amp;f_id=0061c3e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate FormNotaTNYT" target="_self" novalidate>
     
    1196                      <div id="mc_embed_signup_scroll">
     
    1197                      <p style="color: rgb(0, 0, 0);font-size: 16px !important;font-family: &quot;PT Serif&quot;,Georgia,serif!important;margin-left: 10px;"> ¡Informate con lo mejor del periodismo internacional cada sábado! Suscríbete a nuestra Newsletter y recibe las noticias más destacadas del New York Times, traducidas especialmente para ti.</p>
     
    1198                      <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required>
     
    1199                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
     
    1200                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_372436c882786b2c9a8e7680a_77ee4ec641" tabindex="-1" value=""></div>
     
    1201                      <input type="submit" style="margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnTNYT">
     
    1202                      </div>
     
    1203                  </form>
     
    1204              </div>
     
    1205          </div>`,
     
    1206          `<div>
     
    1207              <link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
     
    1208              <style type="text/css">
     
    1209                  .block_newsletter #mc_embed_signup form {padding-left:0 !important;}
     
    1210              </style>
     
    1211              <div class="newsletterform" id="mc_embed_signup" style="margin-bottom: 30px; padding: 0px !important;border-radius: 5px;">
     
    1212                  <div class="row imagenescool" style="background-color: #657838;padding-left: 13px;height: 60px;border-top-left-radius: 5px;border-top-right-radius: 5px;">
     
    1213                      <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>
     
    1214                      <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>
     
    1215                  </div>
     
    1216                  <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 FormNotaCoahuilanatural" target="_self" novalidate>
     
    1217                      <div id="mc_embed_signup_scroll">
     
    1218                      <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.</p>
     
    1219                      <input style="margin: 0% 10px auto; !important" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Correo electrónico" required>
     
    1220                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
     
    1221                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_372436c882786b2c9a8e7680a_51de90b277" tabindex="-1" value=""></div>
     
    1222                      <input type="submit" style="margin-top: 12px;right: 0% !important;position: relative !important;" value="Registrarme ahora" name="subscribe" id="mc-embedded-subscribe" class="button cnnCoahuilanatural">
     
    1223                      </div>
     
    1224                  </form>
     
    1225              </div>
     
    1226          </div>`
     
    1227
     
    1228          // Agregar otros 3 bloques de HTML para los otros newsletters
     
    1229      ];
     
    1230  
     
    1231        // Esperar 2 segundos antes de ejecutar el script
     
    1232        setTimeout(() => {
     
    1233            // Verificar si existe un div con la clase "css-15l1kde"
     
    1234            const divElemento = document.querySelector('div.css-15l1kde');
     
    1235
     
    1236            if (!divElemento) {
     
    1237                // Obtener el elemento <p> con la clase "p_4"
     
    1238                const elementoP = document.querySelector('p.p_4');
     
    1239                if (elementoP) {
     
    1240                    // Insertar el bloque de código HTML después del elemento <p>
     
    1241                    elementoP.insertAdjacentHTML('afterend', newsletterHTML[newsletterIndex]);
     
    1242                } else {
     
    1243                    console.log("no hay elementos p_4");
     
    1244                }
     
    1245            } else {
     
    1246                console.log("El div con la clase css-15l1kde está presente. El script no se ejecutará.");
     
    1247            }
     
    1248        }, 2000); // 2000 milisegundos = 2 segundos
     
    1249  
     
    1250      // Actualizar el índice del newsletter para la próxima visita
     
    1251      newsletterIndex = (newsletterIndex + 1) % totalNewsletters;
     
    1252      localStorage.setItem('newsletterIndex', newsletterIndex);
     
    1253  });
     
    1254</script>
     
    1255<!-- Newsletter notas -->
     
    1256
     
    1257<!-- apagar o encender scroll infinito 
     
    1258
     
    1259<div class="content-infinity-off">
     
    1260
     
    1261</div>
     
    1262
     
    1263apagar o encender scroll infinito -->
     
    1264
     
    1265<!-- speed page -->
     
    1266<script defer>
     
    1267    document.addEventListener("DOMContentLoaded", function() {
     
    1268        const lazyLoadElements = document.querySelectorAll('.lazy-load');
     
    1269        
     
    1270        const observer = new IntersectionObserver(entries => {
     
    1271            entries.forEach(entry => {
     
    1272                if (entry.isIntersecting) {
     
    1273                    const lazyElement = entry.target;
     
    1274
     
    1275                    // Verificar si el elemento ya ha sido marcado como cargado
     
    1276                    if (!lazyElement.classList.contains('in-view')) {
     
    1277                        // Realizar acciones específicas del elemento aquí
     
    1278                        // Por ejemplo, puedes agregar una clase, cargar contenido, etc.
     
    1279                        lazyElement.classList.add('in-view');
     
    1280
     
    1281                        // Dejar de observar el elemento después de que ha entrado en la vista
     
    1282                        observer.unobserve(lazyElement);
     
    1283                    }
     
    1284                }
     
    1285            });
     
    1286        });
     
    1287
     
    1288        lazyLoadElements.forEach(element => {
     
    1289            observer.observe(element);
     
    1290        });
     
    1291    });
     
    1292</script>
     
    1293<!-- speed page -->
     
    1294
     
    1295<script defer>
     
    1296let userHasScrolled = false;
     
    1297
     
    1298// Detectar si el usuario ha hecho scroll real (mouse, touch, teclado)
     
    1299['wheel', 'touchstart', 'keydown'].forEach(eventType => {
     
    1300  window.addEventListener(eventType, () => {
     
    1301    userHasScrolled = true;
     
    1302  }, { once: true }); // Solo necesita activarse una vez
     
    1303});
     
    1304
     
    1305// Función para aplicar el estilo fijo al menú al salir de pantalla
     
    1306function fixMenu() {
     
    1307  if (!userHasScrolled) return; // Bloquear si no ha habido scroll real del usuario
     
    1308
     
    1309  var menu = document.querySelector('.menu-principal-header.desktop');
     
    1310  var scrollY = window.scrollY || window.pageYOffset;
     
    1311  
     
    1312  if (scrollY > 0) {
     
    1313    menu.classList.add('fixed');
     
    1314  } else {
     
    1315    menu.classList.remove('fixed');
     
    1316  }
     
    1317}
     
    1318
     
    1319// Escuchador de eventos de desplazamiento
     
    1320window.addEventListener('scroll', fixMenu);
     
    1321
     
    1322// Llamar a la función al cargar la página (opcional)
     
    1323fixMenu();
     
    1324</script>
     
    1325
     
    1326
     
    1327<!-- Estilo para Lista sin Plublicidad -->
     
    1328<script>
     
    1329    document.addEventListener('DOMContentLoaded', function() {
     
    1330        
     
    1331      // Obtener todos los div con la clase block_Parrafo_Lista
     
    1332      var blocks = document.querySelectorAll('.block_Parrafo_Lista');
     
    1333    
     
    1334        // Iterar a través de los bloques
     
    1335        blocks.forEach(function(block) {
     
    1336            // Obtener todos los elementos <p> dentro del bloque actual
     
    1337            var paragraphs = block.querySelectorAll('p');
     
    1338        
     
    1339            // Iterar a través de los elementos <p>
     
    1340            paragraphs.forEach(function(paragraph) {
     
    1341                // Verificar si el <p> está vacío
     
    1342                if (paragraph.innerHTML.trim() === '') {
     
    1343                    // Agregar altura y display block
     
    1344                    paragraph.style.height = '20px';
     
    1345                    paragraph.style.display = 'block';
     
    1346                }
     
    1347            
     
    1348                // Verificar si el <p> contiene un <b> vacío
     
    1349                var boldElement = paragraph.querySelector('b');
     
    1350                if (boldElement && boldElement.innerHTML.trim() === '') {
     
    1351                    // Agregar altura y display block al <b> dentro del <p>
     
    1352                    boldElement.style.height = '20px';
     
    1353                    boldElement.style.display = 'block';
     
    1354                }
     
    1355            });
     
    1356        });
     
    1357
     
    1358    });
     
    1359</script>
     
    1360<style>
     
    1361    div.block_Parrafo_Lista p{
     
    1362    margin: 0px !important;
     
    1363    }
     
    1364</style>
     
    1365<!-- Estilo para Lista sin Plublicidad -->
     
    1366
     
    1367<script defer>
     
    1368    document.addEventListener('DOMContentLoaded', function() {
     
    1369    // Retrasa la ejecución del código durante 1 segundo (1000 milisegundos)
     
    1370    setTimeout(function() {
     
    1371    // Obtén una referencia a los elementos div con las clases específicas
     
    1372    var resizableDiv = document.querySelector('.text.resizable');
     
    1373    var otherDiv = document.querySelector('#col-60-40-top-two-col');
     
    1374
     
    1375    // Obtén la altura del div redimensionable
     
    1376    //var resizableDivHeight = resizableDiv.offsetHeight;
     
    1377    var altura = resizableDiv.getBoundingClientRect();
     
    1378    // Asigna la altura del div redimensionable al otro div
     
    1379    otherDiv.style.height = altura + 'px';
     
    1380    }, 1000); // 1000 ms = 1 segundo
     
    1381    });
     
    1382</script>
     
    1383
     
    1384
     
    1385<!-- sdk de encuestas ex.co 
     
    1386<script defer src="https://smart-placements-sdk.ex.co/v1/4c5d975f-5ccc-422a-967c-bdca2f89738c/sdk.js"></script> -->
     
    1387
     
    1388<script>
     
    1389
     
    1390document.addEventListener('DOMContentLoaded', function() {
     
    1391    // Selecciona todos los elementos div con las clases "lead destacado"
     
    1392    var elements = document.querySelectorAll('div.lead.destacado');
     
    1393    
     
    1394    // Itera sobre cada elemento y agrega el atributo itemprop="description"
     
    1395    elements.forEach(function(element) {
     
    1396        element.setAttribute('itemprop', 'description');
     
    1397    });
     
    1398});
     
    1399
     
    1400</script>
     
    1401
     
    1402<p hidden>$pub_imagen1</p>
     
    1403<p hidden>$urlImage</p>
     
    1404
     
    1405<!-- <script type="application/ld+json">
     
    1406    {
     
    1407      "@context": "http://schema.org",
     
    1408      "@type": "ImageObject",
     
    1409      "url": "$imageUrl3",
     
    1410      "datePublished": "$dateF",
     
    1411      "dateModified": "$dateFb",
     
    1412      "dateCreated": "$dateF>"
     
    1413    }
     
    1414</script>
     
    1415
     
    1416<div hidden itemprop="image" itemscope itemtype="https://schema.org/ImageObject"> 
     
    1417<meta hidden itemprop="url" content="$imageUrl3"> 
     
    1418</div> -->
     
    1419
     
    1420<script type="text/javascript" async="async">
     
    1421if(isMobileEnvironment ==  false){
     
    1422	if($(".ranking_infinity").size() > 0){
     
    1423		$(".ranking_infinity").html($(".infinity_ranking .iter-tabview-content").html());
     
    1424	}
     
    1425}
     
    1426</script>
     
    1427##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    1428##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    1429#*
     
    1430#if($iterVelocityTools.getVelocityVariable("teaseritemposition") != 1)
     
    1431		#set($TituloEsc = $htmlUtil.escape($!Headline.data))
     
    1432		#set($TituloEsc = $TituloEsc.replaceAll("\n", ""))
     
    1433		#set ($tempSubheadline = "#getTeaserSubheadline(false)")
     
    1434		#if($tempSubheadline && $tempSubheadline != "")
     
    1435			#set($Texto = $tempSubheadline )
     
    1436		#else
     
    1437			#set($Texto = "#dameText(200)" )
     
    1438		#end	
     
    1439		#set($Texto = $Texto.replaceAll("<.*?>","") )
     
    1440		#set($Texto = $Texto.trim() )
     
    1441			
     
    1442		#set($logo = "$iterVelocityTools.getVariable('0','logo_datos')" )
     
    1443		#set($logo = $logo.trim() )
     
    1444		#set($logo = $htmlUtil.escape($logo))
     
    1445		#set($logo = $logo.replaceAll("/","\/") )
     
    1446		#set($section = "")
     
    1447		#set($section_url = "")
     
    1448		#set($ac-sectionDateFrom =  $articleContext.selectNodes('articlectx/sections//section[@from]'))
     
    1449		#if($ac-sectionDateFrom && $ac-sectionDateFrom.size() > 0)
     
    1450			#foreach ($atrib in $ac-sectionDateFrom.get(0).attributes()  )
     
    1451				#if($atrib.name == "name")
     
    1452					#set($section = $!atrib.data)
     
    1453				#end
     
    1454				#if($atrib.name == "url")
     
    1455					#set($section_url = $!atrib.data)
     
    1456				#end
     
    1457				
     
    1458			#end
     
    1459		#end
     
    1460		## ***************AUTOR ********************
     
    1461		#set($autorfinal = "")
     
    1462		#set($urlautorfinal = "")
     
    1463		#if($hmAutores.size() > 0)
     
    1464			#set($hmAutor = $hmAutores.get(0))
     
    1465			#set($autorfinal = $hmAutor.name)
     
    1466			#set($autorfinalEsc = $htmlUtil.escape($autorfinal))	
     
    1467			#set($urlautorfinal = "#metadataUrl_v1('autor')${hmAutor.friendlyname}")
     
    1468		#end
     
    1469		#if($autorfinal == "")
     
    1470			#set($autorfinal = "Vanguardia")
     
    1471		#end
     
    1472
     
    1473
     
    1474
     
    1475		<!-- ITEMS EN PAGINA  fullaccess: $fullaccess -->
     
    1476		<meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="#siteUrl()$url_actual" />
     
    1477		<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
     
    1478			<meta itemprop="url" content="https://vanguardia.com.mx/" />
     
    1479			<meta itemprop="name" content="Vanguardia" />
     
    1480			<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
     
    1481				<meta itemprop="url" content="$iterVelocityTools.getVariable('0','logo_datos')" />
     
    1482				<meta itemprop="width" content="600" />
     
    1483				<meta itemprop="height" content="60" />
     
    1484			</div>
     
    1485		</div>
     
    1486
     
    1487#end
     
    1488*#
     
    1489##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     
    1490##+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
    Selección de los editores