Consulta cuando quieras la edición en Papel desde el lector de PDFs.
Pulsa aquí
![{name=Headline, data=Julio/Agosto del 2026 Nº 297, type=text, options=[], Milenium={name=Milenium, data=idcon=101905544;order=1.0, type=text, options=[]}, iterContentTypeIn=TeaserHeadline, iterContentTypeOut=Headline}](http://www.elperiodicodelazulejo.es/binrepository/195x250/11c0/174d250/none/10926/NDRL/pr-azulejo-20260731-pag-00_101905545_20260728104048.jpg "Julio/Agosto del 2026 Nº 297")
APE Grupo anticipa las tendencias en interiorismo
La marca ha presentado el estudio: ‘The new habitat. Espacios que habitamos en la realidad pospandémica’
- De izquierda a derecha, José Miguel Pellicer, CEO de APE Grupo; Alicia García Cabrera, directora de la muestra de tendencias Casa Decor; y Pepa Casado, fundadora e investigadora de la firma Future-A.
-
Una vivienda modular que por el día es oficina y por la noche un hogar común. Un hotel que reconvierte sus habitaciones en espacios de coworking de lunes a viernes y los fines de semana recibe a turistas. Una oficina entendida como punto de encuentro de empleados y no como centro de trabajo. O una tienda física orientada a la experiencia del usuario, pero que anima a la compra de sus productos por internet. Puede parecer que son los espacios que habitaremos en el futuro, pero estos cambios ya han llegado.
Estas son algunas de las conclusiones del estudio The new habitat. Los espacios que habitamos en la realidad pospandémica, realizado por APE Grupo en colaboración con future-A y que se ha presentado en junio en Casa Decor.
El informe constata cómo ha influido la crisis del coronavirus en el diseño de los espacios. Para su realización se ha llevado a cabo una investigación de tendencias en el ámbito internacional y se ha analizado la opinión de 180 expertos españoles del diseño y la arquitectura.
«En este momento de inflexión estratégica, la innovación es necesaria para adecuarnos a los desafíos a los que nos enfrentamos como sociedad», ha asegurado José Miguel Pellicer, CEO de APE Grupo. «Estamos viviendo un periodo de incertidumbre, por lo que en APE Grupo sentimos el deber de investigar y compartir este conocimiento a través de un documento pionero en el sector que anticipa los cambios en los principales espacios vitales en los que se desarrollan nuestras vidas», concluye.
1. Nuevo paradigma de vivienda. La falta de espacio, la reducción del tamaño medio de las casas o la introducción de nuevas funciones en el hogar, como el teletrabajo o el deporte, se unen con estilos de vida más dinámicos y cambiantes que obligan a la vivienda a adaptarse de forma rápida. De hecho, la flexibilidad del espacio será muy importante para diseñar la casa del futuro, tal y como afirman el 80% de los profesionales.
La introducción de un concepto como el hoffice (home office) obliga a planificar los hogares para la conciliación entre trabajo y vida personal. Entre los criterios que priorizan los arquitectos y diseñadores de interiores españoles para diseñar la vivienda del futuro destaca su apertura al exterior, la flexibilidad del espacio interior y la sostenibilidad.
2. Espacios de trabajo flexibles. Hoy, tras la popularización del teletrabajo, un 37% de los profesionales del sector cree que la oficina será el espacio en el que prime el espíritu colaborativo, Así, el espacio se dividirá en zonas destinadas a la concentración, el brainstorming y de trabajo conjunto. El coronavirus también ha provocado la toma de conciencia sobre la importancia de crear áreas de trabajo saludables, que apoyen el bienestar físico y emocional de los empleados.
3. Hoteles: desconexión y teletrabajo. Los hoteles aislados en medio de parajes naturales han sido los que mejor han sobrevivido a la crisis del turismo. Estos establecimientos ya no aspiran a ser un espacio destinado para el turista o el viajero de negocios, sino que quiere lograr un posicionamiento como espacio conectado a su entorno y convertirse en un ente participativo. Así se generan espacios combinados entre hotel y oficina, donde los teletrabajadores encuentran servicios adecuados a sus necesidades.
4. Las tiendas phigital. La experiencia omnicanal (venta coordinada a través de canales físicos y digitales) será fundamental en el futuro. La tienda física se convertirá en un paso más dentro del proceso de compra, que se conectará con ecommerce o marketplaces, haciendo de los locales un espacio phygital. El estudio completo puede descargarse en: https://bit.ly/TheNewHabitat.
An error occurred while processing the template.
Invocation of method 'substring' in class java.lang.String threw exception java.lang.StringIndexOutOfBoundsException: String index out of range: -2 at 21058/F/D_IMG_INF2_TXT[line 524, column 23]
1##----D_IMG_INF2_TXT----
2$!iterVelocityTools.includeLibrary("https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js", "ITER.RESOURCE.CUSTOM.onBxsliderLoaded.resolve()")
3
4#set($sectionID = "#printAssignedSectionID_v1")
5#set ($varColorIter = $!iterVelocityTools.getVariable($sectionID , "color"))
6#set ($topcontent = $!iterVelocityTools.getVariable($sectionID , "printTopcontainer"))
7#set ($info = $!iterVelocityTools.getVariable("0" , "printInfo"))
8#set ($date = $!iterVelocityTools.getVariable("0" , "date"))
9#set ($hasImages = $articleToolbox.getNumImageTags("TeaserImage", "true"))
10#set ($hasImages = $numberTool.toNumber($hasImages).intValue())
11
12#set ($vocabulary = $!iterVelocityTools.getVariable($sectionID , "vocabulary"))
13
14#if($hasImages == 0 || $hasImages < 0)
15 #set($templateClass = "no-media")
16#end
17
18<div class="D_IMG_INF2_TXT">
19
20 #if($hasImages > 0)
21 ##MULTIMEDIA IMG
22 <div class="multimedia">
23 #getMultimediaMixed_v1("" "crop_768x432" "629" "354" "100%")
24 </div> <!-- multimedia -->
25 #end
26
27 ##INF2
28 <div class="inf2">
29 #set($hmAutores = {})
30 #getAcAssignedCatExtended_v1($hmAutores "Author")
31 #if($hmAutores.size() > 0)
32 <div class="author">
33 #set($hmAutor = $hmAutores.get(0))
34 <li class="byline" itemprop="author">
35 <a href="#metadataUrl_v1("autor")${hmAutor.friendlyname}">$hmAutor.name</a>
36 #if($info.split("\,").size() > 1 && $velocityCount < $info.split("\,").size())
37 <span class="separator">$!separador</span>
38 #end
39 <div class="add_topic_to_favorite_button topic_${hmAutor.id} author" value="$hmAutor.name" id="${hmAutor.id}" title="Seguir este autor" onClick="click_favorite_topic('${hmAutor.id}', $('#favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data'))"></div>
40 <div id="favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data" class="favorite_topic_alert" style="display: none;">Autor marcado para seguir</div>
41 </li>
42 </div>
43 #end
44 <div class="author date">
45 #printDateAgo("dd.MM.yyyy HH:mm","","", "")
46 </div>
47 #set($title = "$!articleToolbox.getTag(null,'Headline').data")
48 #set($link = "#siteUrl()$articleToolbox.getArticleViewer('canonical')")
49 <nav class="shared">
50 <ul>
51 <li><a href="#comments" class="comentarios disqus" title="0 Comentarios"><i class="fa fa-comment" aria-hidden="true"></i><span>0</span></a></li>
52 <li><a href="mailto:?subject=Te%20envío%20esta%20noticia:%20${title}&body=${title}:%20${link}" class="RRSS mailto" onclick="ga('send', '${title}', 'Compartir', 'eMail');" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
53 <li><a href="https://www.facebook.com/share.php?u=${link}" class="RRSS facebook" onclick="ga('send', '${title}', 'Compartir', 'Facebook');" target="_blank"><i class="fa fa-facebook"></i></a></li>
54 <li><a href="https://twitter.com/intent/tweet?text=${title}&via=EPAzulejo&url=${link}" class="RRSS twitter" onclick="ga('send', '${title}', 'Compartir', 'Twitter');" target="_blank"><i class="fa fa-twitter"></i></a></li>
55 <li><a href="whatsapp://send?text=${link}" class="RRSS whatsapp" onclick="ga('send', '${title}', 'Compartir', 'Whatsapp');" target="_blank"><i class="fa fa-whatsapp"></i></a></li>
56 <li><a href="https://www.linkedin.com/sharing/share-offsite/?url=${link}" class="RRSS linkedin" onclick="ga('send', '${title}', 'Compartir', 'LinkedIn');" target="_blank"><i class="fa fa-linkedin"></i></a></li>
57 </ul>
58 </nav>
59
60 </div>
61
62 ## +++++++++++++++++++++++++ TEXT +++++++++++++++++++++++++++++
63 <div class="text v_01">
64 ##**************************************************************************
65 #set ($hashNames ={})
66 #set ($temp = $hashNames.put("Text","text"))
67 #set ($temp = $hashNames.put("HTML_Text","html"))
68 #set ($temp = $hashNames.put("Lead","lead"))
69 #set ($temp = $hashNames.put("Image_Text","Image_Text"))
70 #set ($temp = $hashNames.put("Image_Text_Vertical","Image_Text_Vertical"))
71 #set ($temp = $hashNames.put("Quote","quote"))
72 #set ($temp = $hashNames.put("Youtube_Text","Youtube_Text"))
73 #set ($temp = $hashNames.put("Twitter_Text","Twitter_Text"))
74 #set ($temp = $hashNames.put("Facebook_Text","Facebook_Text"))
75 #set ($temp = $hashNames.put("Multimedia_Text","Multimedia_Text"))
76 #set ($temp = $hashNames.put("Vimeo_Text","Vimeo_Text"))
77 #set ($temp = $hashNames.put("Intext","intext"))
78 #set ($temp = $hashNames.put("Link_Text","Link_Text"))
79 #set ($temp = $hashNames.put("Destacado","Destacado"))
80 #set ($temp = $hashNames.put("Question","Question"))
81 #set ($temp = $hashNames.put("lista","lista"))
82 #set ($temp = $hashNames.put("lista_numerica","lista_numerica"))
83 #set ($temp = $hashNames.put("Text_en","Text_en"))
84 ##**************************************************************************
85 #set($cropName = "crop620xfree")
86 #set($widthMultimedia = "620")
87 #set($heightMultimedia = "400")
88 #set($cropSizes = "100%")
89 #set($contadorParrafos = 0)
90 #set($childrenTags = $articleToolbox.getChildrenTags(null))
91 #set($currentElement = 0)
92 ##**************************************************************************
93 #set($slide_imgTxt = false)
94
95 #foreach($el in $childrenTags)
96 #set ($element = {})
97 #set ($cssclass=$hashNames.get($el.name))
98 #if($cssclass)
99
100 #set ($temp = $element.put("name",$el.name))
101 #set ($temp = $element.put("cssclass",$cssclass))
102
103 #if ($environment == 'PREVIEW')
104 #set($tempIter = " iterhtmlid='$el.Milenium.data' ")
105 #else
106 #set($tempIter = "")
107 #end
108
109 #if($element.name == "Image_Text")
110 #if($el && $el.trim() != "")
111 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
112 #set($ind = $currentElement+1)
113
114 #if($childrenTags.get($ind).name == "Image_Text" && $slide_imgTxt == false)
115 #set($name_s = "bx_slider_it_" + $currentElement)
116 <div class="$name_s">
117 #set($slide_imgTxt = true)
118 #end
119 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
120 <figure class="contentMedia art-img ${element.cssclass}" >
121 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
122 #set($AltImage = "#getAltImage_v1($tempImage)")
123 #set($TitleImage = "#getTitleImage_v1($tempImage)")
124 #if($enviromentVersion == "new")#*
125 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
126 *##else#*
127 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
128 *##end
129 #if($imgHtml)
130 $imgHtml
131 #end
132 #if($el.Cutline && $el.Cutline.data != "")
133 #if ($environment == 'PREVIEW')
134 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
135 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
136 #else
137 #set($tempIter = "")
138 #set($tempIter2 = "")
139 #end
140 <div class="cutline-byline">
141 <span class="cutline-text" $tempIter>$!el.Cutline.data</span>
142 #if($el.Byline && $el.Byline.data != "")
143 <span class="byline-image" $tempIter2> | $el.Byline.data </span>
144 #end
145 </div>
146 #end
147 </figure>
148 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
149 #if($childrenTags.get($ind).name != "Image_Text" && $slide_imgTxt)
150 </div>
151 <script>
152 $(".$name_s").bxSlider({
153 auto: false,
154 pager: false,
155 controls: true,
156 infiniteLoop: false,
157 minSlides: 1,
158 maxSlides: 1,
159 slideMargin: 20,
160 hideControlOnEnd: true
161 });
162 </script>
163 #set($slide_imgTxt = false)
164 #end
165 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
166
167
168
169 #end
170 #end
171
172
173 #if($element.name == "Image_Text_Vertical")
174 #if($el && $el.trim() != "")
175 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
176 #set($ind = $currentElement+1)
177
178 #if($childrenTags.get($ind).name == "Image_Text_Vertical" && $slide_imgTxt == false)
179 #set($name_s = "bx_slider_it_" + $currentElement)
180 <div class="$name_s">
181 #set($slide_imgTxt = true)
182 #end
183 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
184 <figure class="contentMedia art-img ${element.cssclass}" >
185 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
186 #set($AltImage = "#getAltImage_v1($tempImage)")
187 #set($TitleImage = "#getTitleImage_v1($tempImage)")
188 #if($enviromentVersion == "new")#*
189 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
190 *##else#*
191 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
192 *##end
193 #if($imgHtml)
194 $imgHtml
195 #end
196 #if($el.Cutline && $el.Cutline.data != "")
197 #if ($environment == 'PREVIEW')
198 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
199 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
200 #else
201 #set($tempIter = "")
202 #set($tempIter2 = "")
203 #end
204 <div class="cutline-byline">
205 <span class="cutline-text" $tempIter>$!el.Cutline.data</span>
206 #if($el.Byline && $el.Byline.data != "")
207 <span class="byline-image" $tempIter2> | $el.Byline.data </span>
208 #end
209 </div>
210 #end
211 </figure>
212 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
213 #if($childrenTags.get($ind).name != "Image_Text_Vertical" && $slide_imgTxt)
214 </div>
215 <script>
216 $(".$name_s").bxSlider({
217 auto: false,
218 pager: false,
219 controls: true,
220 infiniteLoop: false,
221 minSlides: 1,
222 maxSlides: 1,
223 slideMargin: 20,
224 hideControlOnEnd: true
225 });
226 </script>
227 #set($slide_imgTxt = false)
228 #end
229 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
230
231
232
233 #end
234 #end
235
236 #if($element.name == "Youtube_Text")
237 #if($el && $el.trim() != "")
238 <div class="multimediaMacroWrapper ${element.cssclass}">
239 <div class="contentMedia art-youtube" $!tempIter>
240 <div class="responsive-video">
241 <iframe allowfullscreen="" frameborder="0" height="$heightMultimedia" width="$widthMultimedia" src="//www.youtube.com/embed/$el.data?wmode=transparent&showinfo=0&theme=light"></iframe>
242 </div>
243 </div>
244 </div>
245 #end
246 #end
247
248 #if($element.name == "Vimeo_Text")
249 #if($el && $el.trim() != "")
250 <div class="multimediaMacroWrapper ${element.cssclass}">
251 <div class="contentMedia art-vimeo" $!tempIter>
252 <div class="responsive-video">
253 <iframe class="vimeo-player" src="//player.vimeo.com/video/$el.data" width="$widthMultimedia" height="$heightMultimedia" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
254 </div>
255 </div>
256 </div>
257 #end
258 #end
259
260 #if($element.name == "Twitter_Text")
261 #if($el && $el.trim() != "")
262 <div class="art-twitter ${element.cssclass}" $!tempIter>
263 <div class="twitter-content">
264 <blockquote class="twitter-tweet">
265 <a href='$!el.data'></a>
266 </blockquote>
267 $!iterVelocityTools.includeLibrary("https://platform.twitter.com/widgets.js", "ITER.RESOURCE.CUSTOM.TwitterLoaded.resolve()")
268 </div>
269 </div>
270 #end
271 #end
272
273 #if($element.name == "Facebook_Text")
274 #if($el.data && $el.data.trim() != "")
275 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
276 #end
277 #end
278
279 #if($element.name == "Multimedia_Text")
280 #if($el && $el.trim() != "")
281 <div class="multimediaMacroWrapper">
282 <div class="contentMedia art-video interno ${element.cssclass}" $!tempIter>
283 <div class="responsive-video">
284
285 #if($el.Extension.data && $el.Extension.data == "mp3")
286 <audio controls width="$widthMultimedia" height="$heightMultimedia">
287 <source src="$el.Document.data" type="audio/mpeg">
288 </audio>
289 #elseif ($el.Extension.data && $el.Extension.data == "mp4")
290 <div id="multimediaPlayer${reserved-article-id.data}${velocityCount}" class="jwplayer-content" preview="$el.Preview.data" data_document="$el.Document.data" >Cargando reproductor ...</div>
291
292 ##<video id="multimediaPlayer$!{reserved-article-id.data}${velocityCount}" poster="$!el.Preview.data" controls width="$!widthMultimedia" height="$!heightMultimedia">
293 ## <source src="$!el.Document.data" type="video/mp4">
294 ## Tu navegador no soporta el vídeo de HTML5
295 ##</video>
296 #end
297
298 </div>
299 </div>
300 </div>
301 #end
302 #end
303
304 #if($element.name == "HTML_Text")
305 #if($el.data && $el.data.trim() != "")
306 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
307 #end
308 #end
309 #if($element.name == "Lead")
310 #if($el && $el.trim() != "")
311 <h3 class='${element.cssclass} entradilla' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h3>
312 #end
313 #end
314 #if($element.name == "Ladillo")
315 #if($el && $el.trim() != "")
316 <h2 class='${element.cssclass} ladillo' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h2>
317 #end
318 #end
319 #if($element.name == "Link_Text")
320 #if($el.data && $el.data.trim() != "")
321 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
322 #end
323 #end
324 #if($element.name == "Text")
325 #if($el && $el.trim() != "")
326 <div class='paragraph' mlnid="$el.Milenium.data">
327 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
328 #foreach($parrafo in $tempArrayText)
329 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
330 #if($parrafo != "")
331 #set($contadorParrafos = $contadorParrafos + 1)
332## #if($contadorParrafos == 2)
333## $!iterVelocityTools.getAdContainer("M02_cpm_r_dcha")
334## #elseif($contadorParrafos == 5)
335## $!iterVelocityTools.getAdContainer("M04_cpm_r_dchab")
336## #elseif($contadorParrafos == 9)
337## $!iterVelocityTools.getAdContainer("M07_cpm_r_dchac")
338## #end
339
340 #if($environment == "LIVE" && $parrafo.contains("wp:paragraph") == false)
341 <p class="p_$contadorParrafos iter"><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></p>
342 #else
343 <p class="p_$contadorParrafos migrado">$parrafo</p>
344 #end
345
346 #end
347 #end
348 </div>
349 #end
350 #end
351
352 #if($element.name == "Intext")
353 #if($el && $el.trim() != "")
354 <div class='${element.cssclass}' $!tempIter>
355 $!el.data.trim().replaceAll("&","&")
356 </div>
357 #end
358 #end
359
360 #if($element.name == "Quote")
361 #if($el && $el.trim() != "")
362 <blockquote class='${element.cssclass}' $!tempIter>
363 <span>$!el.data.trim().replaceAll("&","&")</span>
364 </blockquote>
365 #end
366 #end
367 #if($element.name == "Destacado")
368 #if($el && $el.trim() != "")
369 <div class='${element.cssclass}' $!tempIter>
370 <span>$!el.data.trim().replaceAll("&","&")</span>
371 </div>
372 #end
373 #end
374 #if($element.name == "lista")
375 #if($el && $el.trim() != "")
376 <ul class='${element.cssclass}'>
377 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
378 #foreach($parrafo in $tempArrayText)
379 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
380 #if($parrafo != "")
381## #set($contadorParrafos = $contadorParrafos + 1)
382## #if($contadorParrafos == 2)
383## $!iterVelocityTools.getAdContainer("M02_cpm_r_dcha")
384## #elseif($contadorParrafos == 5)
385## $!iterVelocityTools.getAdContainer("M04_cpm_r_dchab")
386## #elseif($contadorParrafos == 9)
387## $!iterVelocityTools.getAdContainer("M07_cpm_r_dchac")
388## #end
389 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
390 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
391 ##else
392 <li>$!parrafo</li>
393 ##end
394 #end
395 #end
396 </ul>
397 #end
398 #end
399 #if($element.name == "lista_numerica")
400 #if($el && $el.trim() != "")
401 <ol class='${element.cssclass}'>
402 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
403 #foreach($parrafo in $tempArrayText)
404 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
405 #if($parrafo != "")
406## #set($contadorParrafos = $contadorParrafos + 1)
407## #if($contadorParrafos == 2)
408## $!iterVelocityTools.getAdContainer("M02_cpm_r_dcha")
409## #elseif($contadorParrafos == 5)
410## $!iterVelocityTools.getAdContainer("M04_cpm_r_dchab")
411## #elseif($contadorParrafos == 9)
412## $!iterVelocityTools.getAdContainer("M07_cpm_r_dchac")
413## #end
414 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
415 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
416 ##else
417 <li>$!parrafo</li>
418 ##end
419 #end
420 #end
421 </ol>
422 #end
423 #end
424
425 #if($element.name == "Question")
426 #if($el && $el.trim() != "")
427 #set($namespace = $randomNamespace)
428 #initPoll_v1
429 <div class='${element.cssclass}' $!tempIter groupId="$groupId" questionId="$Question.questionid">
430 <div class="question-poll">
431 ##QUESTION
432 <h3 class="headline question">$!Question.data</h2>
433 </div> <!-- Fin div question-poll -->
434 ##CHOICES
435 <div class="${namespace}_choices visible">
436 #if ($Question && $Question.Answer && $Question.Answer.getSiblings() && $Question.Answer.getSiblings().size() > 0)
437 <form id="${namespace}_form" name="${namespace}_form" class="${namespace}_form" >
438 <input name="questionId" type="hidden" value="$Question.questionid" />
439 #foreach ($answer in $Question.Answer.getSiblings())
440 <span class="choice"><input type="radio" value="$answer.choiceid" name="choiceId" class="choiceOption">$answer.data</span>
441 #end
442 <span class="vote-btn btn">Vota</span>
443 </form>
444 #end
445 </div> <!-- Fin div choices -->
446 <div class="${namespace}_results hidden"></div>
447
448 </div>
449 <script>
450 jQuery(".${namespace}_form .vote-btn.btn").bind("click",function(){
451 var resultVote = IterPoll.vote(jQuery('.${namespace}_form'),JSON.parse('#getPollJson_v1'));
452 console.log("resultVote = " + resultVote);
453 if(resultVote == true){
454 IterPoll.getPollData(JSON.parse('#getPollJson_v1'),".${namespace}_results",IterPoll.printPollResultSimple);
455 }
456 jQuery(".${namespace}_results").addClass("visible");
457 jQuery(".${namespace}_choices").addClass("hidden");
458 jQuery(".${namespace}_choices").removeClass("visible");
459 jQuery(".${namespace}_results").removeClass("hidden");
460 })
461 </script>
462 #end
463 #end
464 #if($element.name == "Text_en")
465 #if($el && $el.trim() != "")
466 <div class='paragraph' style="color: #2ba2c7;" mlnid="$el.Milenium.data">
467 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
468 #foreach($parrafo in $tempArrayText)
469 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
470 #if($parrafo != "")
471 #set($contadorParrafos = $contadorParrafos + 1)
472 #if($environment == "LIVE" && $parrafo.contains("wp:paragraph") == false)
473 <p class="p_$contadorParrafos iter"><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></p>
474 #else
475 <p class="p_$contadorParrafos migrado">$parrafo</p>
476 #end
477 #end
478 #end
479 </div>
480 #end
481 #end
482 ## cssclass
483 #end
484 ## childrenTags
485 #set($currentElement = $currentElement + 1)
486 #end
487 ##**************************************************************************
488 </div> <!-- Fin div text -->
489
490#if($environment == "LIVE")
491<?php
492 function format_post_content($content) {
493 $document = new DOMDocument();
494 $document->loadHTML($content);
495 $tags = $document->getElementsByTagName('a');
496 foreach ($tags as $tag) {
497 if( strpos($tag->getAttribute('href'),'neomotor') > 0 ){
498 $tag->removeAttribute('rel');
499 $tag->removeAttribute('target');
500 $tag->setAttribute('title', $tag->nodeValue);
501 }
502 }
503 $html_1 = $document->saveHTML($document->documentElement);
504 $html_1 = str_replace("<body>", "", $html_1);
505 $html_1 = str_replace("<html>", "", $html_1);
506 $html_1 = str_replace("<p>", "", $html_1);
507 $html_1 = str_replace("</p>", "", $html_1);
508 $html_1 = str_replace("</html>", "", $html_1);
509 $html_1 = str_replace("</body>", "", $html_1);
510 echo $html_1;
511 }
512?>
513#end
514
515 ## +++++++++++++++++++++++++ TEXT +++++++++++++++++++++++++++++
516</div>
517
518## ******** DATALAYER DETALLE *******************************
519#set($mask_d = "YYYY-MM-dd'T'HH:mm:ssZZ")
520#set($date_m = "#printDateFrom_v1($mask_d)" )
521##PONEMOS LOS : EN EL DESPLAZAMIENTO UTC
522#set($date_m = $date_m.trim())
523#set($tam = $date_m.length() - 2)
524#set($val-1 = $date_m.substring(0, $tam))
525#set($val-2 = $date_m.substring($tam))
526#set($date_m = $val-1 + ":" + $val-2)
527#set($date_s = "#printDateFrom_v1('yyy-MM-dd')" )
528#set($autorfinal = "")
529#set($hmAutores = {})
530#getAcAssignedCatExtended_v1($hmAutores "Author")
531#if($hmAutores.size() > 0)
532 #foreach ($hmAutor in $hmAutores)
533 #set($autorfinal = $hmAutor.friendlyname.replaceAll("-", " "))
534 #end
535#end
536#if($autorfinal == "")
537 #set($autorfinal = "redaccion")
538#end
539
540##*************** TEMAS ***************************
541#set($keywordsfinal_datalayer = '')
542#if($auxCatalagoTema.size() > 0)
543 #foreach($keyword in $auxCatalagoTema)
544
545 #if($keywordsfinal_datalayer == '')
546 #set($keywordsfinal_datalayer = $keyword.friendlyname.replaceAll("-", " "))
547 #else
548 #set($keywordsfinal_datalayer = $keywordsfinal_datalayer + '|' + $keyword.friendlyname.replaceAll("-", " "))
549 #end
550 #end
551 #set($keywordsfinal_datalayer = '"' + $keywordsfinal_datalayer + '"')
552#else
553 #set($keywordsfinal_datalayer = 'undefined')
554#end
555
556
557#set ($xml =$articleContext.selectNodes('//section'))
558#set($nivel = 1)
559#set($secc1 = "")
560#set($secc2 = "undefined")
561#set($secc3 = "undefined")
562#foreach ($nodexml in $xml )
563 #if($nivel < 4)
564 #set($secc = $htmlUtil.escape($!nodexml.attribute('name').getValue()))
565 #set($secc = $secc.replaceAll("\n", "") )
566 #set($seccID = $htmlUtil.escape($!nodexml.attribute('id').getValue()))
567 #if($nivel == 1)
568 #set($secc1 = $secc)
569 #elseif($nivel == 2)
570 #set($secc2 = $secc)
571 #elseif($nivel == 3)
572 #set($secc3 = $secc)
573 #end
574 #set($nivel = $nivel + 1)
575 #end
576#end
577
578<script nominify>
579var sec2 = undefined;
580var sec3 = undefined;
581#if($secc2 != "undefined")
582 var sec2 = normalize_str_data("$secc2");
583#end
584#if($secc3 != "undefined")
585 var sec3 = normalize_str_data("$secc3");
586#end
587window.dataLayer = window.dataLayer || [];
588window.dataLayer.push ({
589 "event": "pageview",
590 "content": {
591 "access": "abierto",
592 "category": "ocio",
593 "date": {
594 "modification": "$date_m.trim()",
595 "publication": "$date_m.trim()",
596 "publication_short": "$date_s.trim()"
597 },
598 "id": "$reserved-article-id.data",
599 "person": {
600 "author": "$autorfinal",
601 "editor": "$autorfinal"
602 },
603 "section": {
604 "level_1": normalize_str_data("$secc1"),
605 "level_2": sec2,
606 "level_3": sec3
607 },
608 "tag": $keywordsfinal_datalayer,
609 "type": {
610 "cms": "noticia" // noticia|portada
611 },
612 },
613 "page": {
614 "view_id": Math.floor(Date.now() / 1000),
615 "ga4_id": "G-JMFTHHM0FB"
616 },
617 "product": {
618 "platform": "web", // web|amp
619 "product.area" : "regionales",
620 "product.brand" : "el periodico del azulejo",
621 "product.name" : "elperiodicodelazulejo"
622 }
623})
624</script>