Seguro para Personas
Cuidamos su vida y su patrimonio
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> Descripcion [in template "20097#20123#2136010" at line 4, 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 Descripcion.getSiblings()?has_con... [in template "20097#20123#2136010" at line 4, column 9]
----
1<div class="custom-container">
2 <div class="custom-row center-responsive d-flex flex-wrap justify-content-center">
3 <#assign increment = 1>
4 <#if Descripcion.getSiblings()?has_content>
5 <#list Descripcion.getSiblings() as cur_Descripcion>
6 <#assign URL = "">
7 <#if cur_Descripcion.EnlacePaginaExterna.getData()?has_content>
8 <#assign URL = cur_Descripcion.EnlacePaginaExterna.getData()>
9 <#else>
10 <#assign URL = cur_Descripcion.EnlacePagina.getFriendlyUrl()>
11 </#if>
12 <a data-senna-off="true" href="${URL}" target="_blank" class="custom-tarjetaParticipa m-2">
13 <div class="custom-imagenSeguroNecesidad">
14 <#if (cur_Descripcion.ImagenFondo.getData())?? && cur_Descripcion.ImagenFondo.getData() != "">
15 <img title="${cur_Descripcion.ImagenFondo.getAttribute('alt')}" alt="${cur_Descripcion.ImagenFondo.getAttribute('alt')}" data-fileentryid="${cur_Descripcion.ImagenFondo.getAttribute("fileEntryId")}" src="${cur_Descripcion.ImagenFondo.getData()}" class="img-fluid" />
16 </#if>
17 </div>
18 <div class="custom-textoTarjeta">
19 <div class="custom-textoTarjetaGroup">
20 <div class="custom-iconoN">
21 <#if (cur_Descripcion.Icono.getData())?? && cur_Descripcion.Icono.getData() != "">
22 <img title="${cur_Descripcion.Icono.getAttribute('alt')}" alt="${cur_Descripcion.Icono.getAttribute('alt')}" data-fileentryid="${cur_Descripcion.Icono.getAttribute("fileEntryId")}" src="${cur_Descripcion.Icono.getData()}" height="40px" style="max-width: 100%;"/>
23 </#if>
24 </div>
25 <div class="custom-CentrarTextoImagen">
26 ${cur_Descripcion.getData()}
27 </div>
28 </div>
29 </div>
30 </a>
31 <#assign increment = increment + 1>
32 </#list>
33 </#if>
34 </div>
35</div>
36
37<style>
38.custom-container {
39 padding: 20px;
40}
41
42.custom-row {
43 margin: 0 auto;
44 max-width: 1200px;
45}
46
47.custom-tarjetaParticipa {
48 width: 150px;
49 height: 200px;
50 overflow: hidden;
51 cursor: pointer;
52 border-radius: 9px;
53 transition: 0.3s;
54 padding: 0;
55 display: flex;
56 flex-direction: column;
57 align-items: center;
58 text-align: center;
59}
60
61.custom-tarjetaParticipa:hover {
62 text-decoration: none;
63}
64
65.custom-imagenSeguroNecesidad {
66 width: 100%;
67 height: 100px;
68 object-fit: cover; /* Ajuste para mantener la relación de aspecto */
69}
70
71.custom-textoTarjeta {
72 width: 100%; /* Ocupa todo el ancho disponible */
73 height: auto;
74 text-align: center; /* Centra el contenido horizontalmente */
75}
76
77.custom-textoTarjetaGroup {
78 display: flex;
79 flex-direction: column;
80 align-items: center;
81 justify-content: center;
82 width: 100%; /* Ocupa todo el ancho disponible */
83 background: #E5E1E5;
84 color: #532963;
85 font-family: Montserrat;
86 font-size: 0.75rem;
87 transition: 0.3s;
88 padding: 10px;
89 box-sizing: border-box; /* Para incluir padding y border en el ancho y alto */
90}
91
92.custom-textoTarjeta:hover .custom-textoTarjetaGroup {
93 background: #ffffff;
94 color: #384A58;
95 text-decoration: none;
96 transition: 0.3s;
97}
98
99.custom-iconoN {
100 margin-bottom: 5px;
101}
102
103@media (max-width: 767.95px) {
104 .custom-textoTarjeta {
105 width: 100%; /* Ocupa todo el ancho en dispositivos móviles */
106 }
107}
108</style>
Encuentre un seguro en particular
Para personas
Automóviles
Seguro de Hogar
Patrimoniales
SOAT
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> DescripcionImagen [in template "20097#20123#215030" at line 4, 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 DescripcionImagen.getSiblings()?h... [in template "20097#20123#215030" at line 4, column 9]
----
1<div class="container-md">
2 <div class="row center-responsive">
3 <#assign increment = 1>
4 <#if DescripcionImagen.getSiblings()?has_content>
5 <#list DescripcionImagen.getSiblings() as cur_Descripcion>
6 <#assign URL = "">
7 <#if cur_Descripcion.EnlacePaginaExterna.getData()?has_content>
8 <#assign URL = cur_Descripcion.EnlacePaginaExterna.getData()>
9 <#else>
10 <#assign URL = cur_Descripcion.EnlacePagina.getFriendlyUrl()>
11 </#if>
12 <a data-senna-off="true" href="${URL}"class="col tarjetaParticipaImagen p-0 m-2">
13 <div class="imagenSOAT">
14 <#if (cur_Descripcion.ImagenFondo.getData())?? && cur_Descripcion.ImagenFondo.getData() != "">
15 <img title="${cur_Descripcion.ImagenFondo.getAttribute('alt')}" alt="${cur_Descripcion.ImagenFondo.getAttribute('alt')}" data-fileentryid="${cur_Descripcion.ImagenFondo.getAttribute("fileEntryId")}" src="${cur_Descripcion.ImagenFondo.getData()}" width="100%" height="100%"/>
16 </#if>
17 </div>
18 <div class="textoTarjetaImagen align-items-center">
19 <div class="row m-0 p-2 textoTarjetaGroupImagen align-items-center">
20 <div class="col-4 p-0 m-0 pr-1 iconoN">
21 <#if (cur_Descripcion.Icono.getData())?? && cur_Descripcion.Icono.getData() != "">
22 <img title="${cur_Descripcion.Icono.getAttribute('alt')}" alt="${cur_Descripcion.Icono.getAttribute('alt')}" data-fileentryid="${cur_Descripcion.Icono.getAttribute("fileEntryId")}" src="${cur_Descripcion.Icono.getData()}" height="40px" style="float: right; max-width: 100%;"/>
23 </#if>
24 </div>
25
26 <div class="text-center-2">
27 ${cur_Descripcion.getData()}
28 </div>
29
30 </div>
31 </div>
32 </a>
33 <#assign increment = increment + 1>
34 </#list>
35 </#if>
36 </div>
37 </div>
38
39
40<style>
41
42
43
44
45
46.text-center-2{
47text-aling:center;
48line-height: 45px;
49position: relative;
50font-size: 28.33px;
51left: -80px;
52
53}
54.tarjetaParticipaImagen {
55 width: 172.76px max-width: 150px;
56 min-width: 150px;
57 height: 159.82px max-height: 180px;
58 min-height: 180px;
59 border-radius: 9px;
60 padding: 500px;
61 top: -391px;
62 }
63
64 .tarjetaParticipaImagen:hover{
65 text-decoration: none;
66 }
67
68
69 .imagenSOAT{
70position: relative;
71height: 100%;
72width: 100%;
73left: 25px;
74top: 338px;
75border-radius: 8.90274715423584px;
76
77 }
78
79 .textoTarjetaImagen{
80 display: flex;
81 position: relative;
82 top: 73px;
83 width: 100%;
84 height: 100%;
85 }
86
87
88
89 .textoTarjetaGroupImagen {
90 min-width: 100%;
91 max-width: 100%;
92 height: auto;
93 position: absolute;
94 left: 25px;
95 width: auto;
96 right: auto;
97 background: #065633;
98 padding-right: 18px !important;
99 color: #ffffff;
100 font-family: Montserrat;
101 font-size: 17.75rem;
102 transition: 18s;
103 opacity: .7;
104 top: auto;
105 border-radius: 8.90274715423584px;
106
107 }
108
109
110
111
112
113
114 .textoTarjetaImagen:hover > .textoTarjetaGroupImagen > .iconoN{
115 filter: brightness(100);
116 transition: 1s;
117 }
118 @media (max-width: 575.95px){
119
120.imagenSOAT{
121position: relative;
122height: 100%;
123width: 100%;
124left: auto;
125top: 338px;
126border-radius: 8.90274715423584px;
127
128 }
129
130.text-center-2{
131line-height: 45px;
132position: relative;
133font-size: 20.33px;
134left: 39px;
135text-align: center;
136}
137
138 .textoTarjetaGroupImagen {
139 min-width: 100%;
140 max-width: 100%;
141 height: -116px;
142 position: absolute;
143 left: auto;
144 width: auto;
145 position: relative;
146 right: auto;
147 background: #065633;
148 padding-right: 18px !important;
149 color: #ffffff;
150 font-family: Montserrat;
151 font-size: 34px;
152 transition: 18s;
153 opacity: .7;
154 top: 55px;
155 border-radius: 8.90274715423584px;
156
157 }
158
159
160 .center-responsive {
161 justify-content: center;
162 }
163 }
164
165
166
167
168
169
170
171 </style>
Cotice aquí el seguro para automóviles
Para tener en cuenta
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> Descripcion [in template "20097#20123#209671" at line 4, 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 Descripcion.getSiblings()?has_con... [in template "20097#20123#209671" at line 4, column 9]
----
1<div class="container">
2 <div class="row center-responsive">
3 <#assign increment = 1>
4 <#if Descripcion.getSiblings()?has_content>
5 <#list Descripcion.getSiblings() as cur_Descripcion>
6 <#assign URL = "">
7 <#if cur_Descripcion.EnlacePaginaExterna.getData()?has_content>
8 <#assign URL = cur_Descripcion.EnlacePaginaExterna.getData()>
9 <#else>
10 <#assign URL = cur_Descripcion.EnlacePagina.getFriendlyUrl()>
11 </#if>
12 <a data-senna-off="true" href="${URL}" target="_blank" class="col tarjetaParticipa p-0 m-2">
13 <div class="imagenSeguroNecesidad">
14 <#if (cur_Descripcion.ImagenFondo.getData())?? && cur_Descripcion.ImagenFondo.getData() != "">
15 <img title="${cur_Descripcion.ImagenFondo.getAttribute('alt')}" alt="${cur_Descripcion.ImagenFondo.getAttribute('alt')}" data-fileentryid="${cur_Descripcion.ImagenFondo.getAttribute("fileEntryId")}" src="${cur_Descripcion.ImagenFondo.getData()}" width="100%" height="100%"/>
16 </#if>
17 </div>
18 <div class="textoTarjeta align-items-center">
19 <div class="row m-0 p-2 textoTarjetaGroup align-items-center">
20 <div class="col-4 p-0 m-0 pr-1 iconoN">
21 <#if (cur_Descripcion.Icono.getData())?? && cur_Descripcion.Icono.getData() != "">
22 <img title="${cur_Descripcion.Icono.getAttribute('alt')}" alt="${cur_Descripcion.Icono.getAttribute('alt')}" data-fileentryid="${cur_Descripcion.Icono.getAttribute("fileEntryId")}" src="${cur_Descripcion.Icono.getData()}" height="40px" style="float: right; max-width: 100%;"/>
23 </#if>
24 </div>
25
26 <div class="CentrarTextoImagen">
27 ${cur_Descripcion.getData()}
28 </div>
29
30 </div>
31 </div>
32 </a>
33 <#assign increment = increment + 1>
34 </#list>
35 </#if>
36 </div>
37 </div>
38
39
40<style>
41
42
43
44.CentrarTextoImagen {
45 text-align: center;
46 line-height: 14px;
47 position: relative;
48 top: -8px;
49 font-weight: bold;
50 width: 300px;
51 text-overflow: ellipsis;
52 overflow: hidden;
53}
54 .tarjetaParticipa {
55 width: 172.76px
56 max-width: 150px;
57 min-width: 150px;
58 height: 159.82px
59 max-height: 180px;
60 min-height: 180px;
61 overflow: hidden;
62 cursor: pointer;
63 border-radius: 9px;
64 transition: 1s;
65 padding:500px;
66 }
67
68 .tarjetaParticipa:hover{
69 text-decoration: none;
70 }
71
72
73 .imagenSeguroNecesidad{
74 width: 100%;
75 height: auto;
76 /*position: absolute;*/
77
78 }
79
80 .textoTarjeta{
81 display: block;
82 /*position: relative;
83 top: 45px;*/
84 width: 100%;
85 height: auto;
86 }
87
88
89 .textoTarjetaGroup {
90 min-width: 100%;
91 max-width: 100%;
92 height:55px;
93 background: #E5E1E5;
94 padding-right: 7px !important;
95 color: #532963;
96 font-family: Montserrat;
97 font-size: 0.75rem;
98 transition: 1s;
99 }
100
101 .textoTarjeta:hover > .textoTarjetaGroup{
102 background: #ffffff;
103 color: #384A58;
104 text-decoration: none;
105 transition: 1s;
106 }
107
108
109
110
111 .textoTarjeta:hover > .textoTarjetaGroup > .iconoN{
112 filter: brightness(100);
113 transition: 1s;
114 }
115 @media (max-width: 575.95px){
116 .center-responsive {
117 justify-content: center;
118 }
119 }
120</style>
Canales de autogestión
