1<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
2<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.5.1/MarkerCluster.css" />
3<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.5.1/MarkerCluster.Default.css" />
4
5<#-- Cargamos la template TemplateGoToURL -->
6<#assign classLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.ClassNameLocalService") />
7<#assign groupLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.GroupLocalService") />
8<#assign group = groupLocalService.fetchFriendlyURLGroup(themeDisplay.getCompanyId(), "/global") />
9<#assign classNameId = classLocalService.getClassName("com.liferay.dynamic.data.mapping.model.DDMStructure").getClassNameId() />
10<#include "_TEMPLATE_CONTEXT_/${themeDisplay.getCompanyId()}/${group.getGroupId()}/${classNameId}/57893" />
11
12<#assign dlAppService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService") />
13
14<#assign pestanaCheckeada = false />
15<#assign numPestana = 999 />
16
17<section class="bg-white">
18<#if pestana.getSiblings()?has_content>
19 <#if pestana.getSiblings()?size gt 1>
20 <#assign id = "home-lopesan"/>
21 <#else>
22 <#assign id = "servicios-lopesan"/>
23 </#if>
24</#if>
25<section class="bg-white" id="${id}">
26 <!-- Desktop -->
27 <#if (pestana.getSiblings()?size > 1)>
28 <section class="d-none d-lg-block tab-panel">
29 <ul class="nav nav-tabs w-100 mwidth-1440 p-x-48 d-flex justify-content-center list-unstyled" id="lopesanTab" role="tablist">
30 <#if pestana.getSiblings()?has_content>
31 <#list pestana.getSiblings() as cur_pestana>
32 <#assign active = ""/>
33 <#assign border = "border-left-0"/>
34
35 <#if getterUtil.getBoolean(cur_pestana.checkPestanaAbierta.getData()) && !pestanaCheckeada>
36 <#assign pestanaCheckeada = true />
37 <#assign numPestana = cur_pestana?index />
38 </#if>
39
40 <#if cur_pestana?index==numPestana>
41 <#assign active = "active"/>
42 <#assign border = ""/>
43 </#if>
44 <li class="tab-panel_tab-item nav-item flex-grow-1 Mheight-72" role="presentation">
45 <button class="nav-link d-block w-100 p-y-24 Mheight-72 text-center text-uppercase ${border} ${active}" id="${cur_pestana.identificador.getData()}-tab" data-toggle="tab" data-target="#${cur_pestana.identificador.getData()}-panel" type="button" role="tab" aria-controls="${cur_pestana.identificador.getData()}-panel" aria-selected="true">
46 <h3 class="mb-0 all-inherit">${cur_pestana.titulo.getData()}</h3>
47 </button>
48 </li>
49 </#list>
50 </#if>
51 </ul>
52 <#else>
53 <section class="d-none d-lg-block tab-panel">
54 </#if>
55 <#assign style = ""/>
56 <#if pestana.getSiblings()?size == 1>
57 <#assign style = "border-top: 0;"/>
58 </#if>
59 <div class="tab-content tab-panel_content p-yb-40" id="lopesanTabContent" style="${style}">
60 <#if pestana.getSiblings()?has_content>
61 <#list pestana.getSiblings() as cur_pestana>
62 <#assign active = ""/>
63 <#if cur_pestana?index==numPestana || pestana.getSiblings()?size == 1>
64 <#assign active = "show active"/>
65 </#if>
66 <div class= "tab-pane fade ${active}" id="${cur_pestana.identificador.getData()}-panel" role="tabpanel" aria-labelledby=${cur_pestana.identificador.getData()}"-tab">
67 <#assign gotoUrl = "#"/>
68 <#if cur_pestana.enlaces??>
69 <#assign gotoUrl=getURLEnlace(cur_pestana.enlaces)>
70 </#if>
71 <#if cur_pestana.descripcion.getData()?has_content>
72 <header class="mwidth-1440 p-x-48">
73 <section class="d-flex gap-60 m-yb-40">
74 <section class="p-0 desplegable">
75 <section class="mb-0 texto light-15">${cur_pestana.descripcion.getData()}</section>
76 <button class="btn-leer-mas px-0">${languageUtil.get(themeDisplay.getLocale(), 'read-more')}</button>
77 </section>
78 <section class="mwidth-fit p-0 text-right">
79 <#if cur_pestana.textoboton.getData()?has_content>
80 <button onclick="window.location.href=${gotoUrl}" class="btn-azul text-uppercase m-yt--6">${cur_pestana.textoboton.getData()}</button>
81 </#if>
82 </section>
83 </section>
84 </header>
85 </#if>
86 <ul class="d-flex sliderHorizontal swiper mb-0">
87 <#if pestana.tarjetas.getSiblings()?has_content>
88 <div class="swiper-wrapper">
89 <#list cur_pestana.tarjetas.getSiblings() as cur_pestana_tarjetas>
90 <article class="lopesan-card swiper-slide">
91 <@adaptive_media_image["img"] class="lopesan-card_img" fileVersion=dlAppService.getFileEntry(cur_pestana_tarjetas.imagentarjeta.getAttribute("fileEntryId")?number).getFileVersion() alt="${cur_pestana_tarjetas.imagentarjeta.getAttribute('alt')}" loading="lazy" />
92 <main class="p-20 lopesan-card_main">
93 <h4 class="tituloH4 text-uppercase fuente-titulos m-yb-5 lopesan-card_main_title color-texto-negro">${cur_pestana_tarjetas.titulotarjeta.getData()}</h4>
94 <#assign gotoUrlTarjeta='#'>
95 <#if cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta??>
96 <#if cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta?? && cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta.getData()?has_content>
97 <#assign gotoUrlTarjeta= cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta.getData() />
98 <#elseif cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_contenidoweb?? && cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_contenidoweb.getData()?has_content>
99 <#assign gotoUrlTarjeta=getURLContent(cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_contenidoweb.getData())>
100 <#elseif cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina?? && cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina.getData()?has_content && cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina.getFriendlyUrl()?has_content>
101 <#assign gotoUrlTarjeta=cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina.getFriendlyUrl()>
102 </#if>
103 </#if>
104 <p class="light-15 mb-0 lopesan-card_main_text color-texto-2">${cur_pestana_tarjetas.descripciontarjeta.getData()} <#if gotoUrlTarjeta!="#"><span><a style="text-decoration:underline; cursor:pointer" data-senna-off="true" href="javascript:void(0)">${languageUtil.get(themeDisplay.getLocale(), 'seguir-leyendo')}</a></span></#if></p>
105 </main>
106 </article>
107 </#list>
108 </div>
109 <section class="btn-prev-container position-absolute d-none d-lg-flex align-items-center" style="height: 480px;">
110 <button class="btn-prev p-0">
111 <svg xmlns="http://www.w3.org/2000/svg" width="71" height="71" viewBox="0 0 71 71" fill="none">
112 <rect width="71" height="71" transform="matrix(-1 0 0 1 71 0)" fill="white" fill-opacity="0.7"></rect>
113 <path d="M40.6069 47.4817L28.4529 35.4583" stroke="black" stroke-width="0.5"></path>
114 <line y1="-0.25" x2="17.7255" y2="-0.25" transform="matrix(-0.707107 0.707107 0.707107 0.707107 40.9211 23.0098)" stroke="black" stroke-width="0.5"></line>
115 </svg>
116 </button>
117 </section>
118 <section class="btn-next-container position-absolute d-none d-lg-flex align-items-center" style="height: 480px;">
119 <button class="btn-next p-0">
120 <svg xmlns="http://www.w3.org/2000/svg" width="71" height="71" viewBox="0 0 71 71" fill="none">
121 <rect width="71" height="71" fill="white" fill-opacity="0.7"></rect>
122 <path d="M30.3931 47.4817L42.5471 35.4583" stroke="black" stroke-width="0.5"></path>
123 <line x1="30.2557" y1="22.833" x2="42.7895" y2="35.3668" stroke="black" stroke-width="0.5"></line>
124 </svg>
125 </button>
126 </section>
127 </#if>
128 </ul>
129 </div>
130 </#list>
131 </#if>
132 </div>
133 </section>
134 <section class="d-block d-lg-none pestañas-desplegables">
135 <ul class="list-unstyled mb-0">
136 <!-- mobile -->
137 <#if pestana.getSiblings()?has_content>
138 <#list pestana.getSiblings() as cur_pestana>
139 <li class="pestañas-desplegables_item ${(cur_pestana?index==numPestana || pestana.getSiblings()?size == 1)?then('open','')} ${(pestana.getSiblings()?size == 1)?then('border-0','')}" title="${cur_pestana.identificador.getData()}">
140 <#if cur_pestana.titulo.getData()?has_content>
141 <a class="p-y-16 p-x-10 text-uppercase tituloH4 pestañas-desplegables_item_button" title="${cur_pestana.identificador.getData()}">
142 <h3 class="mb-0 all-inherit">${cur_pestana.titulo.getData()}</h3>
143 <div class="container-icono-desplegar">
144 <div class="vertical"></div>
145 <div class="horizontal"></div>
146 </div>
147 </a>
148 </#if>
149 <section class="${(pestana.getSiblings()?size == 1)?then('border-0','')} p-yb-10 pestañas-desplegables_item_content ${(cur_pestana?index==numPestana || pestana.getSiblings()?size == 1)?then('','d-none')}" title="${cur_pestana.identificador.getData()}">
150 <#if cur_pestana.descripcion.getData()?has_content>
151 <section class="p-x-10 p-y-25 d-flex gap-60">
152 <section class="p-0 desplegable">
153 <section class="mb-0 texto light-15">${cur_pestana.descripcion.getData()}</section>
154 <button class="btn-leer-mas px-0">${languageUtil.get(themeDisplay.getLocale(), 'read-more')}</button>
155 </section>
156 <button class="btn-azul text-uppercase text-center d-none d-md-block m-yt--6">${languageUtil.get(themeDisplay.getLocale(), 'saber-mas')}</button>
157
158
159 </section>
160 </#if>
161 <ul class="list-unstyled d-flex sliderHorizontal swiper p-x-10 p-y-10-30 ${(pestana.getSiblings()?size == 1)?then('mb-0','')}">
162 <#if pestana.tarjetas.getSiblings()?has_content>
163 <div class="swiper-wrapper">
164 <#list cur_pestana.tarjetas.getSiblings() as cur_pestana_tarjetas>
165 <article class="lopesan-card-mobile swiper-slide">
166 <@adaptive_media_image["img"] class="lopesan-card-mobile_img" fileVersion=dlAppService.getFileEntry(cur_pestana_tarjetas.imagentarjeta.getAttribute("fileEntryId")?number).getFileVersion() alt="${cur_pestana_tarjetas.imagentarjeta.getAttribute('alt')}" loading="lazy" />
167 <main class="p-y-15 p-x-10 lopesan-card-mobile_main">
168 <h4 class="tituloH4 text-uppercase fuente-titulos m-yb-10 lopesan-card_main_title color-texto-negro">${cur_pestana_tarjetas.titulotarjeta.getData()}</h4>
169 <#assign gotoUrlTarjeta='#'>
170 <#if cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta??>
171 <#if cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta?? && cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta.getData()?has_content>
172 <#assign gotoUrlTarjeta= cur_pestana_tarjetas.enlaces_tarjetas.enlace_tarjeta.getData() />
173 <#elseif cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_contenidoweb?? && cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_contenidoweb.getData()?has_content>
174 <#assign gotoUrlTarjeta=getURLContent(cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_contenidoweb.getData())>
175 <#elseif cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina?? && cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina.getData()?has_content && cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina.getFriendlyUrl()?has_content>
176 <#assign gotoUrlTarjeta=cur_pestana_tarjetas.enlaces_tarjetas.tarjeta_pagina.getFriendlyUrl()>
177 </#if>
178 </#if>
179 <p class="light-15 mb-0 lopesan-card_main_text color-texto-2">${cur_pestana_tarjetas.descripciontarjeta.getData()} <#if gotoUrlTarjeta!="#"><span><a style="text-decoration:underline; cursor:pointer" data-senna-off="true" href=javascript:void(0)>${languageUtil.get(themeDisplay.getLocale(), 'seguir-leyendo')}</a></span></#if></p>
180 </main>
181 </article>
182 </#list>
183 </div>
184 <section class="btn-prev-container position-absolute d-flex align-items-center" style="height: 350px;">
185 <button class="btn-prev p-0">
186 <svg xmlns="http://www.w3.org/2000/svg" width="71" height="71" viewBox="0 0 71 71" fill="none">
187 <rect width="71" height="71" transform="matrix(-1 0 0 1 71 0)" fill="white" fill-opacity="0.7" />
188 <path d="M40.6069 47.4817L28.4529 35.4583" stroke="black" stroke-width="0.5" />
189 <line y1="-0.25" x2="17.7255" y2="-0.25"
190 transform="matrix(-0.707107 0.707107 0.707107 0.707107 40.9211 23.0098)" stroke="black"
191 stroke-width="0.5" />
192 </svg>
193 </button>
194 </section>
195 <section class="btn-next-container position-absolute d-flex align-items-center" style="height: 350px;">
196 <button class="btn-next p-0">
197 <svg xmlns="http://www.w3.org/2000/svg" width="71" height="71" viewBox="0 0 71 71" fill="none">
198 <rect width="71" height="71" fill="white" fill-opacity="0.7" />
199 <path d="M30.3931 47.4817L42.5471 35.4583" stroke="black" stroke-width="0.5" />
200 <line x1="30.2557" y1="22.833" x2="42.7895" y2="35.3668" stroke="black" stroke-width="0.5" />
201 </svg>
202 </button>
203 </section>
204 </#if>
205 </ul>
206 <section class="p-x-10">
207 <#if cur_pestana.textoboton.getData()?has_content>
208 <button class="btn-azul text-uppercase text-center d-block d-md-none w-100 m-yt-10" style="line-height: 20px;">${languageUtil.get(themeDisplay.getLocale(), 'saber-mas')}</button>
209 </#if>
210 </section>
211 </section>
212 </li>
213 </#list>
214 </#if>
215 </ul>
216 </section>
217 </section>
218 </section>