footer
Ocorreu um erro ao processar o template.
The following has evaluated to null or missing: ==> cur_Seccion_TextoLink.habilitar [in template "752748#752794#190821" at line 21, column 68] ---- Tip: It's the step after the last dot that caused this error, not those before it. ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #if getterUtil.getBoolean(cur_Seccion... [in template "752748#752794#190821" at line 21, column 41] ----
1<footer class="footer">
2
3 <header class="titulo-footer">
4 <a class="link-text-inicio" href="#top-page" rel="noopener noreferrer">
5 ${Footer1.TituloFooter1.getData()}
6 </a>
7 </header>
8 <div class="container-info">
9 <section class="panel-info">
10
11
12 <#if Seccion.getSiblings()?has_content>
13 <#list Seccion.getSiblings() as cur_Seccion>
14 <section class="panel-group panel-seccion">
15 <header class="titulo-panel">${cur_Seccion.TituloSeccion.getData()}</header>
16 <article>
17 <ul>
18 <#if cur_Seccion.TextoLink.getSiblings()?has_content>
19 <#list cur_Seccion.TextoLink.getSiblings() as cur_Seccion_TextoLink>
20 <li>
21 <#if getterUtil.getBoolean(cur_Seccion_TextoLink.habilitar.getData())>
22 <a href="${cur_Seccion_TextoLink.URLLink.getData()}" rel="noopener noreferrer"
23 target="_blank">
24
25 ${cur_Seccion_TextoLink.getData()}
26 </a>
27
28<#else>
29 <a href="${cur_Seccion_TextoLink.URLLink.getData()}" rel="noopener noreferrer"
30 >
31
32 ${cur_Seccion_TextoLink.getData()}
33 </a>
34</#if>
35
36 </li>
37 </#list>
38 </#if>
39 </ul>
40 </article>
41 </section>
42 </#list>
43 </#if>
44
45 <section class="panel-group panel-contacto">
46 <header class="titulo-panel">${Contacto.TituloContacto.getData()}</header>
47 <article class="content-contact">
48 <#if (Contacto.ImagenContacto.getData())?? && Contacto.ImagenContacto.getData() != "">
49
50 <#if getterUtil.getBoolean(Contacto.ImagenContacto.habilitar2.getData())>
51 <a
52
53 target="_blank"
54 rel="noopener noreferrer"
55 class="footer_red_icons"
56 href="${Contacto.ImagenContacto.UrlContacto.getData()}"
57 >
58 <img alt="${Contacto.ImagenContacto.getAttribute("alt")}" data-fileentryid="${Contacto.ImagenContacto.getAttribute("fileEntryId")}" src="${Contacto.ImagenContacto.getData()}" />
59 </a>
60<#else>
61<a
62
63
64 rel="noopener noreferrer"
65 class="footer_red_icons"
66 href="${Contacto.ImagenContacto.UrlContacto.getData()}"
67 >
68 <img alt="${Contacto.ImagenContacto.getAttribute("alt")}" data-fileentryid="${Contacto.ImagenContacto.getAttribute("fileEntryId")}" src="${Contacto.ImagenContacto.getData()}" />
69 </a>
70
71</#if>
72
73 </#if>
74 </article>
75 </section>
76
77 <section class="panel-group panel-ayuda">
78 <article class="content-siguenos">
79 <header class="titulo-panel">${Siguenos.TituloSíguenos.getData()}</header>
80 <div class="content-redes-links">
81 <#if Siguenos.IconoRedSocial.getSiblings()?has_content>
82 <#list Siguenos.IconoRedSocial.getSiblings() as cur_Siguenos_IconoRedSocial>
83 <#if (cur_Siguenos_IconoRedSocial.getData())?? && cur_Siguenos_IconoRedSocial.getData() != "">
84 <a
85 target="_blank"
86 rel="noopener noreferrer"
87 class="footer_red_icons"
88 href="${cur_Siguenos_IconoRedSocial.LinkRedSocial.getData()}"
89 >
90 <img alt="${cur_Siguenos_IconoRedSocial.getAttribute("alt")}" data-fileentryid="${cur_Siguenos_IconoRedSocial.getAttribute("fileEntryId")}" src="${cur_Siguenos_IconoRedSocial.getData()}" />
91
92 </a>
93 </#if>
94 </#list>
95 </#if>
96 </div>
97 </article>
98 </section>
99 </section>
100 <div class="line-footer"></div>
101 <div class="container-logo-mobility">
102 <div class="logo-ado-mobility">
103 <img class="image-logo" src="${Marcas.LogoMobilityADO.getData()}" alt="logo ado mobility" />
104 </div>
105 </div>
106
107 <div class="container-marcas">
108 <#if Marcas.LinkTextoMarcas.getSiblings()?has_content>
109 <#list Marcas.LinkTextoMarcas.getSiblings() as cur_Marcas_LinkTextoMarcas>
110
111 <#if getterUtil.getBoolean(cur_Marcas_LinkTextoMarcas.habilitar3.getData())>
112 <a
113
114 target="_blank"
115 rel="noopener noreferrer"
116 class="text-marca"
117 href="${cur_Marcas_LinkTextoMarcas.LinkMarcas.getData()}"
118 >
119 ${cur_Marcas_LinkTextoMarcas.getData()}
120 </a>
121
122<#else>
123 <a
124
125
126 rel="noopener noreferrer"
127 class="text-marca"
128 href="${cur_Marcas_LinkTextoMarcas.LinkMarcas.getData()}"
129 >
130 ${cur_Marcas_LinkTextoMarcas.getData()}
131 </a>
132
133</#if>
134
135
136 <#if (!cur_Marcas_LinkTextoMarcas?is_last)>
137 <div class="line-marca"></div>
138 </#if>
139 </#list>
140 </#if>
141 </div>
142 </div>
143 <section class="container-legales">
144 <div class="derechos-reservados">
145 ${Legales.DerechosReservados.getData()}
146 </div>
147<#if Legales.TextoLegales.getSiblings()?has_content>
148 <#list Legales.TextoLegales.getSiblings() as cur_Legales_TextoLegales>
149
150 <div class="terminos-y-condiciones">
151
152 <#if getterUtil.getBoolean(cur_Legales_TextoLegales.habilita4.getData())>
153 <a
154 target="_blank"
155 rel="noopener noreferrer"
156 class=""
157 href="${cur_Legales_TextoLegales.URLLegal.getData()}"
158 >${cur_Legales_TextoLegales.getData()}</a>
159<#else>
160 <a
161
162 rel="noopener noreferrer"
163 class=""
164 href="${cur_Legales_TextoLegales.URLLegal.getData()}"
165 >${cur_Legales_TextoLegales.getData()}</a>
166
167</#if>
168 </div>
169 </#list>
170</#if>
171
172
173 </section>
174</footer>
175<style type="text/css">
176 .footer,
177 .footer * {
178 font-family: "Gotham Pro", sans-serif;
179 font-size: 14px;
180 font-weight: 500;
181 font-style: normal;
182 box-sizing: border-box;
183 }
184 .footer {
185 position: relative;
186 overflow: hidden;
187 color: #ffffff;
188 background: #373a43;
189 }
190 .footer .link-text-inicio{
191 cursor: pointer;
192 }
193
194 .footer .panel-group {
195 width: 25%;
196 padding: 0 1rem 0 0;
197 }
198 .footer .titulo-footer a{
199 background: #263238;
200 width: 100%;
201 height: 50px;
202 display: flex;
203 flex-direction: row;
204 justify-content: center;
205 align-items: center;
206 color: #d9d9d9;
207 text-align: center;
208 font-weight: 700;
209 }
210 .footer .container-legales {
211 background: #64186d;
212 width: 100%;
213 height: 78px;
214 display: flex;
215 align-items: center;
216 }
217 .footer .container-legales div {
218 width: calc(100% / 3);
219 text-align: center;
220 font-style: normal;
221 font-weight: 400;
222 font-size: 12px;
223 line-height: 11px;
224 }
225
226 .footer .container-info {
227 background: #373a43;
228 padding: 3.75rem 0rem 0rem;
229 margin: 0 auto;
230 }
231
232 .footer .derechos-reservados {
233 color: #ffffff;
234 text-align: left;
235 }
236 .footer .aviso-de-privacidad a,
237 .footer .terminos-y-condiciones a{
238 color: #ffffff;
239 text-align: center;
240 text-decoration: underline;
241 }
242
243 .footer .line-marca:after {
244 content: "";
245 border-style: solid;
246 border-color: #ffffff;
247 border-width: 1px 0 0 0;
248 width: 20px;
249 height: 0px;
250 transform-origin: 0 0;
251 transform: rotate(90deg) scale(1, 1);
252 top: -5px;
253 position: absolute;
254 }
255
256 .footer .line-footer {
257 border-style: solid;
258 border-color: #838a9b;
259 border-width: 1px 0 0 0;
260 width: 100%;
261 height: 0px;
262 }
263 .footer .titulo-panel {
264 font-weight: 700;
265 line-height: 13px;
266 }
267 .footer .panel-group ul {
268 list-style-type: none;
269 padding-top: 30px;
270 padding-left: 0px;
271 }
272 .footer .panel-group ul li {
273 padding-bottom: 17px;
274 }
275 .footer .panel-group ul a,
276 .footer .panel-group ul a:visited {
277 font-weight: 400;
278 font-size: 12px;
279 line-height: 10px;
280 text-align: justify;
281 text-decoration: none;
282 color: #ffffff;
283 }
284 .footer .content-contact {
285 padding-top: 29px;
286 font-weight: 400;
287 font-size: 10px;
288 line-height: 15px;
289 }
290 .footer .content-contact .hour {
291 font-weight: 900;
292 display: inline;
293 }
294 .footer .content-contact div {
295 padding: 2px 0px;
296 }
297 .footer .content-contact p{
298 display: inline-block;
299 margin-bottom: 0px;
300 }
301
302 .footer .panel-ayuda {
303 display: flex;
304 flex-direction: column;
305 align-items: center;
306 }
307 .footer .content-siguenos {
308 width: 100%;
309 text-align: left;
310 }
311 .footer .content-siguenos .content-redes-links{
312 padding-top: 15px;
313 }
314 .footer .panel-ayuda .content-ayuda {
315 min-height: 100px;
316 height: 50%;
317 }
318
319 .footer .logo-ado-mobility {
320 margin: 20px auto;
321 text-align: center;
322 }
323 .footer .container-marcas {
324 display: flex;
325 flex-direction: row;
326 justify-content: center;
327 position: relative;
328 margin: 20px 0px;
329 font-weight: 400;
330 font-size: 12px;
331 line-height: 11px;
332 }
333
334 .footer .container-marcas .text-marca {
335 font-weight: 400;
336 font-size: 12px;
337 line-height: 11px;
338 padding: 0 11px;
339 text-decoration: none;
340 color: #ffffff;
341 }
342 .footer .panel-info {
343 flex-direction: row;
344 display: flex;
345 flex-wrap: wrap;
346 margin: 0 auto;
347 max-width: 1090px;
348 }
349 .footer .image-red-social {
350 display: inline-block;
351 }
352 .footer .footer_red_icons,
353 .footer .container-legales a{
354 color: #ffff;
355 text-decoration: none;
356 margin: 4px;
357 }
358
359 @media only screen and (max-width: 1200px) {
360 .footer .panel-info {
361 width: 80%;
362 }
363 }
364
365 @media only screen and (max-width: 900px) {
366
367 }
368
369 /* Medium devices (landscape tablets, 768px and up) */
370 @media only screen and (max-width: 768px) {
371 .footer .panel-group {
372 width: 50%;
373 }
374 .footer .panel-contacto {
375 height: 30%;
376 }
377 .footer .panel-ayuda {
378 height: 25%;
379 }
380 .footer .panel-contacto{
381 padding-bottom: 90px;
382 }
383 .footer .panel-ayuda {
384 padding-bottom: 45px;
385 }
386 .footer .panel-contacto,
387 .footer .panel-ayuda {
388 width: 100%;
389 }
390 .footer .content-ayuda,
391 .footer .content-siguenos {
392 width: 100%;
393 }
394 .footer .content-siguenos {
395 padding-top: 1rem;
396 }
397 /* .footer .panel-info {
398 height: 650px;
399 margin-left: 1rem;
400 } */
401 .footer .container-info {
402 padding: 1.85rem 0rem 0rem;
403 }
404 .footer .container-legales {
405 flex-direction: column;
406 height: 140px;
407 }
408 .footer .container-legales div {
409 width: 100%;
410 padding-bottom: 24px;
411 }
412 .footer .container-legales .derechos-reservados{
413 padding-top: 24px;
414 }
415 .footer .container-marcas {
416 display: none;
417 }
418 .footer .footer_red_icons{
419 padding-right: 20px;
420 }
421 .footer .logo-ado-mobility {
422 margin: 40px auto;
423 }
424 .footer .panel-group ul a,
425 .footer .panel-group ul a:visited {
426 font-size: 12px;
427 }
428 }
429
430 /* Extra small devices (phones, 600px and down) */
431 @media only screen and (max-width: 600px) {
432 .footer .panel-seccion,
433 .footer .panel-experiencias {
434 width: 50%;
435 padding-bottom: 50px;
436 }
437 .footer .panel-contacto {
438 width: 100%;
439 }
440 }
441
442 /* Small devices (portrait tablets and large phones, 600px and up) */
443 @media only screen and (min-width: 600px) {
444 }
445
446</style>
447<script>
448 // Espera a que el documento esté completamente cargado
449 document.addEventListener("DOMContentLoaded", function() {
450 // Captura el elemento de enlace del footer
451 var volverAlInicioLink = document.querySelector("footer a[href='#top-page']");
452
453 // Variable para rastrear si ya se está desplazando
454 var isScrolling = false;
455
456 // Agrega un evento de clic al enlace
457 volverAlInicioLink.addEventListener("click", function(event) {
458 // Evita el comportamiento predeterminado del enlace
459 event.preventDefault();
460
461 // Si ya se está desplazando, no hagas nada
462 if (isScrolling) {
463 return;
464 }
465
466 // Desplaza la página al inicio suavemente
467 isScrolling = true;
468 window.scrollTo({
469 top: 0,
470 behavior: "smooth"
471 });
472
473 // Establece un tiempo de espera para restablecer la variable de desplazamiento
474 setTimeout(function() {
475 isScrolling = false;
476 }, 1000); // Ajusta el tiempo en milisegundos según tus necesidades
477 });
478 });
479</script>