Histórico de Noticias
BC1-Estructura-HISTORICODENOTICIAS-1920-V1
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica") [in template "97#123#23588" at line 63, column 31]
----
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: #assign Basica = themeDisplay.getSite... [in template "97#123#23588" at line 63, column 13]
----
1<#assign JournalArticleLocalServiceUtil = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")/>
2
3<#assign url_public = themeDisplay.getPathFriendlyURLPublic()>
4<#if contenido1.getData()?has_content??>
5<#if contenido1.getData()?has_content && contenido1.getData()?matches("[0-9]+") >
6<#assign articles = []/>
7<#assign article = JournalArticleLocalServiceUtil.getLatestArticle(contenido1.getData()?number)>
8<#assign articles = articles + [article]/>
9</#if>
10</#if>
11
12<#if themeDisplay?? >
13 <#attempt>
14 <#assign instanceIdBc1 = themeDisplay.getPortletDisplay().getInstanceId() >
15 <#recover>
16 <#assign instanceIdBc1 = "test" >
17 </#recover>
18</#if>
19
20
21<div class="container-fluid pl-0 pr-0">
22 <div id="carrusel-v1-${instanceIdBc1}" class="carousel slide" data-ride="carousel">
23 <ol class="carousel-indicators">
24 <!-- Se estavblecen los indicadores mediante Jquery -->
25
26 <li class="active" data-target="#carrusel-v1-${instanceIdBc1}" data-slide-to="0"></li>
27 <#assign x = 0>
28 <#if contenido2.getSiblings()?has_content>
29 <#list contenido2.getSiblings() as cur_contenido2>
30 <#assign x ++>
31 <li data-target="#carrusel-v1-${instanceIdBc1}" data-slide-to="${x}"></li>
32
33 </#list>
34 </#if>
35 </ol>
36 <div class="carousel-inner">
37 <!--seccion donde inician repetibles-->
38 <#if contenido2.getSiblings()?has_content>
39 <#list contenido2.getSiblings() as cur_contenido2>
40 <#if cur_contenido2.getData()?has_content>
41 <#assign article2 = JournalArticleLocalServiceUtil.getLatestArticle(cur_contenido2.getData()?number)>
42 <#assign articles = articles + [article2]/>
43 </#if>
44 </#list>
45 </#if>
46 <#assign contador = 0>
47 <#if articles?has_content>
48 <#list articles as cur_art>
49 <#assign contador++>
50 <#assign document = saxReaderUtil.read(cur_art.getContentByLocale(locale)) />
51 <#assign root = document.getRootElement()>
52 <#assign tag = root.selectSingleNode("dynamic-element[@name='tag']/dynamic-content").getText()/>
53 <#assign seccion = root.selectSingleNode("dynamic-element[@name='seccion']/dynamic-content").getText()/>
54 <#assign titulo = root.selectSingleNode("dynamic-element[@name='titulo']/dynamic-content").getText()/>
55 <#assign abstract = root.selectSingleNode("dynamic-element[@name='abstract']/dynamic-content").getText()/>
56
57 <#assign img = root.selectSingleNode("dynamic-element[@name='img']/dynamic-content").getText()/>
58 <#--
59 <#assign foto = root.selectSingleNode("dynamic-element[@name='foto']/dynamic-content").getText()/>
60 -->
61 <#assign compartir = root.selectSingleNode("dynamic-element[@name='compartir']/dynamic-content").getText()/>
62 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='img']")>
63 <#assign Basica = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica")>
64 <#assign Basica_Liga = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica_Liga")>
65
66 <#if cur_art.getStructureId() == Basica_Liga >
67
68 <#assign link = root.selectSingleNode("dynamic-element[@name='link']/dynamic-content").getText()/>
69 <#assign linkjson = jsonFactoryUtil.createJSONObject(link)>
70 <#assign url = root.selectSingleNode("dynamic-element[@name='url']/dynamic-content").getText()/>
71 </#if>
72 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='img']")>
73 <#assign imgNews = xPathSelector.selectSingleNode(root).getStringValue()>
74 <#if imgNews?? && imgNews?has_content && imgNews != "">
75 <#attempt>
76
77 <#assign imgJson = jsonFactoryUtil.createJSONObject(imgNews)>
78 <#assign urlimg = "/documents/"+ imgJson.groupId +"/" +imgJson.fileEntryId +"/"+ imgJson.name +"/"+imgJson.uuid >
79 <#recover>
80 <#assign urlimg = "">
81 </#recover>
82
83
84 </#if>
85 <#--assign urlimg = "/documents/"+ imgJson.groupId +"/" +imgJson.fileEntryId +"/"+ imgJson.name +"/"+imgJson.uuid -->
86
87 <#if contador== 1>
88 <div class="carousel-item active" data-interval="5000" style="background-image:linear-gradient(to right, rgba(3, 10, 35, 0.42) 50%, rgba(53, 58, 77, 0) 54%), url('${urlimg}');">
89 <#else>
90 <div class="carousel-item" data-interval="5000" style="background-image:linear-gradient(to right, rgba(3, 10, 35, 0.42) 50%, rgba(53, 58, 77, 0) 54%), url('${urlimg}');">
91 </#if>
92 <!--div class="carousel-item" style="background-image: url('${urlimg}');"-->
93 <!--div class="sombra-bc1 h-100"-->
94 <div class="carousel-caption d-none d-md-block" style="display: inline-flex !important; align-items: baseline;">
95 <span class="circle-bc1" style="color: #fff;"></span>
96 <ul style="padding-left:40px;">
97 <li>${titulo}</li>
98 <#---
99 <#if (tag != "")>
100 <#assign tagref = tag?split(' ')>
101 <#list tagref as cur_tagref>
102 <#assign trtag = cur_tagref?substring(1)>
103 <#assign tfhash = "https://twitter.com/hashtag/${trtag}?src=hash">
104 <a class="hash-tag" href="${tfhash}" ><li class="text-style-1">${cur_tagref}</li></a>
105 </#list>
106 </#if>
107 --->
108 </ul>
109 </div>
110 <#------------------------------------------------------->
111 <#if cur_art.getStructureId() == Basica_Liga >
112
113 <#if link != "">
114 <#assign linkid = link?split("@")>
115 <#assign groupUtil = serviceLocator.findService('com.liferay.portal.kernel.service.GroupLocalService')>
116 <#assign group = groupUtil.getGroup(cur_art.getGroupId())>
117 <#assign groupFriendly = group.getFriendlyURL()>
118 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
119 <#assign layout = layoutService.getLayout(linkjson.getLong("groupId") , linkjson.getBoolean("privateLayout"),linkjson.getLong("layoutId"))>
120 <#assign layoutFriendly = layout.getFriendlyURL()>
121 <#assign link_page = "${url_public}${groupFriendly}${layoutFriendly}">
122 <a href="${link_page}">
123
124 <#else>
125 <#assign link_page = url>
126 <a href="${url}">
127 </#if>
128 <#else>
129 <#assign urldetalle = "/web/general/detalle" />
130 <a href="${urldetalle}?group_id=${cur_art.getResourcePrimKey()}">
131 </#if>
132 <#------------------------------------------------------------>
133
134 <!--img src="${urlimg}" /-->
135 </a>
136 <!--/div-->
137 </div>
138
139
140 </#list>
141 </#if>
142
143 </div>
144 </div>
145</div>
146
147<style type="text/css">
148.sombra-bc1 {
149 background-image: linear-gradient(to right, rgba(3, 10, 35, 0.42) 56%, rgba(53, 58, 77, 0) 94%);
150}
151@media(min-width: 300px) and (max-width: 768px){
152 .sombra-bc1{
153 width: 100%;
154 }
155}
156@media(min-width: 769px) {
157 .sombra-bc1{
158 width: 50%;
159 }
160}
161 @media(min-width:1000px) {
162#carrusel-v1-${instanceIdBc1} .carousel-indicators {
163 margin-bottom:7rem !important;
164}
165}
166
167.circle-bc1 {
168 font-size: 32px;
169}
170#carrusel-v1-${instanceIdBc1} a{
171 height: 100%;
172 width: 100%;
173
174 display: block;
175}
176#carrusel-v1-${instanceIdBc1} img{
177 width:100%;
178}
179#carrusel-v1-${instanceIdBc1} .carousel-item {
180 height: 750px;
181}
182.caption>article>ul>li {
183 list-style: none;
184}
185.hash-tag {
186 text-decoration: none;
187 display:inline-block;
188 padding-top: 10px;
189}
190.hash-tag:hover {
191 text-decoration: none;
192}
193.caption>article>li {
194 list-style: none;
195}
196#carrusel-v1-${instanceIdBc1} .carousel-caption ul li:first-child {
197
198}
199.hash-tag>li {
200 list-style: none !important;
201}
202
203.carousel-indicators {
204 right: unset !important;
205 bottom: 0 !important;
206 left: 0 !important;
207 padding-left: 7.5% !important;
208 margin-right: 0 !important;
209 margin-left: 0 !important;
210
211}
212.carousel-indicators li {
213 width: 10px;
214 height: 10px;
215 border-radius:50%;
216}
217#carrusel-v1-${instanceIdBc1} .carousel-item {
218 background-position: 80% 0;
219 background-size: cover;
220 background-repeat: no-repeat;
221
222}
223}
224@media (min-width:300px) and (max-width:768px) {
225#carrusel-v1-${instanceIdBc1} .carousel-caption {
226 font-size: 3em;
227 bottom: 7% !important;
228 width: 100% !important;
229 height: 300px !important;
230 padding-right: 7.5%;
231}
232.circle-bc1 {
233 font-size: 24px;
234 }
235}
236#carrusel-v1-${instanceIdBc1} .carousel-caption {
237 background-color: transparent !important;
238 padding-left: 7.5% !important;
239 border-radius: 0 !important;
240 left: 0;
241 right: 0;
242 width: 646px;
243 height: 361px;
244 font-family: 'Degular-Semibold';
245 font-size: 3.5em;
246 font-weight: 600;
247 font-stretch: normal;
248 font-style: normal;
249 line-height: 1.2;
250 letter-spacing: normal;
251 text-align: left;
252 color: #fff;
253 bottom: 177px;
254}
255#carrusel-v1-${instanceIdBc1} .carousel-caption ul li {
256 list-style: none;
257 display: -webkit-box;
258 -webkit-line-clamp: 4;
259 -webkit-box-orient: vertical;
260 overflow: hidden;
261 text-overflow: ellipsis;
262}
263@media (max-width: 575px) {
264#carrusel-v1-${instanceIdBc1} .carousel-item {
265 height: 300px;
266}
267
268}
269@media (max-width: 768px){
270#carrusel-v1-${instanceIdBc1} .carousel-caption {
271 bottom: 7%;
272 width: 100%;
273 padding-right: 7.5%;
274 height: auto;
275}
276}
277@media(min-width:300px) and (max-width:768px){
278 #carrusel-v1-${instanceIdBc1} .carousel-caption {
279 font-size: 1.9em;
280 }
281}
282@media(min-width:500px) and (max-width:768px){
283 #carrusel-v1-${instanceIdBc1} .carousel-caption{
284 width:70%;
285 }
286}
287</style>
288<script type="text/javascript">
289 $( document ).ready(function() {
290
291 $('#carrusel-v1-${instanceIdBc1}').carousel({
292 interval: 2000
293});
294 });
295</script>
Noticias
Ordenar por:
Ascendente
Descendente
CTA3-Estructura-Historico-de-Noticias-1920-V1
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica") [in template "97#123#146124" at line 27, column 27]
----
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: #assign Basica = themeDisplay.getSite... [in template "97#123#146124" at line 27, column 9]
----
1<#assign JournalArticleLocalServiceUtil = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")/>
2<#assign url_public = themeDisplay.getPathFriendlyURLPublic()>
3
4<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
5<#assign dlFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")>
6
7<#assign articles = []/>
8
9
10<#if contenido.getData()?has_content??>
11 <#if contenido.getData()?has_content && contenido.getData()?matches("[0-9]+") >
12 <#assign article = JournalArticleLocalServiceUtil.getLatestArticle(contenido.getData()?number)>
13 <#assign articles = articles + [article]/>
14 </#if>
15</#if>
16
17<#if articles?has_content>
18 <#list articles as cur_art>
19 <#assign size = articles?size/>
20 <#assign document = saxReaderUtil.read(cur_art.getContentByLocale(locale)) />
21 <#assign root = document.getRootElement()>
22 <#assign titulo = root.selectSingleNode("dynamic-element[@name='titulo']/dynamic-content").getText()/>
23 <#assign abstract = root.selectSingleNode("dynamic-element[@name='abstract']/dynamic-content").getText()/>
24
25
26 <#assign Basica_Liga = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica_Liga")>
27 <#assign Basica = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Basica")>
28 <#assign Descarga = themeDisplay.getSiteGroup().getExpandoBridge().getAttribute("Descarga")>
29
30 <#-- Validación para saber si la estructura utilizada es Basica_Ligsa o Basica -->
31 <#if cur_art.getStructureId() == Basica_Liga || cur_art.getStructureId() == Descarga>
32
33 <#if cur_art.getStructureId() == Basica_Liga> <#-- Si es Basica Liga se obtienen el lin o url -->
34
35 <#assign link = root.selectSingleNode("dynamic-element[@name='link']/dynamic-content").getText()/>
36 <#assign linkjson = jsonFactoryUtil.createJSONObject(link)>
37 <#assign url = root.selectSingleNode("dynamic-element[@name='url']/dynamic-content").getText()/>
38
39 <#if link?has_content> <#-- si link tiene contenido se obtiene este link -->
40 <#assign linkid = link?split("@")>
41 <#assign groupUtil = serviceLocator.findService('com.liferay.portal.kernel.service.GroupLocalService')>
42 <#assign group = groupUtil.getGroup(cur_art.getGroupId())>
43 <#assign groupFriendly = group.getFriendlyURL()>
44 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
45 <#--assign layout = layoutService.getLayout(linkjson.getLong("groupId") , linkjson.getBoolean("privateLayout"),linkjson.getLong("layoutId"))-->
46 <#assign layoutFriendly = layout.getFriendlyURL()>
47 <#assign urlCta3 = "${url_public}${groupFriendly}${layoutFriendly}">
48
49 <#else>
50 <#-- Si url tiene contenido y link no se obtiene la url sino se cumple se pone sinUrl en true para mostrar al usuario que no se esta poniendo ya sea link o url -->
51 <#assign urlCta3 = url>
52 </#if>
53 <div class="container-fluid" style="justify-content: center;display: flex; padding-left:0; padding-right:0">
54 <div class="row cta3 w-100">
55 <div class="col-md-12 col-lg-8 mt-lg-5 mb-lg-5 block1">
56 <div class="container-xxxxl">
57 <h1 class="title-cta3 ">${titulo}</h1>
58 <h5 class="subtitle-cta3 ">${abstract}</h5>
59 </div>
60 </div>
61 <div class="col-md-12 col-lg-4 block2 ${fondoColor.getData()} w-100">
62 <div class="container-xxxxl w-100">
63 <a class=link-block href="${urlCta3}" target="_blank"><i class="fal fa-chevron-circle-down pr-3"></i></i>${txtLink.getData()}</a>
64 </div>
65 </div>
66 </div>
67 </div>
68 </#if>
69 <#-- Validación si es Descarga, se obtiene el enlace del elemento y se convierte a un json para pasarlo a una funcion para poder descargar el documento -->
70 <#if cur_art.getStructureId() == Descarga>
71 <#assign xmlValue = root.selectSingleNode("dynamic-element[@name='doc']/dynamic-content").getText()/>
72 <#assign docJson = jsonFactoryUtil.createJSONObject(xmlValue)>
73 <#assign urlDownload = getArticleDLEntryUrl(xmlValue)>
74
75 <div class="container-fluid" style="justify-content: center;display: flex; padding-left:0; padding-right:0">
76 <div class="row cta3 w-100">
77 <div class="col-md-12 col-lg-8 mt-lg-5 mb-lg-5 block1">
78 <div class="container-xxxxl">
79 <h1 class="title-cta3 ">${titulo}</h1>
80 <h5 class="subtitle-cta3 ">${abstract}</h5>
81 </div>
82 </div>
83 <div class="col-md-12 col-lg-4 block2 ${fondoColor.getData()} w-100">
84 <div class="container-xxxxl w-100">
85 <a class=link-block href="${getArticleDLEntryUrl(xmlValue)}"><i class="fal fa-chevron-circle-down pr-3"></i></i>${txtLink.getData()}</a>
86 </div>
87 </div>
88 </div>
89 </div>
90
91
92
93
94
95 </#if> <#-- Fin Validación si es Descarga -->
96 <#else><#--else de if principal que valida que la estrucutra sea Basica_Liga o Descarga, sino se cumple muestra hace las siguientes validaciones-->
97 <#-- Si showCta3 es false y sinUrl igual a false muestra una leyenda de que se esta ocupando otra estructura diferente a Basica_Liga o Descarga -->
98 <#if cur_art.getStructureId() == Basica>
99 <#assign urldetalle = "/web/general/detalle" />
100 <div class="container-fluid" style="justify-content: center;display: flex; padding-left:0; padding-right:0">
101 <div class="row cta3 w-100">
102 <div class="col-md-12 col-lg-8 mt-lg-5 mb-lg-5 block1">
103 <div class="container-xxxxl">
104 <h1 class="title-cta3 ">${titulo}</h1>
105 <h5 class="subtitle-cta3 ">${abstract}</h5>
106 </div>
107 </div>
108 <div class="col-md-12 col-lg-4 block2 ${fondoColor.getData()} w-100">
109 <div class="container-xxxxl w-100">
110 <a class=link-block href="${urldetalle}?group_id=${cur_art.getResourcePrimKey()}"><i class="fal fa-chevron-circle-down pr-3"></i></i>${txtLink.getData()}</a>
111 </div>
112 </div>
113 </div>
114 </div>
115 </#if> <#-- Fin Validación si es Basica -->
116 </#if>
117
118
119 </#list>
120</#if>
121<#function getArticleDLEntryUrl xmlValue>
122
123 <#local docUrl = "" />
124
125 <#if xmlValue?has_content>
126 <#local jsonObject = xmlValue?eval />
127
128 <#local entryUuid = jsonObject.uuid />
129 <#local entryGroupId = getterUtil.getLong(jsonObject.groupId) />
130
131 <#local dlFileEntry = dlFileEntryLocalService.getDLFileEntryByUuidAndGroupId(entryUuid, entryGroupId) />
132
133 <#local assetEntry = assetEntryLocalService.getEntry("com.liferay.document.library.kernel.model.DLFileEntry", dlFileEntry.fileEntryId) />
134 <#local assetRenderer = assetEntry.assetRenderer />
135
136 <#local docUrl = assetRenderer.getURLDownload(themeDisplay) />
137 </#if>
138 <#return docUrl />
139</#function>
140
141<#assign color = fondoColor.getData() />
142<#assign colorLetter = "" />
143<#assign colorLink = "" />
144<#if color != 'bg-azul-cta3'>
145<#assign colorLetter = "#004270" />
146<#assign colorLink = "#fff" />
147<#else>
148<#assign colorLetter = "#666" />
149<#assign colorLink = "#004270" />
150</#if>
151<style type="text/css">
152.bg-azul-cta3 {
153 background-color: #42b4e3 !important;
154}
155.bg-morado-cta3{
156 background-color: #8d1860 !important;
157}
158.bg-verde-cta3 {
159 background-color: #6ba43a !important;
160}
161.bg-naranja-cta3 {
162 background-color: #ff6b00 !important;
163}
164.bg-dorado-cta3 {
165 background-color: #b4975a !important;
166}
167@media (min-width:300px) and (max-width:991.5px){
168 .cta3 .block1, .cta3 .block2 {
169 padding-right: 7.5%;
170 padding-left: 7.5%;
171 }
172 .cta3 .link-block{
173 justify-content: center !important;
174 }
175 .cta3 .title-cta3 {
176 line-height: 0.91;
177 text-align: center;
178 }
179 .cta3 .subtitle-cta3 {
180 line-height: 1.17;
181 text-align:center;
182 }
183 .cta3 .link-block{
184 line-height: 2.57;
185 }
186 .cta3 .block1 {
187 margin-top:52px;
188 margin-bottom:67px;
189 }
190 .cta3 .title-cta3 {
191 font-size: 3em;
192 margin-bottom:10px !important;
193
194 }
195}
196
197@media (min-width:992px){
198 .cta3 .title-cta3 {
199 line-height: 1.32;
200 text-align: left;
201 }
202 .cta3 .title-cta3 {
203 font-size: 3.5em;
204 }
205 .cta3 .subtitle-cta3 {
206 line-height: 0.98;
207 text-align: left;
208 }
209 .cta3 .link-block{
210 line-height: 1.2;
211 text-align: left;
212 }
213 .cta3 .block1 {
214 padding-left: 7.5%;
215 padding-right: 0;
216}
217.cta3 .block2 {
218 padding-right: 7.5%;
219 }
220}
221@media (min-width: 992px){
222.cta3 .block1{
223 padding-left:7.5%;
224 padding-right: 0;
225}
226.cta3 .block2{
227 /*padding-left:0;*/
228 padding-right: 7.5%;
229}
230}
231@media (max-width:768px){
232 .cta3 .link-block {
233 margin-top: 31px;
234 margin-bottom:31px;
235 font-size: 1.3em !important;
236 }
237
238}
239.cta3 .block1 , .cta3 .block2{
240 display: flex;
241 align-items: center !important;
242}
243/*
244.cta3 .block2 {
245 background-color: ${color};
246}
247*/
248.cta3 .title-cta3 {
249 font-family: 'Degular-Semibold';
250 /*font-size: 4em;*/
251 font-weight: 600;
252 font-stretch: normal;
253 font-style: normal;
254 letter-spacing: normal;
255 color: ${colorLetter};
256 margin-bottom:0;
257
258}
259.cta3 .subtitle-cta3 {
260 font-family: 'Degular-Regular';
261 font-size: 2em;
262 font-weight: normal;
263 font-stretch: normal;
264 font-style: normal;
265 letter-spacing: normal;
266
267 color: #666666;
268
269}
270
271
272.cta3 .link-block i {
273 font-size: 40px;
274}
275.cta3 .link-block {
276 font-family: 'Degular-Bold';
277 font-size: 1.8em;
278 font-weight: bold;
279 font-stretch: normal;
280 font-style: normal;
281 text-transform: uppercase;
282 letter-spacing: 1.5px;
283 color: ${colorLink};
284 text-decoration: none;
285 display: flex;
286 align-items: center !important;
287 justify-content: end;
288
289}
290.cta3 .link-block:hover {
291 text-decoration: none;
292 color: ${colorLink};
293}
294
295@media(min-width:992px){
296 .cta3 .block1{
297 height:280px;
298 }
299}
300@media(min-width:375px) and (max-width:991.5px){
301 .cta3 .block1{
302 height:250px;
303 }
304 .cta3 .block2{
305 height:110px;
306 }
307 .cta3 .container-xxxxl{
308 margin: auto;
309 }
310 .cta3 .subtitle-cta3{
311 font-size:1.2em;
312 }
313}
314</style>