¡Tu nueva clave ha sido creada exitosamente!
Si necesitas ayuda, escríbenos a: areasocios@cchc.cl
Bienvenido/a
Al sitio de la Cámara Chilena de la Construcción
Para un contenido personalizado, selecciona la región de tu interés.
Podrás cambiar esta opción en cualquier momento.
Se ha producido un error al procesar la plantilla.
The string doesn't match the expected date/time/date-time format. The string to parse was: "". The expected format was: "yyyy-MM-dd HH:mm". The nested reason given follows: Unparseable date: "" ---- FTL stack trace ("~" means nesting-related): - Failed at: ${fechaHoraFinal.getData()?date("yyyy... [in template "53293517405248#431411#266678" at line 370, column 194] ----
1<style>
2 .cchc-invitados-padding:not(:last-child) {
3 border-right: 1px solid #DCDFE5;
4 }
5
6 @media (max-width: 992px) {
7 .cchc-invitados-padding:not(:last-child) {
8 border-right: 0px solid #DCDFE5;
9 border-bottom: 1px solid #DCDFE5;
10 }
11 }
12
13
14</style>
15
16<script data-senna-track="temporary" defer src="https://www.googletagmanager.com/gtag/js?id=G-D1RHVP0CG5"></script>
17<script data-senna-track="temporary" defer>
18 window.dataLayer = window.dataLayer || [];
19 function gtag(){dataLayer.push(arguments);}
20 gtag('js', new Date());
21 gtag('config', 'G-D1RHVP0CG5');
22 console.log('iniciando script gtag ' + new Date());
23</script>
24
25
26
27
28 <script data-senna-track="temporary" defer>
29 Liferay.on("allPortletsReady", function () {
30 function formatearFecha(fechaString) {
31 var fecha = new Date(fechaString);
32 if (isNaN(fecha)) return ""; // Verifica que la fecha sea válida
33
34 var opcionesFechaCorta = { day: "2-digit", month: "2-digit", year: "numeric" };
35 var opcionesHora = { hour: "2-digit", minute: "2-digit", hour12: false };
36 var opcionesFechaLarga = { weekday: "long", day: "2-digit", month: "long", year: "numeric" };
37
38 // Formatear "dd/mm/yyyy"
39 var fechaCorta = fecha.toLocaleDateString("es-ES", opcionesFechaCorta);
40 var hora = fecha.toLocaleTimeString("es-ES", opcionesHora);
41
42 // Formatear "Lunes 03 de febrero de 2025"
43 var fechaLarga = fecha.toLocaleDateString("es-ES", opcionesFechaLarga);
44
45 return { fechaCorta, hora, fechaLarga };
46 }
47
48 var fechaEventoDivInterior = document.getElementById("fechaEventoDivInterior");
49 var fechaCalendario = document.getElementById("fechaCalendario");
50
51 if (fechaEventoDivInterior) {
52 var fechaEvento_Data = fechaEventoDivInterior.getAttribute("data-fecha");
53 if (fechaEvento_Data) {
54 var { fechaCorta, hora } = formatearFecha(fechaEvento_Data);
55 fechaEventoDivInterior.textContent = fechaCorta + " a las " + hora + "h";
56 }
57 }
58
59 if (fechaCalendario) {
60 var fechaCalendario_Data = fechaCalendario.getAttribute("data-fecha");
61 if (fechaCalendario_Data) {
62 var { fechaLarga } = formatearFecha(fechaCalendario_Data);
63 fechaCalendario.textContent = fechaLarga;
64 }
65 }
66});
67
68 </script>
69
70
71
72 <#assign prefix="cchc" />
73 <#assign journalArticleResourceLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService")>
74 <#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
75 <#assign journalArticleId = .vars['reserved-article-id'].data>
76 <#assign articleResourcePrimaryKey = journalArticleResourceLocalService.getArticleResourcePrimKey(themeDisplay.getScopeGroupId(), journalArticleId)>
77 <#assign assetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", articleResourcePrimaryKey)>
78 <#assign assetCategories = assetEntry.getCategories()>
79 <#assign contador = 0>
80 <#assign ifStreaming = urlTransmicion.getData()?has_content>
81 <#assign ifProgramaPDF = pdfPorgramaEvento.getData()?has_content>
82
83
84
85 <script data-senna-track="temporary" defer>
86
87
88 var eventData = {
89 entryId: "${journalArticleId}",
90 title: "${assetEntry.getTitle(locale)}",
91 categories: []
92 };
93
94 <#list assetCategories as category>
95 eventData.categories.push("${category.getName()}");
96 </#list>
97
98
99 var gtagEventData = {
100 event_id: eventData.entryId,
101 event_title: eventData.title,
102 event_categories: eventData.categories,
103 page_path: window.location.pathname,
104 page_location: window.location.href,
105 page_title: document.title,
106 event_category: 'Eventos'
107 };
108
109 var eventContentView = {
110 event_id: eventData.entryId,
111 event_title: eventData.title,
112 event_categories: eventData.categories,
113 page_path: window.location.pathname,
114 page_location: window.location.href,
115 page_title: document.title,
116 event_category: 'General',
117 content_type: 'Eventos'
118 }
119
120 try {
121 gtag('event', 'event_view', gtagEventData);
122 gtag('event', 'content_view', eventContentView);
123 console.info('gtag send')
124 } catch(e){
125 console.error('Error config gtag')
126 }
127
128
129</script>
130
131
132 <#if ifStreaming>
133 <!-- VIDEO -->
134 <div class="cchc-seccion-video-explicativo-container-general">
135 <div class="cchc-seccion-video-explicativo-container">
136 <div class="cchc-seccion-video-explicativo-info">
137 <div class="cchc-seccion-video-explicativo-time-container">
138
139 </div>
140 </div>
141
142 <div class="cchc-seccion-video-explicativo-img">
143 <#if (ImagenDesktop.getData())?? && ImagenDesktop.getData() != "">
144 <img alt="${ImagenDesktop.getAttribute("alt")}"
145 data-fileentryid="${ImagenDesktop.getAttribute("fileEntryId")}"
146 src="${ImagenDesktop.getData()}"
147 class = "cchc-d-md-none"
148 />
149 </#if>
150
151
152 <#if (ImagenMobile.getData())?? && ImagenMobile.getData() != "">
153 <img
154 alt="${ImagenMobile.getAttribute("alt")}"
155 data-fileentryid="${ImagenMobile.getAttribute("fileEntryId")}"
156 src="${ImagenMobile.getData()}"
157 class = "cchc-d-md-block cchc-d-none"
158 />
159 </#if>
160 </div>
161
162 <div class="cchc-seccion-video-explicativo-icon">
163 <svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
164 <g filter="url(#filter0_d_16488_81811)">
165 <circle cx="48" cy="46" r="40" fill="url(#paint0_linear_16488_81811)" />
166 </g>
167 <path d="M63 45.9231L40.5 58.9135L40.5 32.9327L63 45.9231Z" fill="#424B5A" />
168 <defs>
169 <filter id="filter0_d_16488_81811" x="0" y="0" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
170 <feFlood flood-opacity="0" result="BackgroundImageFix" />
171 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
172 <feOffset dy="2" />
173 <feGaussianBlur stdDeviation="4" />
174 <feComposite in2="hardAlpha" operator="out" />
175 <feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.2 0 0 0 0 0.2 0 0 0 0.15 0" />
176 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16488_81811" />
177 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16488_81811" result="shape" />
178 </filter>
179 <linearGradient id="paint0_linear_16488_81811" x1="48" y1="6" x2="48" y2="86" gradientUnits="userSpaceOnUse">
180 <stop stop-color="white" />
181 <stop offset="1" stop-color="#F8F8F8" />
182 </linearGradient>
183 </defs>
184 </svg>
185 </div>
186 <iframe class="cchc-seccion-video-explicativo-link" src="${urlTransmicion.getData()}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
187 </div>
188 </div>
189 <!-- FINAL DE VIDEO -->
190 <#else>
191<div class="${prefix}-container-banner-interior">
192 <div class="${prefix}-banner">
193 <div class="${prefix}-banner-base">
194 <div class="${prefix}-banner-slice">
195 <#if (ImagenDesktop.getData())?? && ImagenDesktop.getData() != "">
196 <img class="${prefix}-d-md-none cchc-img-left-clip-path cchc-img-banner-landing-eventos"
197 alt="${ImagenDesktop.getAttribute("alt")}"
198 data-fileentryid="${ImagenDesktop.getAttribute("fileEntryId")}"
199 src="${ImagenDesktop.getData()}" />
200 <#else>
201 <p class="cchc-secondary-h3 cchc-wg-600 cchc-text-color-neutral-30 cchc-d-block cchc-d-lg-none">No se encontró la imagen para el banner de desktop</p>
202 </#if>
203
204 <#if (ImagenMobile.getData())?? && ImagenMobile.getData() != "">
205 <img class="${prefix}-d-md-block cchc-img-bottom-clip-path"
206 alt="${ImagenMobile.getAttribute("alt")}"
207 data-fileentryid="${ImagenMobile.getAttribute("fileEntryId")}"
208 src="${ImagenMobile.getData()}" />
209 <#else>
210 <p class="cchc-secondary-h3 cchc-wg-600 cchc-text-color-neutral-30 cchc-d-none cchc-d-lg-block">No se encontró la imagen para el banner de mobile</p>
211 </#if>
212 </div>
213 </div>
214 </div>
215</div>
216
217
218 </#if>
219
220
221
222 <section class="cchc-d-flex cchc-justify-content-flex-start cchc-flex-direction-column cchc-p-4">
223
224
225
226
227 <h3 class="${prefix}-secondary-h3 ${prefix}-wg-600 cchc-text-color-neutral-30 cchc-text-interior-evento cchc-mt-3" id = "eventTitle">
228 <#if (tituloEvento.getData())?? && tituloEvento.getData() != "">
229 <#if tituloEvento.getData()?length gt 150>
230 ${tituloEvento.getData()[0..150]?keep_before_last(" ")}
231 <#else>
232 ${tituloEvento.getData()}
233 </#if>
234 <#else>
235 <p class="${prefix}-secondary-h3 ${prefix}-wg-600 cchc-text-color-neutral-30">No se ha encontrado el título del evento.</p>
236 </#if>
237</h3>
238
239
240 <div class="cchc-d-flex cchc-gap-3 cchc-d-lg-flex-wrap cchc-my-4">
241 <#list assetCategories as category>
242 <#assign name=category.getName()?lower_case />
243 <#assign formattedName=name?substring(0, 1)?upper_case + name?substring(1) />
244 <span class="cchc-tag cchc-info-tag">
245 ${formattedName}
246 </span>
247 </#list>
248 </div>
249
250
251 <div class="cchc-contenedor-btn-rrss cchc-d-flex cchc-flex-direction-row cchc-flex-md-direction-column cchc-align-items-center cchc-mt-5 ${prefix}-gap-3 cchc-mt-lg-0">
252
253 <a id="btnNotification" class="cchc-d-none cchc-cursor-pointer cchc-btn cchc-primary-btn cchc-md-btn cchc-md-mobile-btn cchc-">
254 Notificarme 10min antes
255
256 </a>
257
258
259
260
261
262 <#assign documentoUrl = pdfPorgramaEvento.getData()?if_exists>
263 <#if documentoUrl?contains(".pdf")>
264
265 <a href="${documentoUrl}" target='_blank'
266 class="cchc-btn ooo cchc-primary-btn cchc-md-btn cchc-md-mobile-btn">Descargar programa</a>
267
268 <#else>
269 <span></span>
270 </#if>
271
272
273 <#if ((urlEvento.getData())?? && urlEvento.getData() != '')>
274 <#assign url = urlEvento.getData() />
275 <#if !url?starts_with("http://") && !url?starts_with("https://")>
276 <#assign url = "https://" + url />
277 </#if>
278
279 <a href="${url}" target='_blank'
280 class="cchc-btn cchc-secondary-btn cchc-md-btn cchc-md-mobile-btn">
281 <#if (btnLinkEvento.getData())?? && btnLinkEvento.getData() != "">
282 ${btnLinkEvento.getData()}
283 <#else>
284 Ver evento
285 </#if>
286 </a>
287 </#if>
288
289
290 <div class="cchc-contenedor-rrss">
291 <ul class="${prefix}-container-rrss ${prefix}-d-flex ${prefix}-gap-3">
292 <li class="${prefix}-list-style-none ${prefix}-btn-copy-link">
293 <div class="${prefix}-tooltip-link ${prefix}-d-none ${prefix}-btn ${prefix}-sm-btn ${prefix}-secondary-btn animate__animated">Link copiado</div>
294 <a class="${prefix}-btn-rrss ${prefix}-pointer-icon cchc-text-color-neutral-30"
295 data-rrss=${friendlyURL}>
296 <@liferay_ui["icon"] icon="share" />
297 Compartir evento:
298 </a>
299 </li>
300
301 <li class="${prefix}-list-style-none">
302 <a class="${prefix}-btn-rrss"
303 data-senna-off="true"
304 href="https://wa.me/?text=Mira%20este%20nuevo%20evento!%20${friendlyURL}"
305
306 target="_blank">
307
308 <svg class="lexicon-icon" viewBox="0 0 53 53" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
309
310 <path class="st0" d="M46.3802,10.7138c-4.6512-4.6565-10.8365-7.222-17.4266-7.2247c-13.5785,0-24.63,11.0506-24.6353,24.6333 c-0.0019,4.342,1.1325,8.58,3.2884,12.3159l-3.495,12.7657l13.0595-3.4257c3.5982,1.9626,7.6495,2.9971,11.7726,2.9985h0.01 c0.0008,0-0.0006,0,0.0002,0c13.5771,0,24.6293-11.0517,24.635-24.6347C53.5914,21.5595,51.0313,15.3701,46.3802,10.7138z M28.9537,48.6163h-0.0083c-3.674-0.0014-7.2777-0.9886-10.4215-2.8541l-0.7476-0.4437l-7.7497,2.0328l2.0686-7.5558 l-0.4869-0.7748c-2.0496-3.26-3.1321-7.028-3.1305-10.8969c0.0044-11.2894,9.19-20.474,20.4842-20.474 c5.469,0.0017,10.6101,2.1344,14.476,6.0047c3.8658,3.8703,5.9936,9.0148,5.9914,14.4859 C49.4248,39.4307,40.2395,48.6163,28.9537,48.6163z"/><path class="st0" d="M40.1851,33.281c-0.6155-0.3081-3.6419-1.797-4.2061-2.0026c-0.5642-0.2054-0.9746-0.3081-1.3849,0.3081 c-0.4103,0.6161-1.59,2.0027-1.9491,2.4136c-0.359,0.4106-0.7182,0.4623-1.3336,0.1539c-0.6155-0.3081-2.5989-0.958-4.95-3.0551 c-1.83-1.6323-3.0653-3.6479-3.4245-4.2643c-0.359-0.6161-0.0382-0.9492,0.27-1.2562c0.2769-0.2759,0.6156-0.7189,0.9234-1.0784 c0.3077-0.3593,0.4103-0.6163,0.6155-1.0268c0.2052-0.4109,0.1027-0.7704-0.0513-1.0784 c-0.1539-0.3081-1.3849-3.3379-1.8978-4.5706c-0.4998-1.2001-1.0072-1.0375-1.3851-1.0566 c-0.3585-0.0179-0.7694-0.0216-1.1797-0.0216s-1.0773,0.1541-1.6414,0.7702c-0.5642,0.6163-2.1545,2.1056-2.1545,5.1351 c0,3.0299,2.2057,5.9569,2.5135,6.3676c0.3077,0.411,4.3405,6.6282,10.5153,9.2945c1.4686,0.6343,2.6152,1.013,3.5091,1.2966 c1.4746,0.4686,2.8165,0.4024,3.8771,0.2439c1.1827-0.1767,3.6419-1.489,4.1548-2.9267c0.513-1.438,0.513-2.6706,0.359-2.9272 C41.211,33.7433,40.8006,33.5892,40.1851,33.281z"/>
311
312 </svg>
313
314 </a>
315 </li>
316
317 <li class="${prefix}-list-style-none">
318 <a class="${prefix}-btn-rrss cchc-text-color-neutral-30"
319 data-senna-off="true"
320 href="mailto:?subject=&body=${friendlyURL}" target="_blank">
321 <@liferay_ui["icon"] icon="envelope-closed" />
322 </a>
323 </li>
324 <li class="${prefix}-list-style-none">
325 <a class="${prefix}-btn-rrss cchc-text-color-neutral-30"
326 data-senna-off="true"
327 href="https://twitter.com/intent/tweet?text=${friendlyURL}" target="_blank">
328 <svg class="lexicon-icon lexicon-icon-twitter-x"
329 role="presentation" viewBox="0 0 512 512">
330 <path class="lexicon-icon-outline" d="M304.158 216.797 490.663 0h-44.196L284.525 188.242 155.182 0H6l195.592 284.655L6 512h44.198l171.016-198.79L357.809 512h149.182L304.147 216.797h.011Zm-60.536 70.366-19.818-28.345L66.124 33.272h67.885L261.26 215.295l19.817 28.345 165.411 236.601h-67.886l-134.98-193.067v-.011Z"></path>
331 </svg>
332 </a>
333 </li>
334 <li class="${prefix}-list-style-none">
335 <a class="${prefix}-btn-rrss cchc-text-color-neutral-30"
336 data-senna-off="true"
337 href="https://www.linkedin.com/shareArticle?mini=true&url=${friendlyURL}" target="_blank">
338 <@liferay_ui["icon"] icon="social-linkedin" />
339 </a>
340 </li>
341 <li class="${prefix}-list-style-none">
342 <a class="${prefix}-btn-rrss cchc-text-color-neutral-30"
343 data-senna-off="true"
344 href="https://www.facebook.com/sharer/sharer.php?u=${friendlyURL}" target="_blank">
345 <@liferay_ui["icon"] icon="social-facebook" />
346 </a>
347 </li>
348 </ul>
349 </div>
350 </div>
351 </section>
352
353<div class = "cchc-d-none" id = "idEvent" data-idEvent = ${articleResourcePrimaryKey}></div>
354<div class = "cchc-d-none" id = "dateStartEvent" data-datestartevent = "${fechaHoraInicio.getData()}"></div>
355
356<!-- DESCRIPCION -->
357<section class="cchc-descripcion-section cchc-d-flex cchc-justify-content-space-between cchc-gap-4 cchc-flex-direction-row cchc-flex-lg-direction-column cchc-mb-10">
358
359
360
361 <div class="cchc-text-color-neutral-40 ${prefix}-wg-400 cchc-primary-body1 cchc-flex-basis-50 cchc-w-100 cchc-p-4 cchc-container-parrafo-evento">
362 <#if (parrafoEvento.getData())?? && parrafoEvento.getData() != "">
363 ${parrafoEvento.getData()}
364 <#else>
365 <p class="cchc-text-color-neutral-40 ${prefix}-wg-400 cchc-primary-body1">No se ha encontrado la descripción del evento.</p>
366 </#if>
367</div>
368
369 <div class="cchc-d-flex cchc-flex-direction-column cchc-align-items-center cchc-gap-4 cchc-flex-basis-50 cchc-p-4">
370 <a href="https://calendar.google.com/calendar/render?action=TEMPLATE&text=${tituloEvento.getData()}&dates=${fechaHoraInicio.getData()?date("yyyy-MM-dd HH:mm")?string("yyyyMMdd'T'HHmmss")}/${fechaHoraFinal.getData()?date("yyyy-MM-dd HH:mm")?string("yyyyMMdd'T'HHmmss")}"
371 target = "_blank"
372 class = "cchc-card-interna-evento"
373 >
374 <div class="cchc-card-shadow-2 cchc-border-radius-md cchc-p-4 cchc-d-flex cchc-flex-direction-column cchc-gap-4 cchc-gap-lg-2">
375 <p class="cchc-secondary-h4 cchc-wg-600 cchc-text-color-neutral-30 cchc-text-banner-c cchc-m-0 cchc-d-flex cchc-gap-2">
376 <@liferay_ui["icon"] icon="calendar" />
377 <span id="fechaCalendario" class="cchc-secondary-h4 cchc-wg-600 cchc-text-color-neutral-30 cchc-m-0 line-clam-1"
378 data-fecha="${getterUtil.getString(fechaHoraInicio.getData())}">
379 </span>
380 </p>
381
382 <div id="fechaEventoDivInterior"
383 class="cchc-primary-body1 cchc-wg-400 cchc-text-color-neutral-40 cchc-m-0 line-clam-1"
384 data-fecha="${getterUtil.getString(fechaHoraInicio.getData())}">
385 </div>
386 </div>
387 </a>
388
389 <!-- LUGAR MAPA -->
390 <#if (linkMapa.getData())?? && linkMapa.getData() != "" >
391
392 <a href="${linkMapa.getData()}" target="_blank" class = "cchc-card-interna-evento">
393
394 <div class="cchc-card-shadow-2 cchc-border-radius-md cchc-p-4">
395 <div class="cchc-d-flex cchc-flex-direction-column cchc-gap-4 cchc-gap-lg-2">
396
397 <div class="cchc-secondary-h4 cchc-wg-600 cchc-text-color-neutral-30 cchc-m-0">
398 <@liferay_ui["icon"] icon="geolocation" />
399 <#if (lugarEvento.getData())?? && lugarEvento.getData() != "">
400 <#if lugarEvento.getData()?length gt 40>
401 ${lugarEvento.getData()[0..40]?keep_before_last(" ")}
402 <#else>
403 ${lugarEvento.getData()}
404 </#if>
405 <#else>
406 <span class="cchc-text-color-neutral-30">No se ha encontrado el lugar.</span>
407 </#if>
408</div>
409
410
411<div>
412 <#if (linkMapa.getData())?? && direccionEventoTexto.getData() != "">
413
414 <span class="cchc-primary-body1 cchc-wg-500 cchc-text-color-neutral-40">
415 <#if (direccionEventoTexto.getData())?? && direccionEventoTexto.getData() != "">
416 <#if direccionEventoTexto.getData()?length gt 80>
417 ${direccionEventoTexto.getData()[0..80]?keep_before_last(" ")}
418 <#else>
419 ${direccionEventoTexto.getData()}
420 </#if>
421 <#else>
422 No se ha encontrado link para el lugar.
423 </#if>
424 </span>
425
426 <#else>
427 <span class="cchc-primary-body1 cchc-wg-500 cchc-text-color-neutral-40">
428 No se ha encontrado link para el lugar.
429 </span>
430 </#if>
431</div>
432 </div>
433 </div>
434 </#if>
435
436</a>
437 <!-- FINAL LUGAR MAPA -->
438
439
440 <#if (linkPlataforma.getData())?? && linkPlataforma.getData() != "">
441
442 <div class=" cchc-card-shadow-2 cchc-border-radius-md cchc-p-4 cchc-card-interna-evento">
443 <div class="cchc-d-flex cchc-flex-direction-column cchc-gap-4 cchc-gap-lg-2">
444
445 <div class="cchc-secondary-h4 cchc-wg-600 cchc-text-color-neutral-30 cchc-m-0">
446 <@liferay_ui["icon"] icon="video" />
447 <span class="">
448 <#if (linkPlataforma.getData()?length > 20)>
449 ${linkPlataforma.getData()?substring(0, 20)}...
450 <#else>
451 ${linkPlataforma.getData()}
452 </#if>
453 </span>
454 </div>
455
456 <div>
457 <span class="cchc-primary-body1 cchc-wg-500 cchc-text-color-neutral-40">
458 Plataforma de la transmisión
459 </span>
460 </div>
461
462 </div>
463 </div>
464
465</#if>
466
467
468 </div>
469
470</section>
471<!-- FINAL DESCRIPCION -->
472
473
474
475
476
477
478 <!-- INVITADOS -->
479
480 <#if getterUtil.getBoolean(checkInvitados.getData())>
481 <section class="cchc-mb-4">
482 <div class="cchc-colaboran-contenedor-titulo cchc-secondary-h3 cchc-d-flex cchc-justify-content-center cchc-align-items-center cchc-text-color-neutral-30 cchc-wg-600">
483 <#if (tituloSeccionInvitados.getData())?? && tituloSeccionInvitados.getData() != "">
484
485 <#if tituloSeccionInvitados.getData()?length gt 30>
486 ${tituloSeccionInvitados.getData()[0..30]?keep_before_last(" ")}
487 <#else>
488 ${tituloSeccionInvitados.getData()}
489 </#if>
490 <#else>
491 <span class="cchc-text-color-neutral-30">No se ha encontrado el título de la sección de invitados.</span>
492 </#if>
493</div>
494
495 </section>
496
497<!-- CARD INVITADOS VISTA DEKTOP -->
498<#if Invitados.getSiblings()?has_content>
499 <#if (Invitados.getSiblings()?size <= 3)>
500
501 <div class="cchc-d-flex cchc-justify-content-center cchc-mb-17 cchc-d-lg-none">
502 <#list Invitados.getSiblings() as Invitados>
503 <div class="cchc-invitados-padding cchc-flex-1" style="max-width: 458px;">
504 <div class="cchc-d-flex cchc-flex-direction-column cchc-gap-3">
505 <div class="cchc-invitados-imagen cchc-text-center cchc-d-flex cchc-justify-content-center">
506 <#if (Invitados.imagenInvitado.getData())?? && Invitados.imagenInvitado.getData() != "">
507 <img
508 alt="${Invitados.imagenInvitado.getAttribute("alt")}"
509 data-fileentryid="${Invitados.imagenInvitado.getAttribute("fileEntryId")}"
510 src="${Invitados.imagenInvitado.getData()}"
511 />
512 <#else>
513 <!-- SVG de respaldo -->
514 <svg width="101" height="100" viewBox="0 0 101 100" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
515 <rect x="0.105469" width="100" height="100" rx="50" fill="url(#pattern0_17284_20579)" />
516 <defs>
517 <pattern id="pattern0_17284_20579" patternContentUnits="objectBoundingBox" width="1" height="1">
518 <use xlink:href="#image0_17284_20579" transform="scale(0.0018315)" />
519 </pattern>
520 <image id="image0_17284_20579" width="546" height="546" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"
521 />
522 </defs>
523 </svg>
524 </#if>
525 </div>
526 <section class="cchc-d-flex cchc-flex-direction-column cchc-gap-1 cchc-text-center">
527 <div class="cchc-text-color-neutral-40 cchc-primary-h4 cchc-wg-500 cchc-h-[64px]">
528 <#if (Invitados.cargoInvitado.getData())??>
529 ${Invitados.cargoInvitado.getData()}
530 </#if>
531 </div>
532 <div class="cchc-primary-body1 cchc-wg-500 cchc-text-color-neutral-30 cchc-h-[24px]">
533 <#if (Invitados.invitado.getData())??>
534 ${Invitados.invitado.getData()}
535 </#if>
536 </div>
537 </section>
538 <div class="cchc-text-color-neutral-40 cchc-wg-400 cchc-primary-body1">
539 <#if (Invitados.descripcionInvitado.getData())??>
540 ${Invitados.descripcionInvitado.getData()}
541 </#if>
542 </div>
543 </div>
544 </div>
545 </#list>
546 </div>
547 <#else>
548 <section class="splide cchc-d-lg-none cchc-mb-17 " id="invitadosContainer">
549 <div class="splide__track">
550 <div class="splide__list">
551 <#assign contador = 0>
552 <#list Invitados.getSiblings() as Invitados>
553 <#if contador % 3 == 0>
554 <div class="splide__slide cchc-d-flex cchc-justify-content-center">
555 </#if>
556
557 <div class="cchc-invitados-padding cchc-flex-1" style="max-width: 458px;">
558 <div class="cchc-d-flex cchc-flex-direction-column cchc-gap-3">
559 <div class="cchc-invitados-imagen cchc-text-center cchc-d-flex cchc-justify-content-center">
560 <#if (Invitados.imagenInvitado.getData())?? && Invitados.imagenInvitado.getData() != "">
561 <img
562 alt="${Invitados.imagenInvitado.getAttribute("alt")}"
563 data-fileentryid="${Invitados.imagenInvitado.getAttribute("fileEntryId")}"
564 src="${Invitados.imagenInvitado.getData()}"
565 />
566 <#else>
567 <!-- SVG de respaldo -->
568 <svg width="101" height="100" viewBox="0 0 101 100" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
569 <rect x="0.105469" width="100" height="100" rx="50" fill="url(#pattern0_17284_20579)" />
570 <defs>
571 <pattern id="pattern0_17284_20579" patternContentUnits="objectBoundingBox" width="1" height="1">
572 <use xlink:href="#image0_17284_20579" transform="scale(0.0018315)" />
573 </pattern>
574 <image id="image0_17284_20579" width="546" height="546" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"
575 />
576 </defs>
577 </svg>
578 </#if>
579 </div>
580 <section class="cchc-d-flex cchc-flex-direction-column cchc-gap-1 cchc-text-center">
581 <div class="cchc-text-color-neutral-40 cchc-primary-h4 cchc-wg-500 cchc-h-[32px]">
582 <#if (Invitados.cargoInvitado.getData())??>
583 ${Invitados.cargoInvitado.getData()}
584 </#if>
585 </div>
586 <div class="cchc-primary-body1 cchc-wg-500 cchc-text-color-neutral-30 cchc-h-[24px]">
587 <#if (Invitados.invitado.getData())??>
588 ${Invitados.invitado.getData()}
589 </#if>
590 </div>
591 </section>
592 <div class="cchc-text-color-neutral-40 cchc-wg-400 cchc-primary-body1">
593 <#if (Invitados.descripcionInvitado.getData())??>
594 ${Invitados.descripcionInvitado.getData()}
595 </#if>
596 </div>
597 </div>
598 </div>
599
600 <#assign contador = contador + 1>
601
602 <#if contador % 3 == 0 || Invitados?is_last>
603 </div>
604 </#if>
605
606 </#list>
607 </div>
608 </div>
609 </section>
610 </#if>
611 <!-- CARD INVITADOS VISTA MOBILE -->
612
613
614 <section class = "cchc-d-lg-block cchc-d-none cchc-mb-17 cchc-align-items-center">
615 <#list Invitados.getSiblings() as Invitados>
616
617
618
619
620 <div class="cchc-invitados-padding">
621 <div class="cchc-d-flex cchc-flex-direction-column cchc-gap-3">
622 <div class="cchc-invitados-imagen cchc-text-center">
623 <#if (Invitados.imagenInvitado.getData())?? && Invitados.imagenInvitado.getData() != "">
624 <img
625 alt="${Invitados.imagenInvitado.getAttribute("alt")}"
626 data-fileentryid="${Invitados.imagenInvitado.getAttribute("fileEntryId")}"
627 src="${Invitados.imagenInvitado.getData()}"
628 />
629 <#else>
630 <!-- img de respaldo -->
631 <img
632 src = "/documents/d/guest/defaultphoto"
633 />
634 </#if>
635 </div>
636 <section class="cchc-d-flex cchc-flex-direction-column cchc-gap-1 cchc-text-center">
637 <div class="cchc-text-color-neutral-40 cchc-primary-h4 cchc-wg-500">
638 <#if (Invitados.cargoInvitado.getData())??>
639 ${Invitados.cargoInvitado.getData()}
640 </#if>
641 </div>
642 <div class="cchc-primary-body1 cchc-wg-500 cchc-text-color-neutral-30">
643 <#if (Invitados.invitado.getData())??>
644 ${Invitados.invitado.getData()}
645 </#if>
646 </div>
647 </section>
648 <div class="cchc-text-color-neutral-40 cchc-wg-400 cchc-primary-body1">
649 <#if (Invitados.descripcionInvitado.getData())??>
650 ${Invitados.descripcionInvitado.getData()}
651 </#if>
652 </div>
653 </div>
654 </div>
655
656 </#list>
657 </section>
658 <!-- CARD INVITADOS -->
659</#if>
660
661<#else>
662<span></span>
663</#if>
664
665
666 <!-- FINAL INVITADOS -->
667
668
669 <!-- COLABORAN -->
670 <#if getterUtil.getBoolean(checkColaboran.getData())>
671
672
673 <section class="cchc-encapsulated-content cchc-mb-13 cchc-container cchc-mt-10 cchc-mb-sm-13">
674 <div class="cchc-colaboran-contenedor-titulo cchc-secondary-h3 cchc-d-flex cchc-justify-content-center cchc-align-items-center cchc-text-color-neutral-30 cchc-wg-600">
675 <#if (tituloSeccionColaboran.getData())??>
676
677 <#if tituloSeccionColaboran.getData()?length gt 30>
678 ${tituloSeccionColaboran.getData()[0..30]?keep_before_last(" ")}
679 <#else>
680 ${tituloSeccionColaboran.getData()}
681 </#if>
682 </#if>
683
684 </div>
685
686 <div class="cchc-colaboran-contenedor-imagen cchc-d-flex cchc-justify-content-center cchc-align-items-center cchc-mt-6 cchc-gap-5">
687 <#if imagenColaboran.getSiblings()?has_content>
688 <#list imagenColaboran.getSiblings() as imagenColaboran>
689 <#if (imagenColaboran.getData()) == ''>
690 <#else>
691 <div class="">
692 <img alt="${imagenColaboran.getAttribute("alt")}" data-fileentryid="${imagenColaboran.getAttribute("fileEntryId")}" src="${imagenColaboran.getData()}" />
693 </div>
694 </#if>
695 </#list>
696 </#if>
697 </div>
698 </section>
699
700 <#else>
701 <span></span>
702</#if>
703
704 <!-- FINAL COLABORAN -->
Notificación Live
Notificación Live
Ingresa tu correo para recibir la notificación 10 minutos antes de comenzar nuestro Live.