get_header(); ?>
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
		<main id="main">
			<div id="page-inicio">
        		
				
<style>
    .cotizador-filter {
        display: flex;
        justify-content: center;
    }

    .cotizador-filter__btn:not(:last-of-type) {
        margin-right: 15px;
    }

    .cotizador-filter__btn.active{
        border: 1px solid red;
    }
</style>
				
<div class="container">
    <div class="row">
        <div class="col-md-12 cotizador-text text-center mb-4">
            <p>Cotizador de departamentos</p>
            <h2>Estamos para <span>atenderte</span></h2>
        </div>
        <div class="col-md-12">
            <div class="cotizador-filter" id="cotizador-filter"></div>
        </div>
        <div class="col-md-6">
            <div id="cotizador-carousel-filtering-container" class="is-hidden">
                <div class="cotizador-carousel-filtering"></div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="seccion-form seccion-form-proyecto">
                <input type="hidden" name="data-select-quoter" class="data-select-quoter" id="data-select-quoter">
                <form method="POST" action="https://www.jopesa.pe/wp-content/themes/wp-bootstrap-starter-child/crearcliente.php">
                    <div class="row">
                        <h3 style="margin: -20px auto 20px;" class="vc_custom_heading pag-titulo">Cotiza al instante
                        </h3>
                        <div class="col-md-12">
                            <label class="mb-7">
                                <span class="section-label">Proyecto</span>
                                <select id="tipoproyecto" name="tipoproyecto" class="form-control">
                                    <option id="0" value="0">Seleccionar Proyecto</option>
                               
                                    <option id="4" value="4">Salazar</option>
                                    <option id="5" value="5">B34</option>
                                    <option id="8" value="8">Laureles</option>
 <option id="10" value="10">Chiclayo</option>
                                </select>
                            </label>
                        </div>
                        <div class="col-md-12">
                            <label class="mb-7">
                                <span class="section-label">Tipología</span>
                                <select name="tipo" class="form-control cotizador-form__select" required>
                                    <option value="">Elige Modelo</option>
                                </select>
                            </label>
                        </div>
                        <div class="col-md-12">
                            <label class="mb-7"><span class="section-label">DNI</span>
                                <input
                                    type="text"
                                    name="dni"
                                    class="form-control"
                                    required
                                />
                            </label>
                        </div>
                        <div class="col-md-6">
                            <label class="mb-7"> <span class="section-label">Nombres*</span>
                                <input
                                    type="text"
                                    name="fname"
                                    class="form-control"
                                    required
                                />
                            </label>
                        </div>
                        <div class="col-md-6">
                            <label class="mb-7"> <span class="section-label">Apellidos*</span>
                                <input
                                    required
                                    type="text"
                                    name="lname"
                                    class="form-control"
                                />
                            </label>
                        </div>
                        <div class="col-md-6">
                            <label class="mb-7"> <span class="section-label">Correo Electrónico*</span>
                                <input
                                    required
                                    type="text"
                                    name="email"
                                    class="form-control"
                                />
                            </label>
                        </div>
                        <div class="col-md-6">
                            <label class="mb-7"> <span class="section-label">Teléfono*</span>
                                <input
                                    required
                                    type="number"
                                    name="telefono"
                                    class="form-control"
                                />
                            </label>
                        </div>
                        <p class="obligatorios">(*) Campos obligatorios</p>

                        <input type="hidden" id="input_channel_ids" name="input_channel_ids" value=""/>
                        <input type="hidden" id="seller_id" name="seller_id" value=""/>
                        <input type="hidden" id="proyectoId" name="project_related" value=""/>
                        <input type="hidden" id="template_id" name="template_id" value=""/>
                        <input type="hidden" id="url_gracias" name="url_gracias" value=""/>

                        <input type="hidden" name="source_id" value="1"/>
                        <input type="hidden" name="interest_type_id" value="16"/>
                        <input type="hidden" name="utm_source" value=""/>
                        <input type="hidden" name="utm_medium" value=""/>
                        <input type="hidden" name="utm_campaign" value=""/>
                        <input type="hidden" name="utm_term" value=""/>

                        <div class="col-md-12 text-center">
                            <label class="mb-6">
                                <input type="checkbox" required>
                                <span class="seccion-form__terminos">He leído y acepto los <span
                                        class="seccion-link" onclick="abrirPopupTerminos();"><b>Términos y
                                                condiciones</b></span> de inmobiliaria Jopesa.</span>
                            </label>
                            <label class="mb-6">
                                <input type="checkbox" required>
                                <span class="seccion-form__terminos">Acepto la <span class="seccion-link" onclick="abrirPopupPoliticas();"><b>política de privacidad</b></span> y protección de datos.</span>
                            </label>
                            <span class="btn-arrow-right">
                                    <button type="submit">Cotizar</button>
                                </span>

                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>

<style>

    .cotizador-filter button span{
        pointer-events: none;
    }
</style>

<script>



// 	const $jq = jQuery.noConflict();
	
    jQuery(document).ready(function ($) {

        $("#tipoproyecto").change(function (e){
            var proyecto = e.target;
            if (proyecto.value != 0) {
                jQuery('#proyectoId').attr('value', proyecto.value);
                if (proyecto.value == 2) {
                    jQuery('#seller_id').attr('value', 11);
                    jQuery('#input_channel_ids').attr('value', 7);
                    jQuery('#template_id').attr('value', 11);
                    jQuery('#url_gracias').attr('value', 'https://jopesa.pe/gracias-piura/');
                } else if (proyecto.value == 3) {
                    jQuery('#seller_id').attr('value', 10);
                    jQuery('#input_channel_ids').attr('value', 7);
                    jQuery('#template_id').attr('value', 9);
                    jQuery('#url_gracias').attr('value', 'https://jopesa.pe/gracias-cotizar/');
                } else if (proyecto.value == 4) {
                    jQuery('#seller_id').attr('value', 10);
                    jQuery('#input_channel_ids').attr('value', 7);
                    jQuery('#template_id').attr('value', 25);
                    jQuery('#url_gracias').attr('value', 'https://www.jopesa.pe/gracias-salazar/');
                } else if (proyecto.value == 5) {
                    jQuery('#seller_id').attr('value', 17);
                    jQuery('#input_channel_ids').attr('value', 7);
                    jQuery('#template_id').attr('value', 26);
                    jQuery('#url_gracias').attr('value', 'https://jopesa.pe/gracias-b34/');
                } else if (proyecto.value == 8) {
                    jQuery('#seller_id').attr('value', 18);
                    jQuery('#input_channel_ids').attr('value', 7);
                    jQuery('#template_id').attr('value', 24);
                    jQuery('#url_gracias').attr('value', 'https://jopesa.pe/gracias-laureles/');
                 } else if (proyecto.value == 10) {
                    jQuery('#seller_id').attr('value', 25);
                    jQuery('#input_channel_ids').attr('value', 7);
                    jQuery('#template_id').attr('value', 27);
                    jQuery('#url_gracias').attr('value', 'https://jopesa.pe/gracias-chiclayo/');
                }

            }

            var xidproyecto = proyecto.value;

            $.ajax({
                data: {
                    idproyecto: xidproyecto
                },
                dataType: "json",
                type: 'POST',
                url: 'https://www.jopesa.pe/wp-content/themes/wp-bootstrap-starter-child/seleccionproyecto2.php'
            }).done(function (data) {

                if(data){
                    data = data.types;
                    var arrayNroDorms = [];
                    var htmlFilter = "";
                    var htmlSlider = "";
                    data.sort((a,b)=>{    
                        return parseFloat(a.area) - parseFloat(b.area);
                    })

                    data.forEach(function(ele){
                        if((ele.num_bedroom >0) && (ele.num_bedroom !== null) && !(arrayNroDorms.includes(ele.num_bedroom))) {
                            arrayNroDorms.push(ele.num_bedroom);
                        }
                    });

                    $("#data-select-quoter").val(JSON.stringify(data));

                    if(arrayNroDorms){
                        arrayNroDorms.sort();
                        arrayNroDorms.forEach(function(ele){
                            ele = parseInt(ele);
                            htmlFilter += `<button data-num="${ele}" data-filter="model${ele}" class="cotizador-filter__btn"><span>${ele} Dormitorio${(ele > 1) ? "s" : ""}</span></button>`;
                        });
                    }

                    $("#cotizador-filter").html("").html(htmlFilter);

                    htmlSlider = `<div class="cotizador-carousel-filtering">`;

                    data.forEach(function(ele){
                        if((ele.num_bedroom > 0) && (ele.num_bedroom !== null)){
                            var num_bedroom = parseInt(ele.num_bedroom);
                            htmlSlider += `
                                    <div class="model${num_bedroom}">
                                        <div class="listado-proyectos-item">
                                            <a data-fancybox="gallery" href="${ele.image}">
                                                <img src="${ele.image}" alt="${ele.name}"/>
                                            </a>
                                            <div class="item-direccion fw-300 text-center text-black">
                                                <span id="tituloproyecto" class="fw-600">${ele.name}</span>
                                            </div>
                                        </div>
                                    </div>
    `                       ;
                        }
                    });

                    htmlSlider += '</div>';

                    $("#cotizador-carousel-filtering-container").html("").html(htmlSlider);
                                        
                    setTimeout(function(){
                        console.log("cotizador",$(".cotizador-carousel-filtering"));
                        $(".cotizador-carousel-filtering").slick({
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            arrows: true,
                            fade: true
                        });
    
                                
                            
                       
                        $(".cotizador-filter button").on("click",function(e){
                            var filter = $(this).data('filter');
                            var nroDorm = $(this).data('num');

                            console.log("filter",filter);

                            $(".cotizador-carousel-filtering").slick('slickUnfilter');
                            $(".cotizador-carousel-filtering").slick('slickFilter', `.${filter}`);
    
                            $(".cotizador-filter button").each(function () {
                                $(this).removeClass("active");
                            });
                            $(this).addClass("active");
                            var $data = $(".data-select-quoter").val();
                            $data = JSON.parse($data);
                            var $htmlSelect = '<option value="">Elige Modelo</option>';
                            var itemFirst = "";

                            for (let index = 0; index < $data.length; index++) {
                                const ele = $data[index];
                                var num = parseInt(ele.num_bedroom);
                                var nroDorm = parseInt(nroDorm);
                                if ( num === nroDorm){
                                    if (itemFirst === "") itemFirst = ele.id;
                                    $htmlSelect += `<option value="${ele.id}">${ele.name} / ${ele.num_bedroom} Dorm. / ${ele.num_bathroom} baños / Área total ${ Math.ceil(parseFloat(ele.area)) } m2</option>`;
                                }
                            }

                            $(".cotizador-form__select")
                                .html("")
                                .html($htmlSelect)
                                .val(itemFirst).trigger("change");
    
                            // MUESTRA SECCION SLIDER
                            if($("#cotizador-carousel-filtering-container").hasClass("is-hidden")){
                                $("#cotizador-carousel-filtering-container").removeClass("is-hidden");
                            }
                        });
    
    
                        $(".cotizador-form__select").change(function(){
                            var $index = $(this)[0].selectedIndex;
                            $(".cotizador-carousel-filtering").slick('slickGoTo', ($index === 0) ? 0 : $index - 1);
                        });
    
                        $('.cotizador-carousel-filtering').on('afterChange', function(event, slick, currentSlide, nextSlide){
                            $('.cotizador-form__select option').eq(currentSlide+1).prop('selected', true);
                        });
    
                        $(".cotizador-filter").find("button")[0].click();
                       

                    },2000);

                }
            });

        });

        $("#tipoproyecto").val("5").trigger("change");

    });
</script>
				
			</div><!-- #primary -->
		</main><!-- #main -->

	    </div><!-- .container -->
    </div><!-- #content -->
    
    <footer id="footer" class="bg-footer" role="contentinfo">
        <div class="container-fluid ">
            <div class="row footer-first-row">
                <div class="w-306 mr-79 mov-w-100 mov-mr-0 mov-px-25 text-center text-md-left">
                    <div class="pl-106 pt-40 mov-pl-0">
                                                    <img class="w-100" src="https://www.jopesa.pe/wp-content/uploads/2022/02/logo-blanco-2.png" alt="" />
                                            </div>
                </div>
                <div class="w-179 mr-99 mov-w-100 mov-mr-0 mov-px-25 text-center text-md-left">
                    <div class="pt-40">
                        <a href="https://www.jopesa.pe/nosotros/" class="title-footer text-white fw-500">
                            CONÓCENOS
                        </a><br>
						<a href="" class="d-none title-footer text-white fw-500">
                            BLOG
                        </a><br>
						<a href="https://www.jopesa.pe/contacto/" class="title-footer text-white fw-500">
                            CONTÁCTANOS
                        </a>
						<a class="d-none title-footer text-white fw-500" href="mailto:adedios@jopesa.pe">CONSTRUCTORA</a>
<!--                         <p class="text-info-footer fw-300  text-secondary-2">
                            Av. 2 de Mayo 238 - piso 8 <br />
Miraflores Lima - Perú<br />
                        </p> -->
                    </div>
                </div>
                <div class="w-160 mr-42 mov-w-100 mov-mr-0 mov-px-25 text-center text-md-left">
                    <div class="pt-40">
                        <p class="title-footer text-white fw-500">
                            PROYECTOS
                        </p>
                        <p class="text-info-footer fw-300  text-secondary-2">
							<a class="text-info-footer fw-300  text-secondary-2" href="https://www.jopesa.pe/lambayeque-197/">LAMBAYEQUE</a><br>
							<a class="text-info-footer fw-300  text-secondary-2" href="https://www.jopesa.pe/clovis-620/">CLOVIS620</a><br>
							<a class="text-info-footer fw-300  text-secondary-2" href="https://www.jopesa.pe/chiclayo-346/">CHICLAYO</a><br>
							<a class="text-info-footer fw-300  text-secondary-2" href="https://www.jopesa.pe/surco-peralta/">SURCO</a><br>
							<a class="text-info-footer fw-300  text-secondary-2" href="https://www.jopesa.pe/laureles-495/">LAURELES</a><br>
                        </p>
                    </div>
                </div>
                <div class="w-243 mr-42 mov-w-100 mov-mr-0 mov-px-25 text-center text-md-left">
                    <div class="pt-40">
                        <p class="title-footer text-white fw-500">
                            OFICINA CENTRAL
                        </p>
                        <p class="text-info-footer  fw-300  text-secondary-2">
							J. PEZO Y CIA. S.A.<br>
							Av. 2 de Mayo 238 - piso 8 <br />
Miraflores Lima - Perú<br />
							CHICLAYO / LAURELES: 985-251-639          LAMBAYEQUE: 923-909-528           CLOVIS: 961-676-458            B34: 945-788-420                                                    </p>
                    </div>
                </div>
                <div class="mov-w-100 mov-mr-0 mov-px-25 text-center text-md-left">
                    <div class="pt-40">
                        <p class="title-footer  text-white fw-300">
                            SIGUENOS
                        </p>
                        <div>
							<a class="footer-social" target="_blank" href="https://www.facebook.com/jopesainmobiliaria/">
								<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 0H19.84C15.2 0 12.16 3.04 12.16 7.84V11.52H7.99999C7.67999 11.52 7.35999 11.84 7.35999 12.16V17.44C7.35999 17.76 7.67999 18.08 7.99999 18.08H12.16V31.36C12.16 31.68 12.48 32 12.8 32H18.24C18.56 32 18.88 31.68 18.88 31.36V18.08H23.68C24 18.08 24.32 17.76 24.32 17.44V12.16C24.32 12 24.32 11.84 24.16 11.68C24 11.52 23.84 11.52 23.68 11.52H18.88V8.48C18.88 7.04 19.2 6.24 21.12 6.24H23.84C24.16 6.24 24.48 5.92 24.48 5.6V0.64C24.64 0.32 24.32 0 24 0Z" fill="white"/>
</svg>

							</a>
							<a class="footer-social" target="_blank" href="https://www.instagram.com/jopesainmobiliaria/">
								<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_717_3486)">
<path d="M23.255 0H9.94523C4.84789 0 0.600098 4.24779 0.600098 9.34514V22.6549C0.600098 27.7522 4.84789 32 9.94523 32H23.255C28.3523 32 32.6001 27.7522 32.6001 22.6549V9.34514C32.6001 4.24779 28.3523 0 23.255 0ZM30.3347 22.6549C30.3347 26.3363 27.2196 29.4514 23.5382 29.4514H9.94523C6.26381 29.7346 3.14877 26.3363 3.14877 22.6549V9.34514C3.14877 5.66371 6.26381 2.54867 9.94523 2.54867H23.255C26.9364 2.54867 30.0515 5.66371 30.0515 9.34514L30.3347 22.6549Z" fill="white"/>
<path d="M16.741 8.2124C11.9268 8.2124 8.24536 11.8938 8.24536 16.7079C8.24536 21.2389 11.9268 24.9204 16.4577 24.9204C20.9887 24.9204 24.6701 21.2389 24.6701 16.7079C24.9533 11.8938 21.2719 8.2124 16.741 8.2124ZM16.741 22.3717C13.3427 22.3717 10.794 19.8229 10.794 16.4249C10.794 13.0266 13.3427 10.4779 16.741 10.4779C20.1391 10.4779 22.6879 13.0266 22.6879 16.4249C22.4047 20.1061 20.1391 22.3717 16.741 22.3717Z" fill="white"/>
<path d="M24.104 8.49515C25.0424 8.49515 25.803 7.73443 25.803 6.79603C25.803 5.85764 25.0424 5.09692 24.104 5.09692C23.1656 5.09692 22.4048 5.85764 22.4048 6.79603C22.4048 7.73443 23.1656 8.49515 24.104 8.49515Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_717_3486">
<rect width="32" height="32" fill="white" transform="translate(0.600098)"/>
</clipPath>
</defs>
</svg>

							</a>
							<a class="footer-social" target="_blank" href="https://www.linkedin.com/company/30745467/admin/page-posts/published/">
								<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_717_3482)">
<path d="M32.1997 19.6192V32H25.3411V20.4483C25.3411 17.5466 24.349 15.5661 21.8664 15.5661C19.9712 15.5661 18.8435 16.9008 18.3474 18.1918C18.1664 18.6533 18.1199 19.2957 18.1199 19.9418V32H11.2589C11.2589 32 11.3513 12.4353 11.2589 10.4083H18.1192V13.4688C18.1053 13.4917 18.0872 13.5164 18.0741 13.5386H18.1192V13.4688C19.0306 11.9997 20.6584 9.90104 24.3018 9.90104C28.8157 9.90096 32.1997 12.987 32.1997 19.6192ZM4.08204 0C1.73492 0 0.199707 1.61112 0.199707 3.72981C0.199707 5.80232 1.6905 7.46235 3.99097 7.46235H4.0368C6.42939 7.46235 7.91734 5.80264 7.91734 3.72981C7.87227 1.61112 6.42939 0 4.08204 0ZM0.607187 32H7.46553V10.4083H0.607187V32Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_717_3482">
<rect width="32" height="32" fill="white" transform="translate(0.199707)"/>
</clipPath>
</defs>
</svg>

							</a>
							<a class="footer-social" target="_blank" href="https://www.tiktok.com/@jopesa.inmobiliaria">
								<svg id="fi_3046127" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="m480.32 128.39c-29.22 0-56.18-9.68-77.83-26.01-24.83-18.72-42.67-46.18-48.97-77.83-1.56-7.82-2.4-15.89-2.48-24.16h-83.47v228.08l-.1 124.93c0 33.4-21.75 61.72-51.9 71.68-8.75 2.89-18.2 4.26-28.04 3.72-12.56-.69-24.33-4.48-34.56-10.6-21.77-13.02-36.53-36.64-36.93-63.66-.63-42.23 33.51-76.66 75.71-76.66 8.33 0 16.33 1.36 23.82 3.83v-62.34-22.41c-7.9-1.17-15.94-1.78-24.07-1.78-46.19 0-89.39 19.2-120.27 53.79-23.34 26.14-37.34 59.49-39.5 94.46-2.83 45.94 13.98 89.61 46.58 121.83 4.79 4.73 9.82 9.12 15.08 13.17 27.95 21.51 62.12 33.17 98.11 33.17 8.13 0 16.17-.6 24.07-1.77 33.62-4.98 64.64-20.37 89.12-44.57 30.08-29.73 46.7-69.2 46.88-111.21l-.43-186.56c14.35 11.07 30.04 20.23 46.88 27.34 26.19 11.05 53.96 16.65 82.54 16.64v-60.61-22.49c.02.02-.22.02-.24.02z"></path></g></svg>
							</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row footer-second-row">
                <div class="col-12 px-0">
					<div class="menu-footer-1-container"><ul id="menu-footer-1" class=""><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1847" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1847 nav-item"><a title="Legales" href="https://www.jopesa.pe/legales/" class="nav-link">Legales</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1848" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1848 nav-item"><a title="Políticas de privacidad" href="https://www.jopesa.pe/politica-de-privacidad/" class="nav-link">Políticas de privacidad</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1849" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1849 nav-item"><a title="Términos y condiciones" href="https://www.jopesa.pe/terminos-y-condiciones/" class="nav-link">Términos y condiciones</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2159" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2159 nav-item"><a title="Código de Protección al consumidor" href="https://www.jopesa.pe/codigo-de-proteccion-al-consumidor/" class="nav-link">Código de Protección al consumidor</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2803" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2803 nav-item"><a title="Libro de Reclamaciones" href="https://www.jopesa.pe/libro-de-reclamaciones/" class="nav-link">Libro de Reclamaciones</a></li>
</ul></div>                </div>
            </div>
            <div class="row">
                <div class="col-12 px-0">
                    <div class="px-98 mov-px-25">
                        <p class="text-referencial fw-500 text-white">
                            *Las imágenes, planos, medidas y áreas contenidas en esta página son referenciales y pueden presentar modificaciones en el transcurso del proyecto. Asimismo, el contenido gráfico es referencial, por lo que puede presentar elementos de apreciación estética que son interpretación del artista gráfico y que no comprometen a la promotora                        </p>
                        <p class="text-copyright text-white fw-500 text-center">
                            &copy; 2026 jopesa Inmobiliaria. Todos los derechos reservados.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div><!-- #page -->
<div class="btn-whatsapp">
    <a href="https://api.whatsapp.com/send?phone=51945788420&text=Vi%20su%20proyecto%20peralta%20124%20-%20Surco%20en%20su%20pagina%20web.%20Quiero%20m%C3%A1s%20informaci%C3%B3n%20" class="btn-whatsapp__link" target="_blank" rel="nofollow noreferrer noopener">
        <img class="btn-whatsapp__img" src="https://www.jopesa.pe/wp-content/uploads/2022/04/Group-17.png" alt="Nro Whatsapp">
    </a>
</div><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAiZ_v1yAaNJnm8WPl6UKlfywKd0rDW8bk&v=3.exp&libraries=places&ver=4.9.8&callback=initMap" async defer></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/wp-bootstrap-starter-child/*","/wp-content/themes/wp-bootstrap-starter/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
    // Verificamos si la URL actual es la que indicaste
    if (window.location.href === "https://www.jopesa.pe/surco-peralta/") {
        // Buscamos el elemento con la clase .btn-whatsapp
        var botonWhatsapp = document.querySelector(".btn-whatsapp");
        
        // Si el elemento existe, lo ocultamos
        if (botonWhatsapp) {
            botonWhatsapp.style.display = "none";
        }
    }
});

</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
  const getURLParams = (locationURL) => {
    const url = new URL(locationURL || location.href)
    return new URLSearchParams(url.search)
  }

  function setProgramURLParams(key, value) {
    const url = new URL(location.href)
    const params = new URLSearchParams(url.search)

    // Agregamos el nuevo parámetro
    params.set(key, value || '')

    // Modificamos la URL con la nueva cadena de consulta
    url.search = params.toString()

    // Usamos la API History para cambiar la URL sin refrescar la página
    window.history.pushState({}, '', url)
  }

  
  function fetchSPERANTSourceID(success, error) {
    fetch("https://jopesa.pe/wp-json/wp/v2/caption_ways")
      .then((response) => response.json())
      .then(success)
      .catch(error)
  }

  
  function fethStaticLocalSourceID(success, error) {
    const response = {
      'facebook': 2,
      'fb_cotizador': 2,
      'fb_formulario': 2,
      'google ads': 31,
      'google': 31,
    }
    success(response)
  }



  
  function findSourceIDInput(callback) {
    const inputs = document.querySelectorAll('input[name="source_id"]')
    console.log(inputs)
    if (inputs.length === 0) return
    callback(inputs)
  }

  function setUTM(inputNode, paramName = "", defaultValue = "") {
    if (!inputNode) throw new Error("inputNode is required")

    const node = document.querySelector(inputNode)
    if (!node) return

    const params = getURLParams()
    const param = params.get(paramName)

    if (param) node.value = param
    else node.value = defaultValue
  }

  function generateSourceIDByUTMSource() {

    const params = getURLParams()

    const utm_source = params.get('utm_source')

    if (!utm_source) return

    // fetchSPERANTSourceID(
    //   response => {
    //     findSourceIDInput(inputs => {
    //       const found = response.find((el) =>
    //         utm_source.toLowerCase().includes(el.attributes.name.toLowerCase()) ||
    //         el.attributes.name.toLowerCase().includes(utm_source.toLowerCase())
    //       )
    //       if (!found) return
    //       inputs.forEach(el => {
    //         el.value = found.attributes.id
    //       })
    //     })
    //   },
    //   error => {
    //     console.error(error)
    //   }
    // )

    fethStaticLocalSourceID(
      response => {
        findSourceIDInput(inputs=> {
          const found = response[utm_source.toLowerCase()] || 1
          inputs.forEach(el => {
            el.value = found
          })
        })
      }
    )
  }

  generateSourceIDByUTMSource()
})
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">

</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function( $ ){
	
	jQuery("form").submit(function(){
      	jQuery("form button").attr("disabled","true");
        jQuery("form button").css("opacity", 0.5);
    });
  
});

</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function( $ ){  

    jQuery('.banner-link-salazar').click(function(){
      location.href= "https://www.jopesa.pe/salazar-260/";
    });
    
    jQuery('.banner-link-laureles').click(function(){
      location.href= "https://www.jopesa.pe/laureles-495/";
    });
    
    jQuery('.banner-link-rosell').click(function(){
      location.href= "https://www.jopesa.pe/rossell-236/";
    });
    
    jQuery('.banner-link-piura').click(function(){
      location.href= "https://www.jopesa.pe/piura-1155/";
    });
	
	jQuery('.banner-link-chiclayo').click(function(){
      location.href= "https://www.jopesa.pe/chiclayo-346/";
    });
    
    jQuery('.banner-link-b34').click(function(){
      location.href= "https://www.jopesa.pe/b34/";
    });
    
    jQuery('.banner-link-cotizar').click(function(){
      jQuery('.modal-menu').slideUp("slow");
        if (jQuery("body").hasClass("page-id-5") || jQuery("body").hasClass("page-id-134") || jQuery("body").hasClass("page-id-214") || jQuery("body").hasClass("page-id-217") || jQuery("body").hasClass("page-id-220") || jQuery("body").hasClass("page-id-222") ) {
          jQuery('html, body').animate({
            scrollTop: jQuery('#cotiza').offset().top
          }, 2000);
      }else{
          location.href = "https://www.jopesa.pe/#cotiza";
      }
    });
    
  });
  
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function( $ ){
  
	jQuery('.link-cotiza').click(function(){
      jQuery('.pum-close').click();
    });
  
});

function abrirPopupTerminos(){
  console.log("modal")
  jQuery('#pum-1213').css("display","block");
}

jQuery('#pum-1213 .pum-close').click(function(){
  jQuery('#pum-1213').css("display","none");
});

function abrirPopupPoliticas(){
  console.log("modal")
  jQuery('#pum-1229').css("display","block");
}

jQuery('#pum-1229 .pum-close').click(function(){
  jQuery('#pum-1229').css("display","none");
});

</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function( $ ){
  
  var URLactual = window.location.href;
  
  $('a[href^="#"]').on('click', function(event) {
      var target = $( jQuery(this).attr('href') );
      if( target.length ) {
          event.preventDefault();
          $('html, body').animate({
              scrollTop: target.offset().top
          }, 2000);
      }
  });
	
  $( window ).on("load", function() {
    if(URLactual.indexOf("#cotiza") != -1){
  	  $('html, body').animate({
          scrollTop: $('#cotiza').offset().top
        }, 1500);   
    }
  });
  
});

function cotizar(){
  	jQuery('.modal-menu').slideUp("slow");
  	if (jQuery("body").hasClass("page-id-5") || jQuery("body").hasClass("page-id-134") || jQuery("body").hasClass("page-id-214") || jQuery("body").hasClass("page-id-217") || jQuery("body").hasClass("page-id-220") || jQuery("body").hasClass("page-id-222") ) {
		jQuery('html, body').animate({
          scrollTop: jQuery('#cotiza').offset().top
        }, 2000);
       console.log("opcion1");
    }else{
        console.log("opcion2");
		location.href = "https://www.jopesa.pe/#cotiza";
    }
  
}
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function( $ ){
  jQuery( ".categoria" ).click(function() {
    jQuery(".category_selector").val(jQuery(this).attr('data-val')).change();
});
});



</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function( $ ){
    jQuery('#menu-item-148').find('a').html('<img class="out-image" src="https://www.jopesa.pe/wp-content/uploads/2020/05/salazar-proyecto-1.png" alt="">');
	jQuery('#menu-item-216').find('a').html('<img class="out-image" src="https://www.jopesa.pe/wp-content/uploads/2020/05/proyectos-relacionados-laureles-1.png" alt="">');
	jQuery('#menu-item-233').find('a').html('<img class="out-image" src="https://www.jopesa.pe/wp-content/uploads/2020/05/proyectos-relacionados-rosell-1.png" alt="">');
	jQuery('#menu-item-232').find('a').html('<img class="out-image" src="https://www.jopesa.pe/wp-content/uploads/2020/05/proyectos-relacionados-piura-1.png" alt="">');
	jQuery('#menu-item-231').find('a').html('<img class="out-image" src="https://www.jopesa.pe/wp-content/uploads/2020/05/proyectos-relacionados-b34-1.png" alt="">');


    jQuery('#menu-item-148').find('a').append('<img class="into-image" src="https://www.jopesa.pe/wp-content/uploads/2020/05/salazar-icono-proyectos.png" alt="">');
	jQuery('#menu-item-216').find('a').append('<img class="into-image"  src="https://www.jopesa.pe/wp-content/uploads/2020/05/laureles-icono-proyectos.png" alt="">');
	jQuery('#menu-item-233').find('a').append('<img class="into-image"  src="https://www.jopesa.pe/wp-content/uploads/2020/05/rossell-icono-proyectos.png" alt="">');
	jQuery('#menu-item-232').find('a').append('<img class="into-image"  src="https://www.jopesa.pe/wp-content/uploads/2020/05/piura-icono-proyectos.png" alt="">');
	jQuery('#menu-item-231').find('a').append('<img class="into-image"  src="https://www.jopesa.pe/wp-content/uploads/2020/05/b34-blanco-1.png" alt="">');
	jQuery('#emails-groups').first().find('h5').css('display','none');
});



</script>
<!-- end Simple Custom CSS and JS -->

<script type="text/javascript" src='//www.jopesa.pe/wp-content/uploads/custom-css-js/121.js?v=7865'></script>
</body>

</html>