Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 

LA FUERZA DE UN CAMIÓN EN UNA CAMIONETA

Canter 413 Euro V es la camioneta ideal para el reparto urbano. Su agilidad y versatilidad lo hacen un actor preferente también para operaciones más complejas, donde el equipamiento sobre el chasis juega un rol importante a la hora de entrar en operación de faenas menores.

CANTER 413

CANTER 413 EURO V
  • Lo que no esperas de una camioneta, ahora con el nuevo Canter 413 es posible.
  • Fácil mantenimiento gracias a su cabina abatible.
  • Capacidad en cabina para tres pasajeros incluido el conductor.
  • Concepto ergonométrico que brinda un mayor espacio para los ocupantes.
  • Freno de motor a los gases de escape (Único en su segmento).
  • El mayor estándar de seguridad con doble Airbag conductor y pasajero de serie.
  • Permite conducción con Licencia Clase B.
  • Frenos de disco en las 4 ruedas (ABS + EBD)

VERSIÓN ESTÁNDAR

VERSIÓN FULL

CARACTERISTICAS

P.B.V.

3.500 KG

Potencia / Torque

130CV / 300Nm

Transmisión

Manual 5+R / Automatizada DUONIC 6+R

Distancia entre Ejes

2.500mm

Largo Carrozable

3.300mm

Volumen de Carrocería

10M3

Capacidad de carga

1.635kg

LA FUERZA DE UN CAMIÓN EN UNA CAMIONETA

EL MOTOR DE SU ÉXITO

El motor del nuevo Canter entrega un torque elevado con una respuesta ágil. Su turbo compresor (VGT) asegura una respuesta ideal del motor, incluso a un régimen reducido de RPM y un nivel elevado y constante de par motor a bajas revoluciones.
El freno de motor de serie ayuda a reducir el desgaste del sistema de frenado. A su vez, la función opcional de parada y arranque automático disponible con caja de cambios manual permite la reducción de consumo de combustible aumentando la rentabilidad del vehículo.

CABINA

Concepto ergonométrico en el interior de la cabina que incluye una palanca de cambio tipo joystick al tablero y certificación ECE R29 de la UE.
El Canter cuenta con tres modelos de cabina robusta con una estructura de refuerzo debajo de esta, la cual aumenta enormemente la rigidez y la protección contra impactos frontales.

SEGURIDAD

Canter ofrece la máxima seguridad y el mejor confort. El modelo Canter 413 cuenta con una suspensión independiente en el eje delantero que aumenta la estabilidad direccional y mejora la precisión de la dirección. A su vez, el mayor dinamismo y el excelente confort de la suspensión son compatibles con una elevada carga útil.
Dentro del equipamiento, el Canter 413 cuenta con frenos de disco en las 4 ruedas con sistema ABS + EBD (sistema de distribución electrónica de fuerza de frenado).

CHASIS

Sea cual sea su aplicación la nueva variante de chasis para Euro V cuenta con un chasis optimizado para aumentar la carga útil. La versatilidad de este permite una mejor integración entre los diferentes equipos disponibles en el mercado.
Todas las variantes de chasis permiten aumentar o disminuir la distancia entre ejes con la finalidad de adaptarse a los distintos requerimientos.

CARROCERIAS

La versatilidad es parte del ADN de Canter, es por ello que contamos con diferentes tipos de carrocerías o equipamientos que cumplen con las exigencias de la industria.

El motor del nuevo Canter entrega un torque elevado con una respuesta ágil. Su turbo compresor (VGT) asegura una respuesta ideal del motor, incluso a un régimen reducido de RPM y un nivel elevado y constante de par motor a bajas revoluciones.
El freno de motor de serie ayuda a reducir el desgaste del sistema de frenado. A su vez, la función opcional de parada y arranque automático disponible con caja de cambios manual permite la reducción de consumo de combustible aumentando la rentabilidad del vehículo.

Concepto ergonométrico en el interior de la cabina que incluye una palanca de cambio tipo joystick al tablero y certificación ECE R29 de la UE.
El Canter cuenta con tres modelos de cabina robusta con una estructura de refuerzo debajo de esta, la cual aumenta enormemente la rigidez y la protección contra impactos frontales.

Canter ofrece la máxima seguridad y el mejor confort. El modelo Canter 413 cuenta con una suspensión independiente en el eje delantero que aumenta la estabilidad direccional y mejora la precisión de la dirección. A su vez, el mayor dinamismo y el excelente confort de la suspensión son compatibles con una elevada carga útil.
Dentro del equipamiento, el Canter 413 cuenta con frenos de disco en las 4 ruedas con sistema ABS + EBD (sistema de distribución electrónica de fuerza de frenado).

Sea cual sea su aplicación la nueva variante de chasis para Euro V cuenta con un chasis optimizado para aumentar la carga útil. La versatilidad de este permite una mejor integración entre los diferentes equipos disponibles en el mercado.
Todas las variantes de chasis permiten aumentar o disminuir la distancia entre ejes con la finalidad de adaptarse a los distintos requerimientos.

La versatilidad es parte del ADN de Canter, es por ello que contamos con diferentes tipos de carrocerías o equipamientos que cumplen con las exigencias de la industria.

Recomiendo FUSO

Joaben Ingeniería recomienda FUSO

Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina

Ricardo Jara recomienda FUSO

Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.

Transporte la Frontera recomienda FUSO

Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.

Camioneta Canter 413 Celeste, transitando por edificios
Camión Fuso 413 Blanco, mostrando la parte frontal del camión estacionado en un barrio chino mientras un operador carga bandejas de bebestibles
Camioneta Canter 413 Blanca, estacionada por delante de un jardín japonés
Camioneta Canter 413 Blanca, recorriendo las calles de una ciudad por la noche

Cotiza tu modelo

CARGA Y VERSATILIDAD

Canter 815 Euro V, el compañero perfecto para las diferentes exigencias en distribución media o larga distancia con una capacidad de carga de 5,0 toneladas.
El modelo permite contar con dos principales variantes de equipamiento, carrocería plana o furgón de 26M3 (5,5Mts) o 30M3 (6,3Mts) con una misma distancia entre ejes, lo que cubre ambas variantes de segmentos sin necesidad de modificar su distancia entre ejes en relación a sus competidores directos.

CANTER 815

  • Canter 815 Euro V, media o larga distancia con la mayor versatilidad.
  • Capacidad en cabina para tres pasajeros incluido el conductor.
  • Concepto ergonométrico que brinda un mayor espacio para los ocupantes.
  • Frenos de disco en las 4 ruedas con doble caliper (ABS + EBD)
  • Freno de motor a los gases de escape.
  • El mayor estándar de seguridad con doble Airbag conductor y pasajero (Opcional)
  • Intervalo de mantenimiento cada 20.000km.

VERSIÓN ESTÁNDAR

VERSIÓN FULL

CARACTERISTICAS

P.B.V.

7.500 KG

Potencia / Torque

150CV / 370Nm

Transmisión

Manual 5+R / Automatizada DUONIC 6+R

Distancia entre Ejes

4.300mm

Largo Carrozable

5.500mm - 6.300mm (Máximo)

Volumen de Carrocería

26M3 - 30M3 (Máximo)

Capacidad de carga

5.000kg

CARGA Y VERSATILIDAD

EL MOTOR DE SU ÉXITO

El motor del nuevo Canter entrega un torque elevado con una respuesta ágil, su turbo compresor (VGT) asegura una respuesta ideal del motor, incluso a un régimen reducido de rpm, y un nivel elevado y constante de par motor a bajas revoluciones. El freno de motor de serie ayuda a reducir el desgaste del sistema de frenado. La función opcional de parada y arranque automático disponible con caja de cambios manual permite la reducción de consumo de combustible aumentando la rentabilidad de su Canter.

CABINA

Concepto ergonométrico en interior de la cabina con palanca de cambio tipo joystick al tablero, certificación ECE R29 de la Unión europea. El Canter cuenta con tres modelos de cabina robusta con una estructura de refuerzo debajo de la cabina, que aumenta enormemente la rigidez de la cabina y la protección contra impactos frontales.

SEGURIDAD

Canter ofrece la máxima seguridad y el mejor confort. Modelo Canter 815 cuenta con suspensión de ballestas en eje delantero y trasero que permite una mayor capacidad de carga. Dentro del equipamiento Canter cuenta con frenos de disco en las 4 ruedas, doble caliper, con sistema ABS + EBD (sistema de distribución electrónica de fuerza de frenado).

CHASIS

Sea cual sea su aplicación la nueva variante de chasis para Euro V cuenta con un chasis optimizado para aumentar la carga útil, la versatilidad del chasis permite la mejor integración entre los diferentes equipos disponibles en el mercado. Todas las variantes de chasis permiten aumentar o disminuir la distancia entre ejes con la finalidad de adaptarse a los distintos requerimientos.

CARROCERIAS

La versatilidad es parte del ADN de Canter por lo que contamos con los diferentes tipos de carrocerías o equipamientos que exige la industria.

El motor del nuevo Canter entrega un torque elevado con una respuesta ágil, su turbo compresor (VGT) asegura una respuesta ideal del motor, incluso a un régimen reducido de rpm, y un nivel elevado y constante de par motor a bajas revoluciones. El freno de motor de serie ayuda a reducir el desgaste del sistema de frenado. La función opcional de parada y arranque automático disponible con caja de cambios manual permite la reducción de consumo de combustible aumentando la rentabilidad de su Canter.

Concepto ergonométrico en interior de la cabina con palanca de cambio tipo joystick al tablero, certificación ECE R29 de la Unión europea. El Canter cuenta con tres modelos de cabina robusta con una estructura de refuerzo debajo de la cabina, que aumenta enormemente la rigidez de la cabina y la protección contra impactos frontales.

Canter ofrece la máxima seguridad y el mejor confort. Modelo Canter 815 cuenta con suspensión de ballestas en eje delantero y trasero que permite una mayor capacidad de carga. Dentro del equipamiento Canter cuenta con frenos de disco en las 4 ruedas, doble caliper, con sistema ABS + EBD (sistema de distribución electrónica de fuerza de frenado).

Sea cual sea su aplicación la nueva variante de chasis para Euro V cuenta con un chasis optimizado para aumentar la carga útil, la versatilidad del chasis permite la mejor integración entre los diferentes equipos disponibles en el mercado. Todas las variantes de chasis permiten aumentar o disminuir la distancia entre ejes con la finalidad de adaptarse a los distintos requerimientos.

La versatilidad es parte del ADN de Canter por lo que contamos con los diferentes tipos de carrocerías o equipamientos que exige la industria.

Recomiendo FUSO

Joaben Ingeniería recomienda FUSO

Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina

Ricardo Jara recomienda FUSO

Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.

Transporte la Frontera recomienda FUSO

Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.

Camion Canter 815, detenido en una plaza central, donde trabajadores descargan cajas de productos
Camion Canter 815, recorriendo calles en la ciudad
Camion Canter 815, recorriendo calles en la ciudad
Camion Canter 815, recorriendo calles en la ciudad de noche

Cotiza tu modelo

Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div> 
226			</div> 
227		</div> 
228	</section> 
229	</#list> 
230</#if> 
231	<section class="model-page-video" style="padding:40px 0"> 
232		<div class="rcd-fuso-content"> 
233			<div class="caption-video"> 
234				<h3 class="rcd-fuso-title-caption" style="color:#333">${TituloFicha.getData()}</h3> 
235				<!--p class="rcd-fuso">${TituloSeccion.TextoSección.getData()} 
236				</p--> 
237			</div> 
238            <video  controls  poster=""> 
239			    <source src="${TituloSeccion.VideoSeccion.getData()}#t=0.4" type="video/mp4"> 
240                Your browser does not support the video tag. 
241            </video> 
242		</div> 
243	</section> 
244	 
245	<section class="model-tab-container"> 
246		<div class="rcd-fuso-content"> 
247		    <div class="accordeon-models"> 
248		    <#if TituloTab.getSiblings()?has_content> 
249                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
250		        <div class="accordeon-item"> 
251		            <div class="accordeon-head"> 
252		                <h3>${cur_TituloTab.getData()}</h3> 
253		            </div> 
254		            <div class="accordeon-cont"> 
255		            <p>${cur_TituloTab.ContenidoTab.getData()}<p> 
256		            </div> 
257		        </div> 
258		        </#list> 
259                        </#if> 
260		    </div> 
261			<div class="block-tabs"> 
262				<div class="tabs-header"> 
263					<ul> 
264					    <#if TituloTab.getSiblings()?has_content> 
265                        	<#list TituloTab.getSiblings() as cur_TituloTab> 
266                        	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
267                        		<li><h3><a href="javascript:void(0)" data-target="${Data_title?replace(' ', '')}">${cur_TituloTab.getData()}</a></h3></li> 
268                        	</#list> 
269                        </#if> 
270					</ul> 
271				</div> 
272				<div class="content-tabs-container">  
273        			<#if TituloTab.getSiblings()?has_content> 
274                    	<#list TituloTab.getSiblings() as cur_TituloTab> 
275                    	<#assign Data_title = getterUtil.getString(cur_TituloTab.getData())> 
276                    		<div class="block-7-content-tab-card" id="${Data_title?replace(' ', '')}" > 
277                    		<h2>${cur_TituloTab.ContenidoTab.getData()}<h2> 
278                    		 
279                    		<#if TituloTab.ContenidoTab.TextoBotón.getSiblings()?has_content> 
280                            	<#list TituloTab.ContenidoTab.TextoBotón.getSiblings() as cur_TituloTab_ContenidoTab_TextoBotón> 
281                            		<#if cur_TituloTab.ContenidoTab.TextoBotón.getData() != ''> 
282                                		<a class="btn-go" href="${cur_TituloTab.ContenidoTab.TextoBotón.LinkBoton.getFriendlyUrl()}"> 
283                                		    ${cur_TituloTab.ContenidoTab.TextoBotón.getData()} 
284                                		</a>  
285                            		</#if> 
286                            	</#list> 
287                            </#if> 
288                    		 
289                    		</div> 
290                    	</#list> 
291                    </#if> 
292				</div> 
293			</div> 
294			<div class="model-technic-galery"> 
295				<div class="owl-carousel owl-theme" id="carrusel-model-tech"> 
296				<#if ImagenDetalle.getSiblings()?has_content> 
297                	<#list ImagenDetalle.getSiblings() as cur_ImagenDetalle> 
298                		<#if cur_ImagenDetalle.getData()?? && cur_ImagenDetalle.getData() != ""> 
299                			<div><img alt="${cur_ImagenDetalle.getAttribute("alt")}" data-fileentryid="${cur_ImagenDetalle.getAttribute("fileEntryId")}" src="${cur_ImagenDetalle.getData()}" /></div> 
300                		</#if> 
301                	</#list> 
302                </#if> 
303				</div> 
304 
305			</div> 
306		</div> 
307	</section> 
308	<section class="rcd-fuso-white-section rcd-fuso-two-columns video-galery"> 
309	    <div class="rcd-fuso-content"> 
310        <h2 class="rcd-fuso-title-caption">Recomiendo FUSO</h2> 
311        </div> 
312		<div class="rcd-fuso-content"> 
313		 
314		<!--JOABEN--> 
315		            <div class="rcd-fuso-block-9-card"> 
316                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/CLE8G1IsKVw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
317        				<h3 class="title">Joaben Ingeniería recomienda FUSO</h3> 
318        				<p class="rcd-fuso">Joaquín Martínez de Joaben Ingeniería, empresa dedicada al movimiento de equipo en la gran minería, nos cuenta su experiencia con nuestro Fuso Canter 715 doble cabina</p> 
319        			</div> 
320        <!--LIPIGAS--> 
321        			<div class="rcd-fuso-block-9-card"> 
322                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/7gXP4w3mr7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
323        				<h3 class="title">Ricardo Jara recomienda FUSO</h3> 
324        				<p class="rcd-fuso">Ricardo Jara Diaz de Lipigas nos cuenta su experiencia con los camiones Fuso Canter 413 en el transporte a domicilio de gas licuado.</p> 
325        			</div> 
326        <!--FRONTERA--> 
327        			<div class="rcd-fuso-block-9-card"> 
328                    	<iframe width="100%" height="315" src="https://www.youtube.com/embed/kn1w76zYSsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
329        				<h3 class="title">Transporte la Frontera recomienda FUSO</h3> 
330        				<p class="rcd-fuso">Javier Escobar de Transporte la Frontera, empresa dedicada al transporte de carga por carretera y despacho de última milla, nos cuenta su experiencia con camiones Fuso Canter 815.</p> 
331        			</div> 
332		 <!--   <#if Video.getSiblings()?has_content> 
333            	<#list Video.getSiblings() as cur_Video> 
334            		<div class="rcd-fuso-block-9-card"> 
335                    	<video  controls > 
336            			    <source src="${cur_Video.VideoVehiculo.getData()}#t=0.4" type="video/mp4"> 
337                            Your browser does not support the video tag. 
338                        </video> 
339        				<h1 class="title">${cur_Video.getData()}</h1> 
340        				<p class="rcd-fuso">${cur_Video.DescripcionVideo.getData()} 
341        				</p> 
342        			</div> 
343            	</#list> 
344            	 
345            </#if>--> 
346		</div> 
347	</section> 
348	 
349	 
350	<section class="grilla-main"> 
351		<div class="grilla"> 
352		<#if ImagenGaleria.getSiblings()?has_content> 
353	<#list ImagenGaleria.getSiblings() as cur_ImagenGaleria> 
354		<#if cur_ImagenGaleria.getData()?? && cur_ImagenGaleria.getData() != ""> 
355			<div class="rcd-fuso" data-target="${cur_ImagenGaleria.getData()}"> 
356                <img alt="${cur_ImagenGaleria.getAttribute("alt")}" src="${cur_ImagenGaleria.getData()}" /> 
357                <div> 
358                    <span class="cirleBtn"> 
359                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 136 136.21852" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g> 
360<g xmlns="http://www.w3.org/2000/svg" id="surface1"> 
361<path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style="" fill="#ffffff" data-original="#000000" class=""/> 
362</g> 
363</g></svg> 
364                        </svg> 
365                    </span> 
366                </div> 
367            </div> 
368		</#if> 
369	</#list> 
370</#if> 
371             
372             
373             
374        </div> 
375        <div class="modal-img" id="modal-img-1"> 
376            <a id="modal-img-close-1" class="modal-img-div" href="javascript:void(0)">X</a> 
377            <img class="rcd-fuso" src="" alt=""> 
378        </div> 
379</section> 
380 
381 
382<div class="rcd-fuso-white-section" id="cotizador-modelos"> 
383<div class="rcd-fuso-content"> 
384<div id="spinner-hold" class="spinner-content"> 
385<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 
386</div> 
387<div class="top-form"> 
388<h2 class="rcd-fuso-title-caption">Cotiza tu modelo</h2> 
389</div> 
390 
391<div class="grilla-form-cotizador"> 
392<div class="form-group"><label>Modelo</label> <input disabled="disabled" id="modelo-input" name="modelo-input" type="text" value="${Titulo.getData()}" /></div> 
393 
394<div class="form-group"><label>Nombre</label> <input id="nombre-input" name="nombre-input" type="text" value="" maxlength="100"  /> 
395<div class="message message_nombre-input" style="display:none"> 
396<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
397</div> 
398</div> 
399 
400<div class="form-group"><label>Apellido</label> <input id="apellido-input" name="apellido-input" type="text" value="" maxlength="100"/> 
401<div class="message message_apellido-input" style="display:none"> 
402<p><i class="fas fa-exclamation-circle"></i><strong>Campo Obligatorio,</strong> por favor completa los datos.</p> 
403</div> 
404</div> 
405 
406<div class="form-group"><label>Rut</label> <input id="rut-input" name="rut-input" placeholder="11111111-1" type="text" value="" maxlength="12" /> 
407<div class="message message_rut-input" style="display:none"> 
408<p><i class="fas fa-exclamation-circle"></i><strong>Rut inválido,</strong> favor ingresar nuevamente.</p> 
409</div> 
410</div> 
411 
412<div class="form-group"><label>Email</label> <input id="email-input" name="email-input" placeholder="nombre@mail.com" type="text" value="" maxlength="100" /> 
413<div class="message message_email-input" style="display:none"> 
414<p><i class="fas fa-exclamation-circle"></i><strong>Correo inválido,</strong> por favor ingresa un formato correcto.</p> 
415</div> 
416</div> 
417 
418<div class="form-group"><label>Celular</label> <input id="celular-input" name="celular-input" type="text" value="" maxlength="9" /> 
419<div class="message message_celular-input" style="display:none"> 
420<p><i class="fas fa-exclamation-circle"></i><strong>Teléfono inválido,</strong> por favor ingresa un formato correcto.</p> 
421</div> 
422</div> 
423 
424<div class="form-group"><label>Sucursal</label> <select id="sucursal-input" name="sucursal-input"><option value="0">Selecciona Sucursal</option></select> 
425 
426<div class="message message_sucursal-input" style="display:none"> 
427<p><i class="fas fa-exclamation-circle"></i>Debes seleccionar una opción para continuar.</p> 
428</div> 
429 
430</div> 
431 
432 
433</div> 
434 
435<div class="submit-form"><a class="rcd-fuso-btn-red" href="/gracias" id="submit-cotizar">Enviar</a></div> 
436</div> 
437</div> 
438 
439 
440<style type="text/css"> 
441div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas, div[data-analytics-asset-title="Fuso Rosa | Buses"]  h2.titulo-caract, div[data-analytics-asset-title="Fuso Rosa | Buses"] .table-caracteristicas { 
442    display: none; 
443
444#cotizador-modelos .rcd-fuso-title-caption{ 
445        text-transform:uppercase; 
446        color:#000; 
447
448    #cotizador-modelos .grilla-form-cotizador{ 
449        display: grid; 
450        grid-template-columns:auto auto auto; 
451        gap:20px 40px; 
452        padding:40px 0; 
453
454    #cotizador-modelos .form-group > * { 
455        display: block; 
456        width: 100%; 
457
458    #cotizador-modelos input, #cotizador-modelos select{ 
459        padding:10px 20px; 
460
461     #cotizador-modelos .submit-form{ 
462        text-align:right; 
463
464     
465    .rcd-fuso { 
466        text-transform: uppercase; 
467
468     
469    .block-8-datos-img h2{ 
470        text-transform: uppercase; 
471
472     
473    @media (max-width:768px){ 
474        #cotizador-modelos .grilla-form-cotizador { 
475            grid-template-columns: 100%; 
476            gap: 20px; 
477
478        .submit-form a{ 
479            width:100%; 
480
481
482</style> 
483 
484 
485 
486 
487<script> 
488$(document).ready(function(){ 
489$('div[data-analytics-asset-title="FUSO 1828 | Camiones"]  h2#titulo-opcionales').html('Opcionales Versión Full'); 
490$('div[data-analytics-asset-title="FUSO 1828 4x2 | Camiones"] .table-caracteristicas .div-incluidos').remove(); 
491$('div[data-analytics-asset-title="FUSO 1828 | Camiones"] .div-incluidos h2.titulo-caract').html('Versión Full'); 
492 
493            var labelmodelo = $("#modelo-input").val(); 
494            labelmodelo = labelmodelo.replace("CANTER", "Canter"); 
495            labelmodelo = labelmodelo.replace("Fuso", "FUSO"); 
496            $("#modelo-input").val(labelmodelo); 
497if(mapaModelos.length > 1){ 
498    const contenedor = $("#modelo-input").parent(); 
499    $("#modelo-input").remove(); 
500    contenedor.html("<label>Modelo</label><select id='modelo-input' name='modelo-input'></select>");	 
501	$('#modelo-input').html($('<option>').attr('value', '0').html('Selecciona Modelo')); 
502	$.each(mapaModelos, function(i, item) { 
503		$('#modelo-input').append($('<option>').attr('value', item.nombre).html(item.nombre)); 
504	}); 
505} else { 
506	for (var i = 0; i < mapaModelos.length; i++){ 
507		cod01srv = mapaModelos[i].cod01srv; 
508		cod02srv = mapaModelos[i].cod02srv; 
509		urlAcceso = mapaModelos[i].urlAcceso; 
510        posicion = mapaModelos[i].posicion; 
511
512
513    $("#btn_cotizar").click(function(e){ 
514        e.preventDefault(); 
515        $('html, body').animate({ 
516         scrollTop: $("#cotizador-modelos").offset().top 
517          - 80}, 2000); 
518    }) 
519}) 
520</script> 
521 
522 
523<script type="text/javascript"> 
524$(document).ready(function(){ 
525	 
526 
527	$.ajax({ 
528		dataType: 'json', 
529		method:'GET', 
530		url: '/o/fuso.cotizador.srv/sucursales', 
531		success: function(datos){ 
532			console.log(datos);			 
533 
534            var sucursalesID = $('#sucursal-input'); 
535             
536            sucursalesID.append($('<optgroup>').attr('id', 'ZonaMetropolitana').attr('label', 'Zona Metropolitana')); 
537            sucursalesID.append($('<optgroup>').attr('id', 'ZonaNorte').attr('label', 'Zona Norte')); 
538            sucursalesID.append($('<optgroup>').attr('id', 'ZonaCentro').attr('label', 'Zona Centro')); 
539            sucursalesID.append($('<optgroup>').attr('id', 'ZonaSur').attr('label', 'Zona Sur')); 
540 
541 
542			$.each(datos.sucursales, function(i, item) {	 
543                     
544                if (item.zona == 'Zona Metropolitana') { 
545                    $('#ZonaMetropolitana').append($('<option>').attr('value', item.id).html(item.nombre)); 
546                } else if (item.zona == 'Zona Norte') { 
547                    $('#ZonaNorte').append($('<option>').attr('value', item.id).html(item.nombre)); 
548                } else if (item.zona == 'Zona Centro') { 
549                    $('#ZonaCentro').append($('<option>').attr('value', item.id).html(item.nombre)); 
550                } else if (item.zona == 'Zona Sur') { 
551                    $('#ZonaSur').append($('<option>').attr('value', item.id).html(item.nombre)); 
552                } else { 
553                    sucursalesID.append($('<option>').attr('value', item.id).html(item.nombre)); 
554                }    
555			}); 
556
557	}); 
558	 
559	 
560	 
561	$('#submit-cotizar').click(function() { 
562        event.preventDefault(); 
563         
564		$('#submit-cotizar').attr('disabled', true); 
565		 
566		 
567		var continuar = true; 
568		 
569		if(mapaModelos.length > 1){ 
570			if ($('#modelo-input').val() == '0') { 
571				marcaError($('#modelo-input')); 
572				continuar = false; 
573			} else { 
574				for (var i = 0; i < mapaModelos.length; i++){ 
575					if (mapaModelos[i].nombre == $('#modelo-input').val()){ 
576						cod01srv = mapaModelos[i].cod01srv; 
577						cod02srv = mapaModelos[i].cod02srv; 
578						urlAcceso = mapaModelos[i].urlAcceso; 
579                        posicion = mapaModelos[i].posicion; 
580
581
582
583
584 
585        if ($.trim($('#nombre-input').val()) == '') { 
586            marcaError($('#nombre-input')); 
587            continuar = false; 
588
589		 
590		if ($.trim($('#apellido-input').val()) == '') { 
591            marcaError($('#apellido-input')); 
592            continuar = false; 
593
594		 
595		if (!verificaRut($('#rut-input')) || $.trim($('#rut-input').val()) == '') { 
596            marcaError($('#rut-input')); 
597            continuar = false; 
598
599		 
600		if (!isEmail($.trim($('#email-input').val()))) { 
601            marcaError($('#email-input'), true); 
602            continuar = false; 
603
604		 
605		if (!validarTelefono($.trim($('#celular-input').val()))) { 
606            marcaError($('#celular-input')); 
607            continuar = false; 
608
609		 
610		if ($('#sucursal-input').val() == '0') { 
611			marcaError($('#sucursal-input')); 
612			continuar = false; 
613
614		 
615		if (continuar) { 
616		    $("#spinner-hold").addClass("in"); 
617		    const form_modelo = $('#modelo-input').val(); 
618            const form_nombre = $('#nombre-input').val(); 
619            const form_apellido = $('#apellido-input').val(); 
620            const form_rut = $('#rut-input').val(); 
621            const form_email = $('#email-input').val(); 
622            const form_celular = $('#celular-input').val(); 
623            const form_sucursal = $('#sucursal-input').val(); 
624            const form_nombre_sucursal = $('#sucursal-input option:selected').text(); 
625            const codigo01 = cod01srv; 
626            const codigo02 = cod02srv; 
627            const url = $(location).attr('href'); 
628            const timestamp = $.now(); 
629 
630            const jsonGenerico = { 
631                nombre: form_nombre, 
632                apellido: form_apellido, 
633                rut: form_rut, 
634                email: form_email, 
635                celular: form_celular, 
636                modelo: form_modelo, 
637                sucursal: form_sucursal, 
638                sucursalNombre: form_nombre_sucursal, 
639                url: url, 
640                timestamp: timestamp 
641
642 
643            const nota = 'Modelo: ' + form_modelo + ' || Mail: ' + form_email + ' || Celular: ' + form_celular + ' || Sucursal: ' + form_nombre_sucursal; 
644     
645            let cotizador = ""; 
646 
647            if(form_modelo === 'FUSO 1828 4X2'){ 
648                cotizador = "fuso-cotizador_1828"; 
649            }else{ 
650                cotizador = "fuso-cotizador"; 
651
652 
653            console.log("cotizador: " + cotizador); 
654 
655 
656            const dataCotizador = { 
657                IvNombreCliente: form_nombre, 
658                IvApellidoCliente: form_apellido, 
659                IvNumClasFiscal: form_rut, 
660                IvEmail: form_email, 
661                IvTelefonoFijo: form_celular, 
662                IvTelefonoMovil: form_celular, 
663                IvCategorizacion: form_sucursal, 
664                IvNota: nota, 
665                IvUrl: url, 
666                IvTimestamp: timestamp, 
667                json: jsonGenerico, 
668                tipoCotizador: cotizador, 
669                IvSucursal: form_nombre_sucursal, 
670                IvModelo: form_modelo, 
671                ambiente: { 
672                    QA: codigo01, 
673                    PROD: codigo02 
674
675
676             
677            console.log(dataCotizador); 
678		     
679		     
680			$.ajax({ 
681				dataType: 'json', 
682				method:'POST', 
683				data: JSON.stringify(dataCotizador), 
684				contentType:'application/json; charset=utf-8', 
685				url: '/o/kaufmann.generico.cotizador.srv/enviar', 
686				success: function(datos){ 
687					console.log(datos); 
688					$("#spinner-hold").removeClass("in"); 
689					if(datos.codigo == 0){ 
690    					window.dataLayer = window.dataLayer || [] 
691    					dataLayer.push({ 
692    						'event': 'envio-cotizacion-fuso', 
693    						'transactionId': $('#modelo-input').val(), 
694    						'transactionAffiliation': 'Kaufmann', 
695    						'transactionTotal': 0, 
696    						'transactionProducts': [{ 
697    							'producto': form_modelo, 
698    							'IvCategorizacion':datos.categorizacion, 
699    							'local': form_nombre_sucursal, 
700    							'price': 0, 
701    							'quantity': 1, 
702    							'nombre':form_nombre, 
703    							'apellido': form_apellido, 
704    							'rut': form_rut, 
705    							'email': form_email, 
706    							'celular': form_celular, 
707    							'timestamp': timestamp 
708    						}] 
709    					}); 
710    					sessionStorage.setItem('Acceso', "acceso-pagina-fuso"); 
711    					setTimeout(function() { 
712                            location.href = '/web/fuso/gracias'; 
713                        }, 1000); 
714    					 
715    				} else { 
716    				    alert(datos.mensaje); 
717    				    $('#submit-cotizar').attr('disabled', false); 
718
719					 
720					 
721
722			}); 
723		} else { 
724			$('#submit-cotizar').attr('disabled', false); 
725
726		 
727	}); 
728	 
729	 
730	 
731	 
732	// Limpiar Errores 
733 
734    $('.form input').on('change keyup keypress', function() { 
735        quitarError($(this)); 
736    }); 
737 
738    $('.form select').change(function() { 
739        quitarError($(this)); 
740    }); 
741 
742    // Funciones Formato 
743 
744    $('#celular-input').on('change keyup keypress', function() { 
745        $(this).val(formateaTelefono($(this).val())); 
746    }); 
747	 
748	$('#rut-input').on('change keyup keypress', function() { 
749        $(this).val(formateaRut($(this).val())); 
750    }); 
751 
752    function validarTelefono(telefono) { 
753        var expresion = /^(\+?56)?(\s?)(0?9)(\s?)[9876543]\d{7}$/; 
754        return expresion.test(telefono); 
755
756 
757    function formateaRut(rut) { 
758 
759        var actual = rut.replace(/^0+/, ""); 
760        if (actual != '' && actual.length > 1) { 
761            var sinPuntos = actual.replace(/\./g, ""); 
762            var actualLimpio = sinPuntos.replace(/-/g, ""); 
763            var inicio = actualLimpio.substring(0, actualLimpio.length - 1); 
764            var rutPuntos = ""; 
765            var i = 0; 
766            var j = 1; 
767            for (i = inicio.length - 1; i >= 0; i--) { 
768                var letra = inicio.charAt(i); 
769                rutPuntos = letra + rutPuntos; 
770                if (j % 3 == 0 && j <= inicio.length - 1) { 
771                    rutPuntos = "" + rutPuntos; 
772
773                j++; 
774
775            var dv = actualLimpio.substring(actualLimpio.length - 1); 
776            rutPuntos = rutPuntos + "-" + dv; 
777            return rutPuntos; 
778        } else { 
779            return rut.replace(/^0+/, ""); 
780
781 
782
783 
784    // Funciones Error 
785 
786    function marcaError(objeto) { 
787        var id = objeto.attr('id'); 
788        objeto.addClass('error'); 
789        $('.message_' + id).show(); 
790
791 
792    function quitarError(objeto) { 
793        var id = objeto.attr('id'); 
794        objeto.removeClass('error'); 
795        $('.message_' + id).hide(); 
796
797 
798    function verificaRut(obj) { 
799        var campo = obj.val(); 
800        try { 
801            campo = campo.split(".").join(""); 
802        } catch (ex) {; 
803
804        try { 
805            campo = campo.replace('-', ''); 
806        } catch (ex) {; 
807
808 
809        var suma = 0; 
810        var caracteres = "1234567890kK"; 
811        var contador = 0; 
812        var campo2 = ''; 
813        for (var i = 0; i < campo.length; i++) { 
814            u = campo.substring(i, i + 1); 
815            if (caracteres.indexOf(u) != -1) { 
816                campo2 = campo2 + u; 
817
818
819        obj.val(formateaRut(campo2.toUpperCase())); 
820 
821        var rut = campo.substring(0, campo.length - 1); 
822        var drut = campo.substring(campo.length - 1); 
823        var dvr = '0'; 
824        var mul = 2; 
825 
826        for (i = rut.length - 1; i >= 0; i--) { 
827            suma = suma + rut.charAt(i) * mul; 
828            if (mul == 7) 
829                mul = 2; 
830            else 
831                mul++; 
832
833        res = suma % 11 
834        if (res == 1) 
835            dvr = 'k'; 
836        else if (res == 0) 
837            dvr = '0'; 
838        else { 
839            dvi = 11 - res; 
840            dvr = dvi + ""; 
841
842        if (dvr != drut.toLowerCase()) { 
843            return false; 
844        } else { 
845            return true; 
846
847
848 
849    function isEmail(email) { 
850        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
851        return regex.test(email); 
852
853 
854    function formateaTelefono(valor) { 
855        valor = valor.replace('+56', ''); 
856        return valor.replace(/[^0-9+]/g, ''); 
857
858     
859    $("#cotizar_lateral").click(function(e){ 
860        e.preventDefault(); 
861        $("html, body").delay(0).animate({scrollTop: $('#cotizador-modelos').offset().top }, 2000); 
862    }) 
863 
864	}); 
865</script> 
866 
867<style> 
868#cotizador-modelos .rcd-fuso-content{ 
869    position:relative; 
870
871.spinner-content{ 
872    display:none; 
873    position:absolute; 
874    top:0; 
875    left:0; 
876    width:100%; 
877    height:100%; 
878    background:rgba(255,255,255,0.8); 
879    z-index:3; 
880    align-items: center; 
881    justify-content: center; 
882
883.spinner-content.in{ 
884    display:flex; 
885
886.lds-spinner { 
887  color: official; 
888  display: inline-block; 
889  position: relative; 
890  width: 80px; 
891  height: 80px; 
892
893.lds-spinner div { 
894  transform-origin: 40px 40px; 
895  animation: lds-spinner 1.2s linear infinite; 
896
897.lds-spinner div:after { 
898  content: " "; 
899  display: block; 
900  position: absolute; 
901  top: 3px; 
902  left: 37px; 
903  width: 6px; 
904  height: 18px; 
905  border-radius: 20%; 
906  background: #333; 
907
908.lds-spinner div:nth-child(1) { 
909  transform: rotate(0deg); 
910  animation-delay: -1.1s; 
911
912.lds-spinner div:nth-child(2) { 
913  transform: rotate(30deg); 
914  animation-delay: -1s; 
915
916.lds-spinner div:nth-child(3) { 
917  transform: rotate(60deg); 
918  animation-delay: -0.9s; 
919
920.lds-spinner div:nth-child(4) { 
921  transform: rotate(90deg); 
922  animation-delay: -0.8s; 
923
924.lds-spinner div:nth-child(5) { 
925  transform: rotate(120deg); 
926  animation-delay: -0.7s; 
927
928.lds-spinner div:nth-child(6) { 
929  transform: rotate(150deg); 
930  animation-delay: -0.6s; 
931
932.lds-spinner div:nth-child(7) { 
933  transform: rotate(180deg); 
934  animation-delay: -0.5s; 
935
936.lds-spinner div:nth-child(8) { 
937  transform: rotate(210deg); 
938  animation-delay: -0.4s; 
939
940.lds-spinner div:nth-child(9) { 
941  transform: rotate(240deg); 
942  animation-delay: -0.3s; 
943
944.lds-spinner div:nth-child(10) { 
945  transform: rotate(270deg); 
946  animation-delay: -0.2s; 
947
948.lds-spinner div:nth-child(11) { 
949  transform: rotate(300deg); 
950  animation-delay: -0.1s; 
951
952.lds-spinner div:nth-child(12) { 
953  transform: rotate(330deg); 
954  animation-delay: 0s; 
955
956@keyframes lds-spinner { 
957  0% { 
958    opacity: 1; 
959
960  100% { 
961    opacity: 0; 
962
963
964</style> 
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> ImagenCarrusel  [in template "68881#68920#1511201" at line 4, column 22]

----
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 ImagenCarrusel.getSiblings()?has_...  [in template "68881#68920#1511201" at line 4, column 17]
----
1<link rel="stylesheet" type="text/css" href="/documents/1229267/1929724/style-main.css" /> 
2<section class="rcd-fuso-slide-ppal"> 
3		<div id="rcd-fuso-main-slid" class="owl-carousel owl-theme"> 
4		<#if ImagenCarrusel.getSiblings()?has_content> 
5        	<#list ImagenCarrusel.getSiblings() as cur_ImagenCarrusel> 
6        		<#if cur_ImagenCarrusel.getData()?? && cur_ImagenCarrusel.getData() != ""> 
7        			<div class="item rcd-fuso-slide-item"> 
8        				<div class="rcd-fuso-content"> 
9        					<div class="rcd-fuso-caption"> 
10        						<h1 class="rcd-fuso-slide-title">${Titulo.getData()}</h1> 
11        						<h3 class="rcd-fuso-slide-title">${TituloFicha.getData()}</h3> 
12        						<!--div class="model"><h2 class="rcd-fuso">${NombreModelo.getData()}</h2></div--> 
13        						<!--<a class="rcd-fuso-btn-red" href="./model-info.html">Cotizar</a> --> 
14        					</div> 
15        				</div> 
16        				<figure> 
17        				 
18        				<img class="rcd-fuso img-desktop" src="${cur_ImagenCarrusel.getData()}" alt="${cur_ImagenCarrusel.getAttribute("alt")}" class="img-desktop"> 
19 
20            				<img alt="${cur_ImagenCarrusel.getAttribute("alt")}" src="${cur_ImagenCarrusel.ImagenMobile.getData()}" class="img-mobile" /> 
21        				</figure> 
22        			</div> 
23        		</#if> 
24        	</#list> 
25        </#if> 
26		</div> 
27	</section> 
28	<section class="rcd-fuso-white-section rcd-fuso-two-columns"> 
29		<div class="rcd-fuso-content"> 
30			<div class="block-8-intro-text"> 
31				<#if LogoModelo.getData()?? && LogoModelo.getData() != ""> 
32                	<img alt="${LogoModelo.getAttribute("alt")}" data-fileentryid="${LogoModelo.getAttribute("fileEntryId")}" src="${LogoModelo.getData()}" width="204px" /> 
33                </#if> 
34				<h2 class="rcd-fuso-title">${TituloFicha.getData()}</h2> 
35				<p></p> 
36				<p class="rcd-fuso">${TituloFicha.DescripcionFicha.getData()}</p> 
37				<div class="rrss-container" style="display:none"> 
38                     
39                     
40            		<a class="caja facebook-box" href='javascript:window.open("https://www.facebook.com/sharer.php?s=100&amp;p[title]=${Titulo.getData()}&amp;p[summary]=${DescripcionCorta.getData()}&amp;p[url]=https%3A%2F%2Ffuso.cl%2F${SlugPagina.getData()}&amp;&p[images][0]=https://www.fuso.cl${Thumbnail.getData()}", "Compartir en facebook", "width=675, height=450")'><img src="/documents/1229267/1927943/facebook-app-symbol.png"/></a> 
41            		<a class="caja"><img src="/documents/1229267/1927943/messenger.png"/></a> 
42            		<a class="caja"><img src="/documents/1229267/1927943/link.png"/></a> 
43            	</div> 
44            	<style type="text/css"> 
45            		.caja{ 
46            			background-color: rgb(0, 132, 255); 
47            			width: 15px; 
48            			height: 15px; 
49            			display: flex; 
50            			align-items: center; 
51            			justify-content: center; 
52            			padding: 10px; 
53            			margin:5px 2px 0; 
54            			transition: margin 0.3s ease 0s; 
55            			    box-sizing: content-box; 
56
57            		.caja:hover{ 
58            			margin: 0 2px 5px; 
59
60            		.caja img{ 
61            			width: 100%; 
62
63            		.facebook-box{ 
64            			background-color: rgb(59, 89, 152); 
65
66            		.rrss-container{ 
67            			display: flex; 
68            			align-content: flex-start; 
69            			align-items: center; 
70
71            		.rrss-container > .caja:first-child{ 
72            			margin-left: 0; 
73
74            	</style> 
75				<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522d25225a2deea4"></script> 
76				<div class="compartir-div"> 
77				<div class="addthis_inline_share_toolbox_ywqo"></div> 
78				</div> 
79			</div> 
80			<div class="block-8-intro-links"> 
81				<a class="rcd-fuso-btn-red" id="btn_cotizar" href="#cotizador-modelos">Cotizar Modelo</a> 
82				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnica.getData()}">ficha técnica</a> 
83				<#if TituloFicha.FichaTecnicaMobile.getData()?? && TituloFicha.FichaTecnicaMobile.getData() != ""> 
84				<a class="rcd-fuso-btn-outline" target="_blank" href="${TituloFicha.FichaTecnicaMobile.getData()}">ficha técnica mobile</a> 
85				</#if> 
86			</div> 
87		</div> 
88	</section> 
89	 
90	 
91	<script>var mapaModelos = []; var cod01srv = '';var cod02srv = '';var urlAcceso = ''; var posicion = '';</script> 
92 
93	<#if Modelo.getSiblings()?has_content> 
94	<#list Modelo.getSiblings() as cur_Modelo> 
95 
96<script> 
97mapaModelos.push({"nombre":"${cur_Modelo.getData()}", "posicion": "${cur_Modelo.v_posicion.getData()}", "urlAcceso":"${cur_Modelo.v_url_acceso.getData()}", "cod01srv":"${cur_Modelo.v_codigo_campana_qa.getData()}", "cod02srv":"${cur_Modelo.v_codigo_campana_prd.getData()}"}); 
98</script> 
99 
100<!-- datos:${cur_Modelo.v_codigo_campana_qa.getData()} --> 
101	<section class="rcd-fuso-gray-section rcd-fuso-two-columns rcd-fuso-model-showroom"> 
102		<div class="rcd-fuso-content"> 
103			<div class="rcd-fuso-model-preview"> 
104			 
105				<div class="block-8-datos-img"> 
106					<h2 class="rcd-fuso2 title">${cur_Modelo.getData()}</h2> 
107					<#if cur_Modelo.ThumbnailModelo.getData()?? && cur_Modelo.ThumbnailModelo.getData() != ""> 
108                    	<img alt="${cur_Modelo.ThumbnailModelo.getAttribute("alt")}" data-fileentryid="${cur_Modelo.ThumbnailModelo.getAttribute("fileEntryId")}" src="${cur_Modelo.ThumbnailModelo.getData()}" /> 
109                    </#if> 
110 
111				</div> 
112				<div class="block-8-datos-text"> 
113					<ul> 
114					<#if cur_Modelo.ItemCaracteristica.getSiblings()?has_content> 
115                    	<#list cur_Modelo.ItemCaracteristica.getSiblings() as cur_Modelo_ItemCaracteristica> 
116                    		<li>${cur_Modelo_ItemCaracteristica.getData()}</li> 
117                    	</#list> 
118                    </#if> 
119					</ul> 
120					<#if cur_Modelo.ItemIncluidos.getSiblings()?has_content> 
121					<div class="table-caracteristicas"> 
122						<div class="div-incluidos"> 
123						<h2 class="titulo-caract">VERSIÓN ESTÁNDAR</h2> 
124							<div class="grilla-iconos"> 
125							 
126                            	<#list cur_Modelo.ItemIncluidos.getSiblings() as cur_TituloFicha_FichaTecnica_ItemIncluidos> 
127                            		<#if cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()?? && cur_TituloFicha_FichaTecnica_ItemIncluidos.getData() != ""> 
128                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemIncluidos.getData()}" /></figure> 
129                            		</#if> 
130                            	</#list> 
131                             
132							</div> 
133						</div> 
134						</#if> 
135						<#if cur_Modelo.ItemOpcionales.getSiblings()?has_content> 
136						<div class="div-opcionales"> 
137							<h2 class="titulo-caract" id="titulo-opcionales">VERSIÓN FULL</h2> 
138							<div class="grilla-iconos"> 
139			                 
140                            	<#list cur_Modelo.ItemOpcionales.getSiblings() as cur_TituloFicha_FichaTecnica_ItemOpcionales> 
141                            		<#if cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()?? && cur_TituloFicha_FichaTecnica_ItemOpcionales.getData() != ""> 
142                            			<figure><img alt="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("alt")}" data-fileentryid="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getAttribute("fileEntryId")}" src="${cur_TituloFicha_FichaTecnica_ItemOpcionales.getData()}" /></figure> 
143                            		<#else> 
144                            		    <script> 
145                            		    $(document).ready(function(){ 
146                            		        $("#titulo-opcionales, .div-opcionales").remove(); 
147                            		    }) 
148                            		    </script> 
149                            		</#if> 
150                            	</#list> 
151							</div> 
152						</div> 
153						</#if> 
154					</div> 
155				</div> 
156			</div> 
157			<div class="block-8-datos-info"> 
158				<h3 class="titulo-caract-list">CARACTERISTICAS</h3> 
159				<#if cur_Modelo.Motor.getData()?? && cur_Modelo.Motor.getData() != ""> 
160				<div class="block-8-datos-info-card"> 
161					<img class="rcd-fuso" src="/documents/1229267/1927946/motor+%281%29.svg"> 
162					<div><h3>Motor</h3> 
163						<h4>${cur_Modelo.Motor.getData()}</h4></div> 
164				</div> 
165				</#if> 
166				<#if cur_Modelo.Cilindrada.getData()?? && cur_Modelo.Cilindrada.getData() != ""> 
167				<div class="block-8-datos-info-card"> 
168					<img class="rcd-fuso" src="/documents/1229267/1927946/pistones.svg"> 
169					<div><h3>Cilindrada</h3> 
170						<h4>${cur_Modelo.Cilindrada.getData()}</h4></div> 
171				</div> 
172				</#if> 
173				<#if cur_Modelo.PBV.getData()?? && cur_Modelo.PBV.getData() != ""> 
174				<div class="block-8-datos-info-card"> 
175					<img class="rcd-fuso" src="/documents/1229267/1927912/kg.svg"> 
176					<div><h3>P.B.V.</h3> 
177						<h4>${cur_Modelo.PBV.getData()}</h4></div> 
178				</div> 
179				</#if> 
180				<#if cur_Modelo.PotenciaTorque.getData()?? && cur_Modelo.PotenciaTorque.getData() != ""> 
181				<div class="block-8-datos-info-card"> 
182					<img class="rcd-fuso" src="/documents/1229267/1927912/velocimetro.svg"> 
183					<div><h3>Potencia / Torque</h3> 
184						<h4>${cur_Modelo.PotenciaTorque.getData()}</h4></div> 
185				</div> 
186				</#if> 
187				<#if cur_Modelo.Transmision.getData()?? && cur_Modelo.Transmision.getData() != ""> 
188				<div class="block-8-datos-info-card"> 
189					<img class="rcd-fuso" src="/documents/1229267/1927912/transmicion.svg"> 
190					<div><h3>Transmisión</h3> 
191						<h4>${cur_Modelo.Transmision.getData()}</h4></div> 
192				</div> 
193				</#if> 
194				<#if cur_Modelo.DistanciaEntreEjes.getData()?? && cur_Modelo.DistanciaEntreEjes.getData() != ""> 
195				<div class="block-8-datos-info-card"> 
196					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis.svg"> 
197					<div><h3>Distancia entre Ejes</h3> 
198						<h4>${cur_Modelo.DistanciaEntreEjes.getData()}</h4></div> 
199				</div> 
200				</#if> 
201				<#if cur_Modelo.LargoCarrozable.getData()?? && cur_Modelo.LargoCarrozable.getData() != ""> 
202				<div class="block-8-datos-info-card"> 
203					<img class="rcd-fuso" src="/documents/1229267/1927912/chasis+copia.svg"> 
204					<div><h3>Largo Carrozable</h3> 
205						<h4>${cur_Modelo.LargoCarrozable.getData()}</h4></div> 
206				</div> 
207				</#if> 
208				<#if cur_Modelo.VolumenDeCarrocería.getData()?? && cur_Modelo.VolumenDeCarrocería.getData() != ""> 
209				<div class="block-8-datos-info-card"> 
210					<img class="rcd-fuso" src="/documents/1229267/1927912/truck.svg"> 
211					<div><h3>Volumen de Carrocería</h3> 
212						<h4>${cur_Modelo.VolumenDeCarrocería.getData()}</h4></div> 
213				</div> 
214				</#if> 
215				<#if cur_Modelo.CapacidadDeCarga.getData()?? && cur_Modelo.CapacidadDeCarga.getData() != ""> 
216				<div class="block-8-datos-info-card"> 
217					<img class="rcd-fuso" src="/documents/1229267/1927912/carga.svg"> 
218					<div><h3>Capacidad de carga</h3> 
219						<h4>${cur_Modelo.CapacidadDeCarga.getData()}</h4></div> 
220				</div> 
221				</#if> 
222				<div class="block-8-datos-info-link"> 
223				<!--	<a class="rcd-fuso-btn-red" href="">Ver Especificaciones</a> 
224					<a class="rcd-fuso-btn-red" href="">Cotizar</a> --> 
225				</div>