Términos y Condiciones
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing: ==> TitleAccordion [in template "604946#604992#80998" at line 15, column 14] ---- 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 TitleAccordion.getSiblings()?has_... [in template "604946#604992#80998" at line 15, column 9] ----
1<#-- Web content templates are used to lay out the fields defined in a web content structure. Please use the left panel
2 to quickly add commonly used variables. Autocomplete is also available and can be invoked by typing "${" . -->
3 <div class="top ado_terminos_img">
4 <div class="contenido_top">
5 <div class="text">
6 <h1 class="titu"><span id="titulo">${Title.getData()}</span>
7 <span id="sub">${Title.Subtitle.getData()}</span>
8 </h1>
9 </div>
10 </div>
11 </div>
12 <div class="contenido" style="background: #f7f9fa; font-size: 14px !important;
13 font-family: 'Roboto-Regular' !important;
14 line-height: 22px; ">
15 <#if TitleAccordion.getSiblings()?has_content>
16 <#assign count=0>
17 <#list TitleAccordion.getSiblings() as cur_TitleAccordion>
18 <div class="wrap-collabsible">
19 <input class="toggle" id="accordionItem${count}" type="checkbox" />
20 <label class="lbl-toggle" for="accordionItem${count}"
21 style="font-size: 20px !important; font-family: 'Rams-Bold' !important;">${cur_TitleAccordion.getData()}</label>
22 <div class="collapsible-content">
23 <div class="content-inner">
24 <div class="panel-body text">
25 ${cur_TitleAccordion.ContentAccordion.getData()}
26 </div>
27 </div>
28 </div>
29 </div>
30 <#assign count=count + 1>
31 </#list>
32 </#if>
33 </div>
34 <style type="text/css">
35 body {
36 margin: 0px !important;
37 padding: 0px !important;
38 }
39
40 @font-face {
41 font-family: Rams-Light;
42 src: url("/documents/604987/1355882/rams_lt.otf/bc58609c-92fd-51ea-4160-b79bc7cdf155?t=1655489720979") format("opentype");
43 }
44
45 /*#titulo {
46 font-family: 'Rams-Light' !important;
47 }*/
48 @font-face {
49 font-family: Rams-Regular;
50 src: url("/documents/604987/1355882/rams.otf/df490997-2320-559c-da46-d7fca1d5bda8?t=1654542624457") format("opentype");
51 }
52
53 #titulo {
54 position: absolute;
55 top: 45px;
56 font-size: 50px !important;
57 font-family: 'Rams-Light' !important;
58 color: #fff !important;
59 }
60
61 #sub {
62 position: absolute;
63 top: 118px;
64 font-size: 24px !important;
65 font-family: 'Rams-Regular' !important;
66 color: #fff !important;
67 }
68
69 .h1-privicy {
70 color: #32414a !important;
71 font-family: 'Rams-Regular';
72 font-size: 30px !important;
73 }
74
75 table {
76 border-collapse: collapse;
77 }
78
79 h1 {
80 text-align: left;
81 letter-spacing: 3px;
82 }
83
84 .panel-body {
85 margin-top: 30px;
86 }
87
88 .ado_terminos_img {
89 height: 200px;
90 }
91
92
93 a:link,
94 a:visited,
95 a:active,
96 a:hover {
97 text-decoration: none !important;
98 }
99
100 .top {
101 background-attachment: scroll;
102 background-repeat: no-repeat;
103 background-position: center center;
104 background-size: cover;
105 position: relative;
106 display: inline-block;
107 text-align: center;
108 background-color: #6e1b69;
109 width: 100%;
110
111 }
112
113
114 .contenido_top {
115 padding-left: 8.4%;
116 padding-right: 8.4%;
117 margin: 0 auto;
118 width: 95%;
119 }
120
121 .panel-group .panel {
122 border-radius: 4px;
123 margin-bottom: -5px;
124 }
125
126 .panel {
127 border-style: none;
128 }
129
130 .panel-group .panel-heading+.panel-collapse>.panel-body {
131 border-style: none;
132
133 }
134
135 .panel-default>.panel-heading {
136 vertical-align: middle;
137 background-color: #ffff;
138 }
139
140 .panel-body {
141 padding: 0px;
142 }
143
144 .panel-heading p {
145 font-family: "TipografiaRamis-Rams-Bold" !important;
146 font-size: 20px !important;
147 }
148
149 .contenido {
150 padding-top: 60px;
151 padding-bottom: 60px;
152 padding-left: 10%;
153 padding-right: 10%;
154 margin: 0 auto;
155 /*width: 95%;*/
156 background-color: white;
157 text-align: left;
158 }
159
160
161 .text p,
162 li {
163 font-size: 14px;
164 font-family: "Roboto-Regular";
165 line-height: 22px;
166 color: #32414A;
167 }
168
169 h2 {
170 margin: 40px 0 20px !important;
171 font-family: "Roboto-Bold";
172 font-size: 14px !important;
173 color: #32414a !important;
174 letter-spacing: 1px;
175 }
176
177 td {
178 border: 2px solid #cfcfcf;
179 text-align: center;
180 font-size: 14px !important;
181 font-family: "Roboto-Regular";
182 line-height: 22px;
183 color: #32414a !important;
184 }
185
186 sup {
187 top: 0 !important;
188 font-size: 10px;
189 margin-left: 2px;
190 }
191
192
193 .promociones-wap {
194 font-size: 15px;
195 font-family: "Roboto-Bold" !important;
196 margin-bottom: 30px;
197 }
198
199 .lista_marcas {
200 margin-top: 52px;
201 }
202
203 ol li {
204 margin: 10px 0;
205 font-size: 14px;
206 font-family: "Roboto-Regular" !important;
207 }
208
209 @media (max-width: 550px) {
210 .lbl-toggle {
211 font-size: 13px !important;
212 }
213 }
214
215
216 @media (max-width: 850px) and (min-width: 701px) {
217 .panel-heading p {
218 font-size: 20px !important;
219 }
220 }
221
222 @media (max-width: 700px) and (min-width: 551px) {
223
224 .panel-heading p {
225 font-size: 19px !important;
226 }
227
228 .contenido {
229 padding-left: 7%;
230 padding-right: 7%;
231 }
232 }
233
234
235
236
237 @media (max-width: 351px) and (min-width: 300px) {
238 .panel-body {
239 margin-top: 15px;
240 }
241
242 h2 {
243 font-size: 16px;
244 }
245
246 .text p,
247 li {
248 font-size: 12px;
249 }
250
251 .panel-heading {
252 padding: 10px 0px;
253 }
254
255 .dark {
256 height: 50px;
257 }
258
259 .contenido {
260 padding-top: 20px;
261 padding-bottom: 50px;
262 padding-left: 4%;
263 padding-right: 4%;
264 }
265
266 ol,
267 ul {
268 margin-left: -25px;
269 }
270
271 .panel-heading p {
272 font-family: "Rams-Bold" !important;
273 font-weight: bold;
274 font-size: 14px !important;
275 }
276
277 .lista_marcas {
278 margin-top: 4px;
279 }
280
281 .flecha {
282 width: 8px;
283 }
284
285 .ado_servicios_img {
286 height: 100px;
287 }
288
289 .ado_terminos_img {
290 height: 100px;
291 }
292
293 h1 {
294 margin: 0;
295 }
296
297 .text {
298 margin-top: 10px;
299 margin-bottom: 10px;
300 }
301
302 .btn {
303 padding: 0px;
304 }
305
306 #titulo {
307 font-size: 18px !important;
308 top: 20px;
309 }
310
311 #sub {
312 top: 57px;
313 font-size: 15px !important;
314 }
315
316 }
317
318
319 @media (max-width: 299px) and (min-width: 100px) {
320 .dark {
321 height: 50px;
322 }
323
324 .contenido {
325 padding-top: 20px;
326 padding-bottom: 50px;
327 padding-left: 8%;
328 padding-right: 8%;
329 }
330
331 .panel-heading p {
332 font-family: "Rams-Bold" !important;
333 font-weight: bold;
334 font-size: 6px !important;
335 }
336
337 .lista_marcas {
338 margin-top: 4px;
339 }
340
341 .flecha {
342 width: 8px;
343 }
344
345 .ado_servicios_img {
346 height: 100px;
347 }
348
349 .ado_terminos_img {
350 height: 100px;
351 }
352
353 h1 {
354 margin: 0;
355 }
356
357 .text {
358 margin-top: 10px;
359 margin-bottom: 10px;
360 }
361
362 .btn {
363 padding: 0px;
364 }
365
366 }
367
368
369 @media (max-width: 550px) and (min-width: 350px) {
370 .panel-body {
371 margin-top: 15px;
372 }
373
374 .dark {
375 height: 50px;
376 }
377
378 .text p,
379 li {
380 font-size: 13px;
381 }
382
383 h2 {
384 font-size: 16px;
385 }
386
387 .contenido {
388 padding-top: 20px;
389 padding-bottom: 50px;
390 padding-left: 4%;
391 padding-right: 4%;
392 }
393
394 .panel-heading p {
395 font-family: "Rams-Bold" !important;
396 font-weight: bold;
397 font-size: 14px !important;
398 }
399
400 .lista_marcas {
401 margin-top: 15px;
402 }
403
404 .flecha {
405 width: 8px;
406 }
407
408 .ado_servicios_img,
409 .ado_terminos_img {
410 height: 100px;
411 }
412
413 h1 {
414 margin: 0;
415 }
416
417 .text {
418 margin-top: 10px;
419 margin-bottom: 10px;
420 }
421
422 .btn {
423 padding: 0px;
424 }
425
426 #sub {
427 top: 57px;
428 font-size: 19px !important;
429 }
430
431 #titulo {
432 font-size: 22px !important;
433 top: 20px;
434 }
435 }
436
437 @media (max-width: 650px) and (min-width: 550px) {
438 #titulo {
439 font-size: 40px !important;
440 }
441 }
442
443 input[type='checkbox'] {
444 display: none;
445 }
446
447 .wrap-collabsible {
448 margin: 1.2rem 0;
449 border-bottom: 1px solid;
450 border-bottom-color: #7b7a7a;
451 width: 90%;
452 height: fit-content;
453 }
454
455 .lbl-toggle {
456 display: block;
457 padding: 1rem;
458 cursor: pointer;
459 transition: all 0.25s ease-out;
460 /*font-family: "TipografiaRamis-Rams-Bold" !important;*/
461 /*font-family: "Rams-Bold" !important;
462 font-size: 20px;*/
463 color: #32414a
464 /*!important*/
465 ;
466 }
467
468 @font-face {
469 font-family: Rams-Bold;
470 src: url("/documents/604987/1355882/rams_bold.otf/b181f265-ea65-c411-e763-401efd30d81c?t=1654787076124") format("opentype");
471 }
472
473 .lbl-toggle::before {
474 content: ' ';
475 display: inline-block;
476 border-top: 5px solid transparent;
477 border-bottom: 5px solid transparent;
478 border-left: 5px solid currentColor;
479 vertical-align: middle;
480 margin-right: .7rem;
481 transform: translateY(-2px);
482 transition: transform .2s ease-out;
483 }
484
485 .toggle:checked+.lbl-toggle::before {
486 transform: rotate(90deg) translateX(-3px);
487 }
488
489 .collapsible-content {
490 max-height: 0px;
491 overflow: hidden;
492 transition: max-height .25s ease-in-out;
493 }
494
495 .toggle:checked+.lbl-toggle+.collapsible-content {
496 max-height: 100%;
497 }
498
499 .collapsible-content .content-inner {
500 padding: .5rem 1rem;
501 }
502
503 .collapsible-content p {
504 margin-bottom: 0;
505 }
506 </style>