Experiencias Digitales
Portales y Experiencias
- Portales Empresariales
- Portales de Clientes
- Intranets Colaborativas
- Comercio B2B
Desarrollo de Aplicaciones
- Migración de portales
- Arquitecturas empresariales
- Hiperpersonalización
Gestión Documental
Gestión Documental (Alfresco)
- Captura Masiva
- Taxonomía Documental
- Gestión de Contenido
- Migración ECM
Procesos y Control (Alfresco)
- BPM y Workflows
- Gobernanza de Información
- Federación de Repositorios
Agentes Inteligentes
Automatización Agentica
- Inteligencia Artificial Agentic
- Automatización Agentic
- Orquestación Agentic
- Testing Agentic
Hiperautomatización
- RPA Empresarial
- Automatización Asistida/Desatendida
- Procesamiento Inteligente de documentos (IDP)
Gestión de Identidades
Identidad Digital
- Customer Identity
- Workforce Identity
- Agentic & AI Identity
- B2B Identity
Protección Avanzada
- MFA & Passwordless
- Acceso Privilegiado JIT
- Orquestación
Contáctanos para trabajar juntos
Escríbenos para programar una llamada con nuestros consultores.
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> grupoimgs_gq.fig2columnas_iconoGQ.figsupuesta [in template "13157592192972#20120#42312" at line 218, column 7]
----
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 (grupoimgs_gq.fig2columnas_iconoG... [in template "13157592192972#20120#42312" at line 218, column 1]
----
1<!-- ********************************* Componente Ventaja GQ ***************************-->
2<div class="ventajagq-container">
3 <div class="gq-layout-container">
4 <div class="titulo-container-englobal">
5
6 <#if (tituloventajaGQ.getData())?has_content>
7 <div class="text-titulo-ventaja-competitiva">
8 ${tituloventajaGQ.getData()}
9 </div>
10 </#if>
11
12 </div>
13 <div class="gq-columns-grid ventajagq-desc-container">
14 <#if (grupoimgs_gq.posicion_imgGQ.getData())?has_content>
15
16 <#if grupoimgs_gq.posicion_imgGQ.getData() == "img_izquierda">
17
18 <div class="conjunto-imgs-ventaja" >
19 <div class="container-icon-gq">
20
21 <#if (grupoimgs_gq.img_competitivaGQ.getData())?has_content && grupoimgs_gq.img_competitivaGQ.getData() != "">
22 <img class="img-globalquark" alt="Imagen Ventaja GQ" src="${grupoimgs_gq.img_competitivaGQ.getData()}" />
23 </#if>
24
25 <div class="container-supuesto-gq"></div>
26 </div>
27 </div>
28
29 <div class="ventajagq-text-container">
30
31 <div class="contenedor-imagenes-ventaja-comp">
32 <#if (icono_globalquark.getData())?has_content && icono_globalquark.getData() != "">
33 <img class="icon-globalQ" alt="icono_GlobalQuark" src="${icono_globalquark.getData()}">
34 </#if>
35 </div>
36
37
38 <#if (textogq_ventaja.getData())?has_content>
39 <div class="ventajagq-descrip">
40 ${textogq_ventaja.getData()}
41 </div>
42 </#if>
43
44 </div>
45 <#else>
46
47 <div class="ventajagq-text-container">
48
49 <div class="contenedor-imagenes-ventaja-comp">
50 <#if (icono_globalquark.getData())?has_content && icono_globalquark.getData() != "">
51 <img class="icon-globalQ" alt="icono_GlobalQuark" src="${icono_globalquark.getData()}">
52 </#if>
53 </div>
54
55 <#if (textogq_ventaja.getData())?has_content>
56 <div class="ventajagq-descrip">
57 ${textogq_ventaja.getData()}
58 </div>
59 </#if>
60 </div>
61
62
63 <div class="conjunto-imgs-ventaja" >
64 <div class="container-icon-gq">
65
66 <#if (grupoimgs_gq.img_competitivaGQ.getData())?has_content && grupoimgs_gq.img_competitivaGQ.getData() != "">
67 <img class="img-globalquark" alt="Imagen Ventaja GQ" src="${grupoimgs_gq.img_competitivaGQ.getData()}" />
68 </#if>
69
70 <div class="container-supuesto-gq"></div>
71 </div>
72 </div>
73
74 </#if>
75
76 </#if>
77
78
79
80 </div>
81 </div>
82</div>
83
84<style>
85/* =====================================================
86Estilos Ventaja GQ
87===================================================== */
88
89.ventajagq-container {
90 align-self: stretch;
91 display: flex;
92 flex-direction: column;
93 align-items: flex-start;
94 justify-content: center;
95 padding: 60px 80px;
96 gap: 40px;
97 font-size: 18px;
98 color:var(--Blanco);
99 <#if (fondo_colorGQ.getData())??>
100 background-color: ${fondo_colorGQ.getData()} ;
101 </#if>
102}
103
104.titulo-container-englobal{
105 align-self: stretch;
106 display: flex;
107 flex-direction: column;
108 align-items: flex-start;
109
110}
111.text-titulo-ventaja-competitiva {
112 align-self: stretch;
113 position: relative;
114 line-height: 120%;
115 font-size: 48px;
116}
117
118.globalquark5 {
119 color: var(--color-orangered-100);
120}
121
122.titulo-ventajagq {
123 font-size: 48px;
124}
125.titulo-ventajagq,
126.titulo-ventajagq {
127 align-self: stretch;
128 display: flex;
129 flex-direction: column;
130 align-items: flex-start;
131}
132
133.text-titulo-ventajagq {
134 align-self: stretch;
135 position: relative;
136 line-height: 120%;
137}
138
139.ventajagq-desc-container,
140.ventajagq-text-container {
141 display: flex;
142 align-items: flex-start;
143}
144
145.ventajagq-desc-container {
146 align-self: stretch;
147 flex-wrap: wrap;
148 align-content: flex-start;
149 position: relative;
150 isolation: isolate;
151 gap: 40px;
152 font-size: 24px;
153}
154
155.ventajagq-text-container {
156 flex: 1;
157 flex-direction: column;
158 gap: 4px;
159 min-width: 270px;
160 z-index: 0;
161 flex-shrink: 0;
162}
163
164.contenedor-imagenes-ventaja-comp {
165 width: 100%;
166 height: 80px;
167 position: relative;
168 margin-top: 10px;
169
170}
171
172.conjunto-imgs-ventaja{
173 position: relative;
174 width: 100%;
175}
176
177.icon-globalQ
178 {
179 position: absolute;
180 top: calc(50% - 23px);
181 right: 83.57%;
182 left: 0;
183 max-width: 100%;
184 overflow: hidden;
185 height: 46px;
186}
187
188.ventajagq-descrip {
189 align-self: stretch;
190 position: relative;
191 line-height: 116%;
192 font-size: 21.5px;
193}
194
195.img-globalquark {
196 flex: 1;
197 max-width: 100%;
198 overflow: hidden;
199 object-fit: cover;
200 min-width: 270px;
201 z-index: 1;
202 flex-shrink: 0;
203
204}
205
206
207.gq-columns-grid {
208 display: grid;
209 grid-template-columns: 1fr 1fr;
210 align-items: start;
211}
212
213.container-img-portales {
214 width: 100%;
215 position: relative;
216}
217
218<#if (grupoimgs_gq.fig2columnas_iconoGQ.figsupuesta.getData()) == "fig_salida" && (grupoimgs_gq.fig2columnas_iconoGQ.figsupuesta.getData())?has_content>
219
220
221<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VIS">
222
223<#-- Vertical-Izquierda-Superior -->
224.container-supuesto-gq{
225 height: 200px;
226 width: 35px;
227 top: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
228 left: -1%;
229 content: '';
230 position: absolute;
231 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
232 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
233 </#if>
234 z-index: 2;
235}
236</#if>
237
238<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VII">
239
240<#-- Vertical-Izquierda-Inferior -->
241.container-supuesto-gq{
242 height: 200px;
243 width: 35px;
244 bottom: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
245 left: -3%;
246 content: '';
247 position: absolute;
248 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
249 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
250 </#if>
251 z-index: 2;
252}
253</#if>
254
255<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VDS">
256
257<#-- Vertical-Derecha-Superior -->
258.container-supuesto-gq{
259 height: 200px;
260 width: 35px;
261 top: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
262 right: -1%;
263 content: '';
264 position: absolute;
265 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
266 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
267 </#if>
268 z-index: 2;
269}
270</#if>
271
272
273<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VDI">
274
275<#-- Vertical-Derecha-Inferior -->
276.container-supuesto-gq{
277 height: 200px;
278 width: 35px;
279 bottom: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
280 right: -3%;
281 content: '';
282 position: absolute;
283 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
284 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
285 </#if>
286 z-index: 2;
287}
288</#if>
289
290<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HSI">
291
292<#-- Horizontal-Superior-Izquierda -->
293.container-supuesto-gq{
294 height: 35px;
295 width: 200px;
296 top: -2% ;
297 left: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
298 content: '';
299 position: absolute;
300 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
301 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
302 </#if>
303 z-index: 2;
304}
305</#if>
306
307<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HSD">
308
309<#-- Horizontal-Superior-Derecha -->
310.container-supuesto-gq{
311 height: 35px;
312 width: 200px;
313 top: -2% ;
314 right: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
315 content: '';
316 position: absolute;
317 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
318 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
319 </#if>
320 z-index: 2;
321}
322</#if>
323
324
325<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HII">
326
327<#-- Horizontal-Inferior-Izquierda -->
328.container-supuesto-gq{
329 height: 35px;
330 width: 200px;
331 bottom: -2% ;
332 left: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
333 content: '';
334 position: absolute;
335 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
336 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
337 </#if>
338 z-index: 2;
339}
340</#if>
341
342<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HID">
343
344<#-- Horizontal-Inferior-Derecha -->
345.container-supuesto-gq{
346 height: 35px;
347 width: 200px;
348 bottom: -2% ;
349 right: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
350 content: '';
351 position: absolute;
352 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
353 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
354 </#if>
355 z-index: 2;
356}
357</#if>
358
359<#else> <#-- ************************ -->
360
361<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VIS">
362
363<#-- Vertical-Izquierda-Superior -->
364.container-supuesto-gq{
365 height: 200px;
366 width: 35px;
367 top: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
368 left: 0%;
369 content: '';
370 position: absolute;
371 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
372 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
373 </#if>
374 z-index: 2;
375}
376</#if>
377
378<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VII">
379
380<#-- Vertical-Izquierda-Inferior -->
381.container-supuesto-gq{
382 height: 200px;
383 width: 35px;
384 bottom: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
385 left: 0%;
386 content: '';
387 position: absolute;
388 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
389 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
390 </#if>
391 z-index: 2;
392}
393</#if>
394
395<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VDS">
396
397<#-- Vertical-Derecha-Superior -->
398.container-supuesto-gq{
399 height: 200px;
400 width: 35px;
401 top: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
402 right: -1%;
403 content: '';
404 position: absolute;
405 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
406 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
407 </#if>
408 z-index: 2;
409}
410</#if>
411
412
413<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_VDI">
414
415<#-- Vertical-Derecha-Inferior -->
416.container-supuesto-gq{
417 height: 200px;
418 width: 35px;
419 bottom: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
420 right: 0%;
421 content: '';
422 position: absolute;
423 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
424 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
425 </#if>
426 z-index: 2;
427}
428</#if>
429
430<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HSI">
431
432<#-- Horizontal-Superior-Izquierda -->
433.container-supuesto-gq{
434 height: 35px;
435 width: 200px;
436 top: 0% ;
437 left: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
438 content: '';
439 position: absolute;
440 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
441 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
442 </#if>
443 z-index: 2;
444}
445</#if>
446
447<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HSD">
448
449<#-- Horizontal-Superior-Derecha -->
450.container-supuesto-gq{
451 height: 35px;
452 width: 200px;
453 top: 0% ;
454 right: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
455 content: '';
456 position: absolute;
457 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
458 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
459 </#if>
460 z-index: 2;
461}
462</#if>
463
464
465<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HII">
466
467<#-- Horizontal-Inferior-Izquierda -->
468.container-supuesto-gq{
469 height: 35px;
470 width: 200px;
471 bottom: 0% ;
472 left: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
473 content: '';
474 position: absolute;
475 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
476 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
477 </#if>
478 z-index: 2;
479}
480</#if>
481
482<#if (grupoimgs_gq.fig2columnas_iconoGQ.lugar_supuesto.getData()) == "fig_HID">
483
484<#-- Horizontal-Inferior-Derecha -->
485.container-supuesto-gq{
486 height: 35px;
487 width: 200px;
488 bottom: 0% ;
489 right: ${grupoimgs_gq.fig2columnas_iconoGQ.fig_val.getData()}% ;
490 content: '';
491 position: absolute;
492 <#if (grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData())?has_content>
493 background-color: ${grupoimgs_gq.fig2columnas_iconoGQ.color_supuestoGQ.getData()};
494 </#if>
495 z-index: 2;
496}
497</#if>
498</#if>
499
500/*+++++++ */
501
502
503
504
505
506.img-globalquark{
507 width: 100%;
508}
509
510/* Responsive */
511
512
513@media screen and (max-width: 1110px) {
514
515.ventajagq-container{
516 padding: 20px;
517}
518.titulo-container-englobal {
519 padding: 10px;
520}
521
522.text-titulo-ventaja-competitiva {
523 font-size: 30px;
524}
525
526 .text-titulo-ventajagq {
527 font-size: 38px;
528 }
529
530 .ventajagq-descrip {
531 font-size: 18px;
532 }
533
534 .titulo-ventajagq, .ventajagq-desc-container {
535 width: 100%;
536 display: flex;
537
538 <#if (grupoimgs_gq.posicion_imgGQ.getData())?has_content>
539 <#if grupoimgs_gq.posicion_imgGQ.getData() == "img_izquierda">
540 flex-direction: column-reverse;
541 <#else>
542 flex-direction: row-reverse;
543 </#if>
544</#if>
545
546 }
547
548.container-supuesto-gq {
549display: none;
550}
551}
552
553@media screen and (max-width: 420px) {
554
555.ventajagq-container{
556 padding: 20px;
557}
558.titulo-container-englobal {
559 padding: 10px;
560}
561
562.text-titulo-ventaja-competitiva {
563 font-size: 30px;
564}
565
566 .text-titulo-ventajagq {
567 font-size: 30px;
568 }
569
570 .ventajagq-descrip {
571 font-size: 16px;
572 }
573
574 .titulo-ventajagq, .ventajagq-desc-container {
575 width: auto;
576 display: flex;
577
578<#if (grupoimgs_gq.posicion_imgGQ.getData())?has_content>
579 <#if grupoimgs_gq.posicion_imgGQ.getData() == "img_izquierda">
580 flex-direction: column-reverse;
581 <#else>
582 flex-direction: row-reverse;
583 </#if>
584</#if>
585
586 }
587
588.container-supuesto-gq {
589display: none;
590}
591
592}
593
594@media (width: 430px) and (height: 932px) {
595.ventajagq-container{
596 padding: 20px;
597}
598
599.titulo-container-englobal {
600 padding: 10px;
601}
602
603.text-titulo-ventaja-competitiva {
604 font-size: 30px;
605}
606
607.titulo-ventajagq, .ventajagq-desc-container {
608 width: auto;
609 display: flex;
610
611<#if (grupoimgs_gq.posicion_imgGQ.getData())?has_content>
612 <#if grupoimgs_gq.posicion_imgGQ.getData() == "img_izquierda">
613 flex-direction: column-reverse;
614 <#else>
615 flex-direction: row-reverse;
616 </#if>
617</#if>
618
619 }
620
621
622.container-supuesto-gq {
623display: none;
624}
625
626}
627</style>