1<div class="container-fluid-1280 no-padding-movil">
2 <#if subtitulo?? && subtitulo.getData()?has_content>
3 <h2 <#if ID??>id="${ID.getData()}"</#if> class="subtitle-section text-blue" id="${subtitulo.getData()?lower_case?replace(' ','-')}">
4 ${subtitulo.getData()}
5 </h2>
6 </#if>
7 <div <#if ID??>id="${ID.getData()}"</#if> class="row">
8 <div class="hidden-xs row w-100">
9 <#if modulo.getSiblings()?has_content>
10 <#list modulo.getSiblings() as cur_modulo>
11 <#list cur_modulo.getChildren() as cur_field>
12 <#if cur_field.getName()=="Contenido">
13 <#assign contenido=cur_field.getData()>
14 </#if>
15 <#if cur_field.getName()=="ImagenDeFondo">
16 <#assign fondo=cur_field.getData()>
17 <#assign altFondo=cur_field.getAttribute("alt")>
18 </#if>
19 <#if cur_field.getName()=="Icono">
20 <#assign icono=cur_field.getData()>
21 <#if cur_field.getAttribute( "alt")?has_content >
22 <#assign altIcono=cur_field.getAttribute("alt")>
23 <#else>
24 <#assign altIcono= .vars['reserved-article-title'].data >
25 </#if>
26 </#if>
27 <#if cur_field.getName()=="ModuloDesplegado">
28 <#assign dataContent=cur_field>
29 </#if>
30 <#if cur_field.getName()=="Enlace">
31 <#assign data=cur_field.getData()>
32 <#assign jsonEnlace = jsonFactoryUtil.createJSONObject(data)>
33 <#assign m = jsonEnlace?eval>
34 <#assign enlace = "">
35 <#if m.layoutId??>
36 <#assign enlace = m.layoutId>
37 </#if>
38 </#if>
39 <#if cur_field.getName()=="EnlaceExterno">
40 <#assign enlaceExterno=cur_field.getData()>
41 </#if>
42 <#if cur_field.getName()=="ModuloAncho">
43 <#assign moduloAncho=cur_field.getData()>
44 </#if>
45 </#list>
46 <#assign numModulos=modulo.getSiblings()?size>
47 <#if numModulos%3==0>
48 <#assign cols=4>
49 <#elseif numModulos%2==0>
50 <#assign cols=6>
51 <#else>
52 <#assign cols=4>
53 </#if>
54 <#if moduloAncho=="true">
55 <#assign cols=cols*2>
56 </#if>
57 <div class="col-xs-12 col-sm-${cols} col-md-${cols} home-modulo animation <#if dataContent.getData()?has_content>withContent</#if>" <#if enlace?has_content>onclick="location.href='${enlace}'"
58 <#elseif enlaceExterno?has_content>onclick="window.open('${enlaceExterno}')"</#if>> <img src="${fondo}" alt="${altFondo}" class="img-bg-modulos animation" /> <img alt="${altIcono}" src="${icono}" class="ico-modulo" />
59 <#if contenido??>
60 <div class="texto-modulo texto-modulo-margin">
61 ${contenido}
62 <#if 0 < dataContent.getSiblings()?size>
63 <#assign pdfExist=enlaceExterno?index_of('pdf')>
64 <#if enlaceExterno?has_content && pdfExist==- 1>
65 <img src="/documents/20143/0/external-link-16.png/1933746f-80a3-f33d-8174-6b0d03c522a4?t=1513858504306" alt="enlace-externo" class="ico-text-modulo">
66 <#elseif enlaceExterno?has_content && 0 < pdfExist>
67 <img src="/documents/20143/0/ico-document-white.png/020bfd57-5844-c0a8-137e-2723ea54e325?t=1516706311602" alt="Documento pdf" class="ico-text-modulo">
68 <#elseif enlace?has_content>
69 <img src="/documents/20143/81860/flecha-icono.png/41552a3a-a942-310b-e21e-dfaf1e69e204?t=1513524791729" alt="flecha" class="ico-text-modulo">
70 <#else>
71 <img alt="flecha-desplegable" class="img-flecha-desplegable animation" src="/documents/20143/0/flechaEmbalses.png/7e06e1f4-5908-63dc-adfe-40865df65b3d?version=1.0&t=1505477774208&imagePreview=1" alt="desplegable" /> </#if>
72 <#else>
73 <i class="ico-long-arrow-right"> </i>
74 </#if>
75 </div>
76 </#if>
77 <div class="contentModulo hidden">
78 <div class="container-fluid-1280">
79 <#if modulo.getSiblings()?has_content>
80 <#list dataContent.getSiblings() as cur_dataContent>
81 <div class="row">
82 <#assign tieneContenido=false>
83 <#list cur_dataContent.getChildren() as cur_media>
84 <#if cur_media.getData()?has_content>
85 <#assign tieneContenido=true>
86 </#if>
87 </#list>
88 <#if tieneContenido>
89 <div class="col-md-6"> ${cur_dataContent.getData()}
90 <#list cur_dataContent.getChildren() as cur_mediaEnlace>
91 <#if cur_mediaEnlace.getName()=="EnlaceModuloDesplegado" && cur_mediaEnlace.getData()?has_content>
92 <#assign enlaceIMG=cur_mediaEnlace.getData()>
93 </#if>
94 <#if cur_mediaEnlace.getName()=="textoAnte" && cur_mediaEnlace.getData()?has_content>
95 <#assign textoAnte=cur_mediaEnlace.getData()>
96 </#if>
97 <#if cur_mediaEnlace.getName()=="textoEnlaceAqui" && cur_mediaEnlace.getData()?has_content>
98 <#assign textoEnlaceAqui=cur_mediaEnlace.getData()>
99 </#if>
100 </#list>
101
102 <#if textoAnte??>
103 <p>${textoAnte} <a href="${enlaceIMG}" class="text-blue text-title" target="_blank" rel="noopener noreferrer"> ${textoEnlaceAqui}</a>.
104 </p>
105 </#if>
106 </div>
107 <div class="col-md-6 text-center">
108 <#list cur_dataContent.getChildren() as cur_media>
109 <#if cur_media.getName()=="VideoYoutube" && cur_media.getData()?has_content>
110 <#assign idYoutube=cur_media.getData()>
111 <iframe allowfullscreen="1" width="100%" height="254px" src="https://www.youtube.com/embed/${idYoutube}?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
112 </#if>
113 <#if cur_media.getName()=="imagenesVideos" && cur_media.getData()?has_content>
114 <#assign numMedias=cur_media.getSiblings()?size>
115 <#if 1 < numMedias>
116 <div class="owl-carousel owl-theme">
117 <#list cur_media.getSiblings() as cur_media2>
118 <div class="item">
119 <#assign counter=0>
120 <#list cur_media2.getData()?split( "/") as x>
121 <#if counter==4>
122 <#assign fileName=x>
123 </#if>
124 <#assign counter=counter+1>
125 </#list>
126 <#if fileName?? && fileName?ends_with(".mp4")>
127 <video class="media" controls>
128 <source type="video/mp4" src="${cur_media2.getData()}"> </video>
129 <#else>
130 <#list cur_media2.getChildren() as cur_alt>
131 <#assign altIMG=cur_alt.getData()>
132 </#list> <img class="media" alt="${altIMG}" src="${cur_media2.getData()}" />
133 </#if>
134 </div>
135 </#list>
136 </div>
137 <#else>
138 <#list cur_media.getSiblings() as cur_media2>
139 <#assign counter=0>
140 <#list cur_media2.getData()?split( "/") as x>
141 <#if counter==4>
142 <#assign fileName=x>
143 </#if>
144 <#assign counter=counter+1>
145 </#list>
146 <#if fileName?? && fileName?ends_with(".mp4")>
147 <video class="media" controls>
148 <source type="video/mp4" src="${cur_media2.getData()}"> </video>
149 <#else>
150 <#list cur_media2.getChildren() as cur_alt>
151 <#assign altIMG=cur_alt.getData()>
152 </#list> <img class="media" alt="${altIMG}" src="${cur_media2.getData()}" /> </#if>
153 </#list>
154 </#if>
155 <#else>
156 <ul class="viewDocument">
157 <#assign cont=1>
158 <#list cur_media.getSiblings() as cur_media2>
159 <#if cur_media2.getData()?has_content && cur_media2.getName()=="Documentos">
160 <li class="form-custom">
161 <a class="btn btn-default" href="${cur_media2.getData()}" target="_blank" rel="noopener noreferrer">
162 <#if (locale=="en_US")>
163 See strategy
164 <#else>
165 Ver estrategia
166 </#if>
167 <i class="ico-document"></i></a>
168 </li>
169 </#if>
170 <#assign cont=cont +1>
171 </#list>
172 </ul>
173 </#if>
174 </#list>
175 </div>
176 <#else>
177 <div class="col-md-12"> ${cur_dataContent.getData()} </div>
178 </#if>
179 </div>
180 <#assign numContenidos=dataContent.getSiblings()?size>
181 <#if 1 < numContenidos>
182 <hr class="blue"> </#if>
183 </#list>
184 </#if>
185 </div>
186 </div>
187 </div>
188 </#list>
189 </#if>
190 </div>
191
192 <div class="d-block d-md-none row w-100">
193 <#if modulo.getSiblings()?has_content>
194 <#list modulo.getSiblings() as cur_modulo>
195 <#list cur_modulo.getChildren() as cur_field>
196 <#if cur_field.getName()=="Contenido">
197 <#assign contenido=cur_field.getData()>
198 </#if>
199 <#if cur_field.getName()=="ImagenDeFondo">
200 <#assign fondo=cur_field.getData()>
201 <#assign altFondo=cur_field.getAttribute("alt")>
202 </#if>
203 <#if cur_field.getName()=="Icono">
204 <#assign icono=cur_field.getData()>
205 <#if cur_field.getAttribute( "alt")?has_content >
206 <#assign altIcono=cur_field.getAttribute("alt")>
207 <#else>
208 <#assign altIcono= .vars['reserved-article-title'].data >
209 </#if>
210 </#if>
211 <#if cur_field.getName()=="ModuloDesplegado">
212 <#assign dataContent=cur_field>
213 </#if>
214 <#if cur_field.getName()=="Enlace">
215 <#assign data=cur_field.getData()>
216 <#assign jsonEnlace = jsonFactoryUtil.createJSONObject(data)>
217 <#assign m = jsonEnlace?eval>
218 <#assign enlace = "">
219 <#if m.layoutId??>
220 <#assign enlace = m.layoutId>
221 </#if>
222 </#if>
223 <#if cur_field.getName()=="EnlaceExterno">
224 <#assign enlaceExterno=cur_field.getData()>
225 </#if>
226 <#if cur_field.getName()=="ModuloAncho">
227 <#assign moduloAncho=cur_field.getData()>
228 </#if>
229 </#list>
230 <div class="col-sm-12 home-modulo home-modulo-movil animation <#if dataContent.getData()?has_content>withContent</#if>" <#if enlace?has_content>onclick="location.href='${enlace}'"
231 <#elseif enlaceExterno?has_content>onclick="window.open('${enlaceExterno}')"</#if>>
232 <img src="${fondo}" alt="${altFondo}" class="img-bg-modulos animation" />
233 <img alt="${altIcono}" src="${icono}" class="ico-modulo">
234 <#if contenido??>
235 <div class="texto-modulo texto-modulo-margin"> ${contenido}
236 <#if 0 < dataContent.getSiblings()?size>
237 <#assign pdfExist=enlaceExterno?index_of('pdf')>
238 <#if enlaceExterno?has_content && pdfExist==- 1> <img src="/documents/20143/0/external-link-16.png/1933746f-80a3-f33d-8174-6b0d03c522a4?t=1513858504306" alt="enlace-externo" class="ico-text-modulo">
239 <#elseif enlaceExterno?has_content && 0 < pdfExist> <img src="/documents/20143/0/ico-document-white.png/020bfd57-5844-c0a8-137e-2723ea54e325?t=1516706311602" alt="Documento pdf" class="ico-text-modulo" />
240 <#elseif enlace?has_content> <img src="/documents/20143/81860/flecha-icono.png/41552a3a-a942-310b-e21e-dfaf1e69e204?t=1513524791729" alt="flecha" class="ico-text-modulo" />
241 <#else> <img alt="flecha-desplegable" class="img-flecha-desplegable animation" src="/documents/20143/0/flechaEmbalses.png/7e06e1f4-5908-63dc-adfe-40865df65b3d?version=1.0&t=1505477774208&imagePreview=1" alt="desplegable" /> </#if>
242 <#else> <i class="ico-long-arrow-right"> </i> </#if>
243 </div>
244 </#if>
245 </div>
246
247 <#if modulo.getSiblings()?has_content>
248 <#list dataContent.getSiblings() as cur_dataContent>
249 <#assign tieneContenido=false>
250 <#list cur_dataContent.getChildren() as cur_media>
251 <#if cur_media.getData()?has_content>
252 <#assign tieneContenido=true>
253 </#if>
254 </#list>
255 </#list>
256 </#if>
257
258 <div class="row contenido-modulo-movil animated hidden <#if tieneContenido == false>display</#if>">
259 <#if modulo.getSiblings()?has_content>
260 <#list dataContent.getSiblings() as cur_dataContent>
261 <div class="col-md-12">
262 <#assign tieneContenido=false>
263 <#list cur_dataContent.getChildren() as cur_media>
264 <#if cur_media.getData()?has_content>
265 <#assign tieneContenido=true>
266 </#if>
267 </#list>
268 <#if tieneContenido>
269 <div class="col-md-12"> ${cur_dataContent.getData()}
270 <#list cur_dataContent.getChildren() as cur_mediaEnlace>
271 <#if cur_mediaEnlace.getName()=="EnlaceModuloDesplegado" && cur_mediaEnlace.getData()?has_content>
272 <#assign enlaceIMG=cur_mediaEnlace.getData()>
273 </#if>
274 <#if cur_mediaEnlace.getName()=="textoAnte" && cur_mediaEnlace.getData()?has_content>
275 <#assign textoAnte=cur_mediaEnlace.getData()>
276 </#if>
277 <#if cur_mediaEnlace.getName()=="textoEnlaceAqui" && cur_mediaEnlace.getData()?has_content>
278 <#assign textoEnlaceAqui=cur_mediaEnlace.getData()>
279 </#if>
280 </#list>
281
282 <#if textoAnte??>
283 <p>${textoAnte} <a href="${enlaceIMG}" class="text-blue text-title" target="_blank" rel="noopener noreferrer"> ${textoEnlaceAqui}</a>.
284 </p>
285 </#if>
286
287 </div>
288 <div class="col-md-6 text-center">
289 <#list cur_dataContent.getChildren() as cur_media>
290 <#if cur_media.getName()=="VideoYoutube" && cur_media.getData()?has_content>
291 <#assign idYoutube=cur_media.getData()>
292 <iframe allowfullscreen="1" width="100%" height="254px" src="https://www.youtube.com/embed/${idYoutube}?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
293 </#if>
294 <#if cur_media.getName()=="imagenesVideos" && cur_media.getData()?has_content>
295 <#assign numMedias=cur_media.getSiblings()?size>
296 <#if 1 < numMedias>
297 <div class="owl-carousel owl-theme">
298 <#list cur_media.getSiblings() as cur_media2>
299 <div class="item">
300 <#assign counter=0>
301 <#list cur_media2.getData()?split( "/") as x>
302 <#if counter==4>
303 <#assign fileName=x>
304 </#if>
305 <#assign counter=counter+1>
306 </#list>
307 <#if fileName?? && fileName?ends_with(".mp4")>
308 <video class="media" controls>
309 <source type="video/mp4" src="${cur_media2.getData()}"> </video>
310 <#else>
311 <#list cur_media2.getChildren() as cur_alt>
312 <#assign altIMG=cur_alt.getData()>
313 </#list> <img class="media" alt="${altIMG}" src="${cur_media2.getData()}" /> </#if>
314 </div>
315 </#list>
316 </div>
317 <#else>
318 <#list cur_media.getSiblings() as cur_media2>
319 <#assign counter=0>
320 <#list cur_media2.getData()?split( "/") as x>
321 <#if counter==4>
322 <#assign fileName=x>
323 </#if>
324 <#assign counter=counter+1>
325 </#list>
326 <#if fileName?? && fileName?ends_with(".mp4")>
327 <video class="media" controls>
328 <source type="video/mp4" src="${cur_media2.getData()}"> </video>
329 <#else>
330 <#list cur_media2.getChildren() as cur_alt>
331 <#assign altIMG=cur_alt.getData()>
332 </#list> <img class="media" alt="${altIMG}" src="${cur_media2.getData()}" /> </#if>
333 </#list>
334 </#if>
335 <#else>
336 <ul class="viewDocument">
337 <#assign cont=1>
338 <#list cur_media.getSiblings() as cur_media2>
339 <#if cur_media2.getData()?has_content && cur_media2.getName()=="Documentos">
340 <li class="form-custom">
341 <a class="btn btn-default" href="${cur_media2.getData()}" target="_blank" rel="noopener noreferrer">
342 <#if (locale=="en_US")>
343 See strategy
344 <#else>
345 Ver estrategia
346 </#if>
347
348 <i class="ico-document"></i></a>
349 </li>
350 </#if>
351 <#assign cont=cont +1>
352 </#list>
353 </ul>
354 </#if>
355 </#list>
356 </div>
357 <#else>
358 <div class="col-md-12"> ${cur_dataContent.getData()} </div>
359 </#if>
360 </div>
361 <#assign numContenidos=dataContent.getSiblings()?size>
362 <#if 1 < numContenidos>
363 <hr class="blue"> </#if>
364 </#list>
365 </#if>
366 </div>
367 </#list>
368 </#if>
369 </div>
370 </div>
371</div>
