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