https://www.paralanaturaleza.org/_nuxt/m_vaFP9i.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./C_YC4gad.js","./mapbox-gl.CvTM5QQz.css"])))=>i.map(i=>d[i]);
2import{d as X,b as J,w as le,v as re,x as ce,o as r,c as u,n as N,i as a,k as j,a as _,ai as V,j as z,e as n,t as d,D as v,a2 as de,F as Z,y as G,R as ue,l as me,ak as pe,m as k,z as g,_ as fe,ae as be,u as ve}from"./eFdCCj3t.js";import{f as ge,_ as he}from"./CZY2wmXi.js";import{_ as xe}from"./CxLkCp8M.js";import"./C_YC4gad.js";import"./Bfd5Thr0.js";const ye={sellos:"bambuas",papel:"casa-sed",abanicos:"casa-sed","cuerpos-de-agua":"bambuas","escuchar-rio":"bambuas","tiempo-contar":"bajo-almendro","derechos-rios":"bambuas",geocoreografias:"bambuas","poesia-aguas":"bambuas","cartelera-cine":"cartelera-cine"},$=[{id:"fogon",number:1,coordinates:[-66.0585,18.38994],color:"#2b3990"},{id:"tienda",number:2,coordinates:[-66.0584,18.38993],color:"#2b3990"},{id:"cartelera-cine",number:3,coordinates:[-66.05846,18.38982],color:"#2b3990"},{id:"zona-accion",number:4,coordinates:[-66.05856,18.38951],color:"#2b3990"},{id:"exhibicion",number:5,coordinates:[-66.05848,18.38944],color:"#2b3990"},{id:"bambuas",number:6,coordinates:[-66.05932,18.38903],color:"#2b3990"},{id:"casa-sed",number:7,coordinates:[-66.05867,18.38879],color:"#2b3990"},{id:"colaboradores",number:8,coordinates:[-66.05882,18.38867],color:"#2b3990"},{id:"bajo-almendro",number:9,coordinates:[-66.05848,18.3893],color:"#2b3990"}],_e=[{id:"oasis-1",type:"oasis",coordinates:[-66.05879,18.38874]},{id:"oasis-2",type:"oasis",coordinates:[-66.05867,18.38889]},{id:"oasis-3",type:"oasis",coordinates:[-66.05853,18.38919]},{id:"oasis-4",type:"oasis",coordinates:[-66.05852,18.38972]},{id:"oasis-5",type:"oasis",coordinates:[-66.05866,18.38993]},{id:"oasis-6",type:"oasis",coordinates:[-66.05925,18.38909]},{id:"banos-1",type:"banos",coordinates:[-66.05867,18.38993]},{id:"ambulancia-1",type:"ambulancia",coordinates:[-66.05847,18.38999]}],we=[-66.05876,18.38933],ke=[[-66.0615,18.3875],[-66.0565,18.3912]];function Ce(h){return ye[h]??null}const Ee={class:"flex items-start justify-between gap-3"},Le={class:"flex items-center gap-3"},Ae={key:0,class:"flex size-10 shrink-0 items-center justify-center rounded-full bg-[#2b3990] font-national2Condensed text-lg font-bold leading-none text-white shadow"},ze={class:"font-national2Condensed text-2xl font-medium leading-none text-[#2b3990]"},Se={key:0,class:"mt-1 font-national2Narrow text-base leading-[1.35] text-[#2b3990]/70"},Ie=["aria-label"],Te={key:0,class:"mt-4 flex flex-col gap-2"},Me={class:"font-national2Condensed text-sm font-medium uppercase tracking-wide text-[#2b3990]/50"},Ne={class:"font-national2Condensed text-lg font-medium leading-[1.1] text-[#2b3990]"},$e=["data-tip"],Be=["aria-label"],Fe={key:0,class:"mt-1 font-national2Narrow text-sm leading-[1.35] text-[#2b3990]/60"},je={class:"min-w-0 flex-1 truncate text-left font-national2 text-lg font-medium leading-[1.5] tracking-[-0.18px] text-black [font-variant-numeric:lining-nums_tabular-nums]"},Ve={class:"min-w-0 flex-1 truncate text-left font-national2 text-lg font-medium leading-[1.5] tracking-[-0.18px] text-black [font-variant-numeric:lining-nums_tabular-nums]"},Pe={key:0,class:"w-[200px] rounded-2xl bg-white p-4 shadow-[0_4px_20px_rgba(0,0,0,0.25)]"},He={class:"font-national2Condensed text-sm font-medium uppercase tracking-wide text-[#2b3990]/50"},Re={class:"mt-3 flex flex-col gap-2.5"},qe={class:"flex items-center gap-2.5"},De={class:"font-national2Narrow text-sm leading-[1.2] text-[#2b3990]"},Oe={class:"flex items-center gap-2.5"},Ue={class:"font-national2Narrow text-sm leading-[1.2] text-[#2b3990]"},Ke={class:"flex items-center gap-2.5"},Ye={class:"font-national2Narrow text-sm leading-[1.2] text-[#2b3990]"},Ze={class:"flex items-center gap-2.5"},Ge={class:"font-national2Narrow text-sm leading-[1.2] text-[#2b3990]"},Xe={class:"flex gap-2"},Je={key:0,class:"flex items-center gap-1.5 rounded-full bg-white px-2 py-1 shadow-[0_4px_20px_rgba(0,0,0,0.25)]"},Qe=["onClick"],We=["aria-label"],et=["aria-label"],tt=X({__name:"FeriaVenueMap",props:{activities:{},edgeToEdge:{type:Boolean,default:!1},underLayoutHeader:{type:Boolean,default:!1}},setup(h){const b=h,B=k(()=>["max-h-[55%] overflow-y-auto rounded-t-[24px] bg-white p-5 shadow-[0_-4px_24px_rgba(0,0,0,0.25)]",b.underLayoutHeader?"fixed inset-x-0 bottom-0 z-[100]":"absolute inset-x-0 bottom-0 z-[99999]"].join(" ")),{t:i}=J("feria-2026"),p=k(()=>{const t={};for(const e of $)t[e.id]=[];for(const e of b.activities){const s=Ce(e.id);s&&t[s]&&t[s].push(e)}return t}),w=g(null),o=g(null),C=g(!1),f=g(null),E=g([]),x=g(null),F=g(!1),S=g(!1),Q=[{id:"satellite-streets",labelKey:"mapa.style.satellite",defaultLabel:"Satélite",style:"mapbox://styles/mapbox/satellite-streets-v12"},{id:"dark",labelKey:"mapa.style.dark",defaultLabel:"Oscuro",style:"mapbox://styles/mapbox/dark-v11"},{id:"standard",labelKey:"mapa.style.standard",defaultLabel:"Standard",style:"mapbox://styles/mapbox/standard"}],P=k(()=>Q.map(t=>({id:t.id,label:i(t.labelKey,t.defaultLabel),style:t.style}))),H=g("standard");function W(t){const e=P.value.find(s=>

2s.id===t);!e||!o.value||(H.value=t,S.value=!1,o.value.setStyle(e.style),o.value.once("style.load",()=>{I()}))}const y=k(()=>x.value?$.find(t=>t.id===x.value)??null:null),R=k(()=>x.value?p.value[x.value]??[]:[]);function ee(t){x.value=t,q();const e=$.find(s=>s.id===t);e&&o.value&&o.value.flyTo({center:e.coordinates,zoom:18,speed:.8,offset:[0,-60]}),U()}function q(){document.querySelectorAll(".feria-amenity-label.visible").forEach(t=>t.classList.remove("visible"))}function L(){x.value=null,U(),q()}function D(t){o.value!==t||C.value||(C.value=!0,I())}const O=async()=>{if(!w.value||o.value||C.value)return;const t=w.value.getBoundingClientRect();if(t.width===0||t.height===0){setTimeout(O,100);return}let e=null;try{const s=await fe(()=>import("./C_YC4gad.js").then(m=>m.m),__vite__mapDeps([0,1]),import.meta.url);f.value=s.default||s;const l=be();e=new f.value.Map({container:w.value,style:"mapbox://styles/mapbox/standard",center:we,zoom:17,bearing:-90,maxBounds:ke,accessToken:l.public.mapbox?.accessToken,minZoom:15,maxZoom:20,attributionControl:!1}),o.value=e,e.addControl(new f.value.GeolocateControl({positionOptions:{enableHighAccuracy:!0},trackUserLocation:!0,showUserHeading:!0,showAccuracyCircle:!0}),"top-right"),e.addControl(new f.value.NavigationControl({showCompass:!0,visualizePitch:!1}),"top-right"),e.addControl(new f.value.AttributionControl({compact:!0}),"bottom-left"),e.on("click",()=>{L()}),I(),e.once("styledata",()=>{D(e)}),e.once("load",()=>{o.value===e&&(D(e),requestAnimationFrame(()=>{o.value===e&&e.resize()}))}),e.on("error",m=>{console.error("Feria venue map error:",m)}),requestAnimationFrame(()=>{o.value===e&&e.resize()}),setTimeout(()=>{o.value===e&&e.resize()},200)}catch(s){console.error("Error initializing feria venue map:",s),C.value=!1,e?.remove(),o.value=null}};function te(t){const e=document.createElement("div"),s=p.value[t.id]?.length??0,l=t.number!==null;return e.innerHTML=`
3    <button type="button" class="feria-marker-btn" data-space-id="${t.id}">
4      <span class="feria-marker-ping"></span>
5      <span class="feria-marker-circle ${l?"numbered":"unnumbered"}">
6        ${l?t.number:'<span class="feria-marker-dot"></span>'}
7      </span>
8      ${s>0?`<span class="feria-marker-badge">${s}</span>`:""}
9    </button>
10  `,e.querySelector("button").addEventListener("click",A=>{A.stopPropagation(),ee(t.id)}),e}const ae={oasis:'<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"/></svg>',banos:'<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 12h13a1 1 0 0 1 1 1 5 5 0 0 1-5 5h-.598a.5.5 0 0 0-.424.765l1.544 2.47a.5.5 0 0 1-.424.765H5.402a.5.5 0 0 1-.424-.765L7 18"/><path d="M8 18a5 5 0 0 1-5-5V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8"/></svg>',ambulancia:'<span style="font-size:12px;line-height:1;color:white;font-weight:700">✚</span>'},se={oasis:"#00A89F",banos:"#2b3990",ambulancia:"#E74C3C"};function ne(t,e){const s=document.createElement("div"),l=se[t.type],m=e.replace(/"/g,"&quot;");return s.innerHTML=`
11    <button type="button" class="feria-amenity-btn" aria-label="${m}">
12      <span class="feria-amenity" style="background:${l}">
13        ${ae[t.type]}
14      </span>
15      <span class="feria-amenity-label" style="background:${l}">${e}</span>
16    </button>
17  `,s.querySelector("button").addEventListener("click",c=>{c.stopPropagation();const M=s.querySelector(".feria-amenity-label");if(!M)return;const oe=M.classList.contains("visible");document.querySelectorAll(".feria-amenity-label.visible").forEach(ie=>ie.classList.remove("visible")),oe||M.classList.add("visible")}),s}function I(){if(!o.value||!f.value)return;K();for(const s of $){const l=te(s),m=new f.value.Marker({element:l,anchor:"center"}).setLngLat(s.coordinates).addTo(o.value);E.value.push({marker:m,spaceId:s.id})}const t={oasis:"mapa.legendOasis",banos:"mapa.legendBanos",ambulancia:"mapa.legendAmbulancia"},e={oasis:"Oasis",banos:"Baños",ambulancia:"Ambulancia"};for(const s of _e){const l=ne(s,i(t[s.type],e[s.type])),m=new f.value.Marker({element:l,anchor:"center"}).setLngLat(s.coordinates).addTo(o.value);E.value.push({marker:m,spaceId:`_amenity_${s.id}`})}}function U(){for(const{marker:t,spaceId:e}of E.value)try{const s=t.getElement();if(!s)continue;const l=s.querySelector(".feria-marker-circle");if(!l)continue;x.value===e?l.classList.add("selected"):l.classList.remove("selected")}catch{}}function K(){E.value.forEach(({marker:t})=>t.remove()),E.value=[]}const T=()=>{if(!o.value||!w.value)return;const t=w.value.getBoundingClientRect();t.width===0||t.height===0||requestAnimationFrame(()=>o.value?.resize())};le(p,()=>{o.value&&f.value&&I()});function Y(t){t.key==="Escape"&&x.value!==null&&L()}return re(()=>{document.addEventListener("keydown",Y),window.addEventListener("resize",T),O(),setTimeout(T,200),setTimeout(T,800)}),ce(()=>{document.removeEventListener("keydown",Y),window.removeEventListener("resize",T),K(),o.value&&(o.value.remove(),o.value=null,C.value=!1),f.value=null}),(t,e)=>{const s=de,l=he,m=xe,A=me;return r(),u("div",{class:N(["relative h-full overflow-hidden",[h.edgeToEdge?"rounded-none shadow-none":"rounded-2xl shadow-lg",h.underLayoutHeader&&"feria-venue-map--under-layout"]])},[a("div",{ref_key:"mapContainer",ref:w,class:"h-full w-full"},null,512),(r(),j(pe,{to:"body",disabled:!h.underLayoutHeader},[_(V,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"translate-y-full opacity-0","enter-to-class":"translate-y-0 opacity-100","leave-active-class":"transition duration-200 ease-in","leave-from-class":"translate-y-0 opacity-100","leave-to-class":"translate-y-full opacity-0"},{default:z(()=>[n(y)?(r(),u("div",{key:0,class:N(n(B))},[a("div",Ee,[a("div",Le,[n(y).number?(r(),u("span",Ae,d(n(y).number),1)):v("",!0),a("div",null,[a("h3",ze,d(n(i)(`mapa.space

17s.${n(y).id}.name`)),1),n(i)(`mapa.spaces.${n(y).id}.subtitle`)?(r(),u("p",Se,d(n(i)(`mapa.spaces.${n(y).id}.subtitle`)),1)):v("",!0)])]),a("button",{type:"button",class:"flex size-9 shrink-0 items-center justify-center rounded-lg bg-[#f2ece9] transition hover:bg-[#e5dfdc]","aria-label":n(i)("mapa.closeDetail","Cerrar detalle"),onClick:L},[_(s,{class:"h-3 w-3 text-[#2b3990]"})],8,Ie)]),n(R).length?(r(),u("div",Te,[a("h4",Me,d(n(i)("mapa.activitiesTitle","Actividades")),1),(r(!0),u(Z,null,G(n(R),c=>(r(),u("div",{key:c.id,class:"rounded-xl bg-[#f2ece9] px-4 py-3"},[a("p",Ne,[ue(d(c.title),1),n(ge)(c.id)?(r(),u("span",{key:0,class:"tooltip tooltip-bottom tooltip-secondary ml-1.5 inline-flex cursor-help align-middle text-[#2b3990]","data-tip":n(i)("actividades.signLanguageTooltip","Interpretación en lenguaje de señas disponible")},[a("span",{class:"inline-flex",role:"img","aria-label":n(i)("actividades.signLanguageA11y","Interpretación en lenguaje de señas disponible")},[_(l,{class:"h-5 w-auto","aria-hidden":"true",focusable:"false"})],8,Be)],8,$e)):v("",!0)]),c.time?(r(),u("p",Fe,d(c.time),1)):v("",!0)]))),128))])):v("",!0),n(y).id==="fogon"?(r(),j(A,{key:1,to:"/eventos/feria-2026/actividades#fogon",class:"relative mt-4 flex h-11 w-full items-center gap-3 rounded-lg bg-[#FFC000] px-4 shadow-md transition hover:brightness-105",onClick:L},{default:z(()=>[a("span",je,d(n(i)("mapa.ctaActividadesFogon","Ver listado de participantes")),1),_(m,{class:"h-3 w-3 shrink-0 text-black","aria-hidden":"true"})]),_:1})):n(y).id==="colaboradores"?(r(),j(A,{key:2,to:"/eventos/feria-2026/actividades#colaboradores",class:"relative mt-4 flex h-11 w-full items-center gap-3 rounded-lg bg-[#FFC000] px-4 shadow-md transition hover:brightness-105",onClick:L},{default:z(()=>[a("span",Ve,d(n(i)("mapa.ctaActividadesColaboradores","Ver listado de colaboradores")),1),_(m,{class:"h-3 w-3 shrink-0 text-black","aria-hidden":"true"})]),_:1})):v("",!0)],2)):v("",!0)]),_:1})],8,["disabled"])),a("div",{class:N(["absolute bottom-4 right-4 z-[60] flex flex-col items-end gap-2",h.underLayoutHeader&&"max-sm:bottom-[calc(4rem+env(safe-area-inset-bottom,0px))]"])},[_(V,{"enter-active-class":"transition duration-200 ease-out","enter-from-class":"translate-y-2 scale-95 opacity-0","enter-to-class":"translate-y-0 scale-100 opacity-100","leave-active-class":"transition duration-150 ease-in","leave-from-class":"translate-y-0 scale-100 opacity-100","leave-to-class":"translate-y-2 scale-95 opacity-0"},{default:z(()=>[n(F)?(r(),u("div",Pe,[a("h4",He,d(n(i)("mapa.legendTitle","Leyenda")),1),a("ul",Re,[a("li",qe,[e[2]||(e[2]=a("span",{class:"flex size-6 shrink-0 items-center justify-center rounded-full bg-[#2b3990] font-national2Condensed text-[11px] font-bold text-white"}," 1 ",-1)),a("span",De,d(n(i)("mapa.legendSpaces","Espacios")),1)]),a("li",Oe,[e[3]||(e[3]=a("span",{class:"flex size-6 shrink-0 items-center justify-center rounded-full bg-[#00A89F]"},[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"white","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},[a("path",{d:"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"})])],-1)),a("span",Ue,d(n(i)("mapa.legendOasis","Oasis")),1)]),a("li",Ke,[e[4]||(e[4]=a("span",{class:"flex size-6 shrink-0 items-center justify-center rounded-full bg-[#2b3990]"},[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"white","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},[a("path",{d:"M7 12h13a1 1 0 0 1 1 1 5 5 0 0 1-5 5h-.598a.5.5 0 0 0-.424.765l1.544 2.47a.5.5 0 0 1-.424.765H5.402a.5.5 0 0 1-.424-.765L7 18"}),a("path",{d:"M8 18a5 5 0 0 1-5-5V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8"})])],-1)),a("span",Ye,d(n(i)("mapa.legendBanos","Baños")),1)]),a("li",Ze,[e[5]||(e[5]=a("span",{class:"flex size-6 shrink-0 items-center justify-center rounded-full bg-[#E74C3C]"},[a("span",{class:"text-[13px] font-bold leading-none text-white"},"✚")],-1)),a("span",Ge,d(n(i)("mapa.legendAmbulancia","Ambulancia")),1)])])])):v("",!0)]),_:1}),a("div",Xe,[_(V,{"enter-active-class":"transition duration-200 ease-out","enter-from-class":"translate-x-2 scale-95 opacity-0","enter-to-class":"translate-x-0 scale-100 opacity-100","leave-active-class":"transition duration-150 ease-in","leave-from-class":"translate-x-0 scale-100 opacity-100","leave-to-class":"translate-x-2 scale-95 opacity-0"},{default:z(()=>[n(S)?(r(),u("div",Je,[(r(!0),u(Z,null,G(n(P),c=>(r(),u("button",{key:c.id,type:"button",class:N(["rounded-full px-2.5 py-1 font-national2Narrow text-[11px] font-medium transition",n(H)===c.id?"bg-[#2b3990] text-white":"text-[#2b3990] hover:bg-[#f2ece9]"]),onClick:M=>W(c.id)},d(c.label),11,Qe))),128))])):v("",!0)]),_:1}),a("button",{type:"button",class:"flex size-10 shrink-0 items-center justify-center rounded-full bg-[#2b3990] text-white shadow-lg transition hover:bg-[#00A89F]","aria-label":n(i)("mapa.stylePickerAria","Camb

17iar estilo de mapa"),onClick:e[0]||(e[0]=c=>S.value=!n(S))},[...e[6]||(e[6]=[a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"size-5"},[a("path",{d:"m12 3-1.9 5.8a2 2 0 0 1-1.287 1.288L3 12l5.8 1.9a2 2 0 0 1 1.288 1.287L12 21l1.9-5.8a2 2 0 0 1 1.287-1.288L21 12l-5.8-1.9a2 2 0 0 1-1.288-1.287Z"})],-1)])],8,We),a("button",{type:"button",class:"flex size-10 shrink-0 items-center justify-center rounded-full bg-[#2b3990] text-white shadow-lg transition hover:bg-[#00A89F]","aria-label":n(i)("mapa.legendTitle","Leyenda"),onClick:e[1]||(e[1]=c=>F.value=!n(F))},[...e[7]||(e[7]=[a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"size-5"},[a("circle",{cx:"12",cy:"12",r:"10"}),a("path",{d:"M12 16v-4"}),a("path",{d:"M12 8h.01"})],-1)])],8,et)])],2)],2)}}}),at={class:"pointer-events-none fixed inset-0 z-[1] h-[100dvh] w-full max-w-none"},st={class:"pointer-events-auto h-full w-full"},ct=X({__name:"mapa",setup(h){const{t:b}=J("feria-2026"),B=["sellos","papel","abanicos","cuerpos-de-agua","escuchar-rio","tiempo-contar","derechos-rios","geocoreografias","poesia-aguas","cartelera-cine"],i=k(()=>B.map(p=>({id:p,location:b.value(`actividades.items.${p}.location`),title:b.value(`actividades.items.${p}.title`),time:b.value(`actividades.items.${p}.time`),description:b.value(`actividades.items.${p}.description`)})));return ve({title:b.value("mapa.seo.title","Mapa del recinto — Feria Para la Naturaleza 2026"),description:b.value("mapa.seo.description","Mapa interactivo del recinto de la Feria Para la Naturaleza 2026 en el Antiguo Acueducto del río Piedras. Explora espacios, estaciones y servicios."),ogImage:"/images/feria-2026/ilustracion-1.webp"}),(p,w)=>{const o=tt;return r(),u("div",at,[a("div",st,[_(o,{activities:n(i),"edge-to-edge":"","under-layout-header":""},null,8,["activities"])])])}}});export{ct as default};