{"id":1073,"date":"2026-04-08T16:12:47","date_gmt":"2026-04-08T16:12:47","guid":{"rendered":"https:\/\/inmiami.net\/?page_id=1073"},"modified":"2026-04-09T23:47:44","modified_gmt":"2026-04-09T23:47:44","slug":"my-picks","status":"publish","type":"page","link":"https:\/\/inmiami.net\/en\/my-picks\/","title":{"rendered":"My Picks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1073\" class=\"elementor elementor-1073\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f2e87c e-flex e-con-boxed e-con e-parent\" data-id=\"9f2e87c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec27d0 elementor-widget elementor-widget-html\" data-id=\"7ec27d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.4.1\/papaparse.min.js\"><\/script>\n\n<div id=\"inmiami-capsule\"><\/div>\n\n<script>\n(function() {\n  'use strict';\n  \n  const host = document.getElementById('inmiami-capsule');\n  const shadow = host.attachShadow({ mode: 'open' });\n\n  const style = document.createElement('style');\n  style.textContent = `\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;1,500&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n    :host { all: initial; display: block; width: 100%; font-family: 'Plus Jakarta Sans', sans-serif; }\n    * { box-sizing: border-box; font-family: inherit; }\n    button { border: none; background: transparent; cursor: pointer; padding: 0; outline: none; }\n    a { text-decoration: none; color: inherit; }\n\n    #app { background: #F5F0E8; color: #0A2E3F; width: 100%; text-align: left; line-height: 1.5; }\n    \n    .hero { background: linear-gradient(155deg, #051c28 0%, #0A2E3F 40%, #0d5070 75%, #00B4CC 120%); padding: 35px 20px 30px; text-align: center; }\n    .h-eye { display: inline-flex; align-items: center; gap: 6px; background: rgba(232,160,32,0.15); border: 1px solid rgba(232,160,32,0.3); color: #FACC15; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }\n    .hero h1 { font-family: 'Cormorant Garamond', serif; color: #fff; font-size: 36px; line-height: 1; white-space: nowrap; margin: 0 0 10px 0; font-weight: 600; }\n    .hero p { color: rgba(255,255,255,0.9); font-size: 13px; font-weight: 500; margin: 0 auto; max-width: 340px; }\n\n    .sect { background: #fff; padding: 16px 16px 4px; }\n    .m-q { font-size: 10px; font-weight: 700; color: #637076; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 1px; }\n    .m-grp { margin-bottom: 14px; }\n    .m-lbl { font-size: 9px; font-weight: 700; color: #637076; margin-bottom: 8px; display: block; text-transform: uppercase; letter-spacing: 1px; }\n    .pills { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }\n    .pills::-webkit-scrollbar { display: none; }\n    .pill { display: inline-flex; align-items: center; justify-content: center; height: 36px; min-width: 95px; padding: 0 15px; border-radius: 50px; border: 1.5px solid #E4E8EB; background: #FBF6EF; color: #0A2E3F; font-size: 12px; font-weight: 700; flex-shrink: 0; transition: 0.2s; }\n    .pill.on { background: #0A2E3F; color: #fff; border-color: #0A2E3F; }\n\n    \/* Nuevo contenedor para el bot\u00f3n Surprise *\/\n    .sur-wrap { padding: 0 16px 20px; background: #fff; border-bottom: 1px solid #E4E8EB; text-align: center; }\n    .b-sur { width: 100%; max-width: 400px; background: linear-gradient(135deg, #E85D45, #c04030); color: #fff; padding: 15px; border-radius: 12px; font-size: 14px; font-weight: 700; box-shadow: 0 4px 14px rgba(232,93,69,0.3); display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: transform 0.2s; }\n    .b-sur:active { transform: scale(0.98); }\n\n    .filt { background: #fff; padding: 12px 16px; border-bottom: 1px solid #E4E8EB; position: sticky; top: 0; z-index: 10; }\n    .f-tgl { width: 100%; background: #FBF6EF; border: 1.5px solid #E4E8EB; color: #0A2E3F; padding: 10px; border-radius: 10px; font-size: 12px; font-weight: 700; }\n    .f-col { display: none; padding-top: 15px; }\n    .f-col.on { display: block; }\n    .f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }\n    .f-grp { display: flex; flex-direction: column; }\n    .f-grp label { font-size: 9px; font-weight: 700; color: #637076; text-transform: uppercase; margin-bottom: 4px; }\n    .f-grp select { width: 100%; padding: 8px; border-radius: 8px; border: 1.5px solid #E4E8EB; background: #FBF6EF; color: #0A2E3F; font-size: 12px; }\n    .f-act { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }\n    .b-rst { width: 100%; background: #FBF6EF; border: 1.5px solid #E4E8EB; color: #637076; padding: 12px; border-radius: 10px; font-size: 13px; font-weight: 700; }\n\n    .res { padding: 16px; }\n    .cnt { font-size: 12px; color: #637076; margin: 0 0 12px 0; text-align: center; }\n    .grid { display: grid; gap: 15px; grid-template-columns: 1fr; }\n    .cd { background: #fff; border-radius: 16px; border: 1px solid #E4E8EB; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }\n    .c-bar { height: 4px; background: linear-gradient(90deg, #00B4CC, #0A2E3F); }\n    .c-m { padding: 15px; }\n    .c-h { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }\n    .c-nm { font-family: 'Cormorant Garamond', serif; font-size: 21px; font-weight: 700; color: #0A2E3F; margin: 0; line-height: 1.1; }\n    .c-pr { font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 6px; background: #FBF6EF; border: 1px solid #E4E8EB; }\n    .c-tg { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }\n    .tg { padding: 4px 8px; border-radius: 6px; font-size: 10px; font-weight: 600; background: rgba(10,46,63,0.06); color: #0A2E3F; }\n    .tg.loc { background: #dcfce7; color: #166534; }\n    .c-wy { background: #FBF6EF; padding: 10px 12px; border-radius: 8px; border-left: 3px solid #00B4CC; margin-bottom: 10px; }\n    .c-wy span { display: block; font-size: 9px; font-weight: 700; color: #637076; text-transform: uppercase; margin-bottom: 4px; }\n    .c-wy p { font-size: 12px; margin: 0; color: #0A2E3F; line-height: 1.4; }\n    .c-sg { background: rgba(232,160,32,0.08); padding: 8px 12px; border-radius: 8px; font-size: 12px; }\n    .c-sg strong { color: #E8A020; font-size: 10px; text-transform: uppercase; display: block; margin-bottom: 2px;}\n    .c-f { padding: 12px 15px; border-top: 1px solid #E4E8EB; background: #fafafa; display: flex; justify-content: space-between; align-items: center; }\n    .sc-l { font-size: 9px; font-weight: 700; color: #637076; text-transform: uppercase; margin-bottom: 2px; display: block; }\n    .sc-v { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 700; line-height: 1; }\n    .sc-v span { font-size: 12px; color: #637076; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500;}\n    .b-map { background: #0A2E3F; color: #fff; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; }\n\n    .ds { padding: 20px 16px 40px; background: #fff; border-top: 1px solid #E4E8EB; display: flex; align-items: center; gap: 8px; font-size: 11px; color: #637076; justify-content: center; }\n    .ds-d { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px rgba(34,197,94,0.2); }\n\n    .ov { position: fixed; inset: 0; background: rgba(5,28,40,0.8); z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(5px); }\n    .ov.on { display: flex; }\n    .mdl { background: #fff; width: 100%; max-width: 500px; border-radius: 20px; padding: 25px; position: relative; max-height: 90vh; overflow-y: auto; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.3); }\n    .m-cl { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; border-radius: 50%; background: #FBF6EF; color: #637076; display: flex; align-items: center; justify-content: center; font-size: 16px; }\n    .m-bdg { display: inline-block; background: rgba(232,93,69,0.1); color: #E85D45; padding: 5px 12px; border-radius: 20px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; }\n    .m-sv { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 700; line-height: 1; }\n    .m-sv span { font-size: 16px; color: #637076; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500;}\n    .m-st { display: flex; justify-content: center; gap: 2px; margin-top: 5px; color: #E8A020; font-size: 14px; margin-bottom: 15px;}\n    .m-nm { font-family: 'Cormorant Garamond', serif; font-size: 32px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.1; }\n    .m-tg { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-bottom: 15px; }\n    .m-wy { background: #FBF6EF; padding: 15px; border-radius: 8px; border-left: 3px solid #00B4CC; text-align: left; font-size: 14px; line-height: 1.5; margin: 0 0 15px 0; color: #334155; }\n    .m-sg { background: rgba(232,160,32,0.08); padding: 10px; border-radius: 8px; font-size: 13px; margin-bottom: 15px; display: none; text-align: left;}\n    .m-sg.on { display: block; }\n    .m-sg strong { color: #E8A020; font-size: 11px; text-transform: uppercase; display: block; margin-bottom: 4px; }\n    .m-ac { display: flex; flex-direction: column; gap: 10px; }\n    .m-ac .b-map { width: 100%; padding: 14px; justify-content: center; font-size: 14px; border-radius: 12px; }\n    .b-ag { background: #FBF6EF; border: 1.5px solid #E4E8EB; color: #0A2E3F; padding: 14px; border-radius: 12px; font-weight: 700; font-size: 13px; width: 100%; }\n\n    @media (min-width: 800px) {\n      .grid { grid-template-columns: 1fr 1fr 1fr; }\n      .f-tgl { display: none; }\n      .f-col { display: block; }\n      .f-row { grid-template-columns: 1fr 1fr 1fr 1fr; }\n      .f-act { flex-direction: row; justify-content: flex-end; }\n      .b-rst { width: auto; padding: 10px 24px; }\n      .m-ac { flex-direction: row; }\n      .m-ac .b-map { flex: 2; width: auto; }\n      .b-ag { flex: 1; width: auto; }\n    }\n  `;\n  shadow.appendChild(style);\n\n  const app = document.createElement('div');\n  app.id = 'app';\n  \n  app.innerHTML = `\n    <div class=\"hero\">\n      <div class=\"h-eye\">\ud83c\udf34 BY DANIEL D\u00cdAZ \u00b7 inmiami.net<\/div>\n      <h1>Dining Guide<\/h1>\n      <p>30 Years in Miami \u2022 150 Miles a Day \u2022 Real Recommendations<\/p>\n    <\/div>\n\n    <div class=\"sect\">\n      <p class=\"m-q\">What's the vibe?<\/p>\n      <div class=\"m-grp\"><span class=\"m-lbl\">\u2728 Special<\/span><div class=\"pills\">\n        <button class=\"pill\" data-i=\"date,romantic\">\ud83c\udf19 Date<\/button>\n        <button class=\"pill\" data-i=\"impress,upscale,scene,luxury\">\ud83d\udcab Impress<\/button>\n        <button class=\"pill\" data-i=\"celebrate,special occasion\">\ud83e\udd42 Celebrate<\/button>\n        <button class=\"pill\" data-i=\"splurge,high-end,expensive\">\ud83d\udc8e Splurge<\/button>\n      <\/div><\/div>\n      <div class=\"m-grp\"><span class=\"m-lbl\">\ud83d\udc65 Social<\/span><div class=\"pills\">\n        <button class=\"pill\" data-i=\"night out,drinks,bar,party\">\ud83c\udf03 Night Out<\/button>\n        <button class=\"pill\" data-i=\"group,friends,sharing\">\ud83d\udc65 Groups<\/button>\n        <button class=\"pill\" data-i=\"family,kids,casual\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Family<\/button>\n        <button class=\"pill\" data-i=\"business,power lunch\">\ud83d\udcbc Business<\/button>\n      <\/div><\/div>\n      <div class=\"m-grp\"><span class=\"m-lbl\">\u2600\ufe0f Everyday<\/span><div class=\"pills\">\n        <button class=\"pill\" data-i=\"brunch,breakfast\">\ud83c\udf73 Brunch<\/button>\n        <button class=\"pill\" data-i=\"coffee,cafe,bakery,pastries\">\u2615 Coffee<\/button>\n        <button class=\"pill\" data-i=\"quick,fast,casual,takeout,lunch\">\u26a1 Quick Bite<\/button>\n        <button class=\"pill\" data-i=\"late night,24h,late-night\">\ud83c\udf19 Late Night<\/button>\n        <button class=\"pill\" data-i=\"comfort,pizza,burger,bbq,american\">\ud83c\udf72 Comfort<\/button>\n      <\/div><\/div>\n      <div class=\"m-grp\" style=\"margin:0\"><span class=\"m-lbl\">\ud83d\udd0d Discovery<\/span><div class=\"pills\">\n        <button class=\"pill\" data-i=\"local,neighborhood,gem\">\u2b50 Local Fav<\/button>\n        <button class=\"pill\" data-i=\"hidden,unique,rare\">\ud83d\udc9a Hidden Gem<\/button>\n        <button class=\"pill\" data-i=\"new,fusion,creative,acclaimed\">\ud83c\udf0d Explore<\/button>\n      <\/div><\/div>\n    <\/div>\n\n    <div class=\"sur-wrap\">\n      <button class=\"b-sur\" id=\"btn-sur\">\ud83c\udfb2 Daniel's Surprise Pick<\/button>\n    <\/div>\n\n    <div class=\"filt\">\n      <button class=\"f-tgl\" id=\"btn-tgl\">\u2699\ufe0f Filtros Avanzados<\/button>\n      <div class=\"f-col\" id=\"f-col\">\n        <div class=\"f-row\">\n          <div class=\"f-grp\"><label>Where?<\/label><select id=\"s-loc\"><option value=\"\">All Miami<\/option><\/select><\/div>\n          <div class=\"f-grp\"><label>Cuisine<\/label><select id=\"s-cui\"><option value=\"\">All<\/option><\/select><\/div>\n          <div class=\"f-grp\"><label>Price<\/label><select id=\"s-pri\"><option value=\"\">Any<\/option><option value=\"$\">$ Casual<\/option><option value=\"$$\">$$ Mid<\/option><option value=\"$$$\">$$$ Upscale<\/option><option value=\"$$$$\">$$$$ Luxury<\/option><\/select><\/div>\n          <div class=\"f-grp\"><label>Time<\/label><select id=\"s-tim\"><option value=\"\">Anytime<\/option><option value=\"Lunch\">Lunch<\/option><option value=\"Dinner\">Dinner<\/option><option value=\"Brunch\">Brunch<\/option><option value=\"Breakfast\">Breakfast<\/option><option value=\"Late Night\">Late Night<\/option><\/select><\/div>\n        <\/div>\n        <div class=\"f-act\">\n          <button class=\"b-rst\" id=\"btn-rst\">\u21ba Reset Filters<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"res\">\n      <p class=\"cnt\" id=\"cnt\">LIVE DIRECTORY \u00b7 Conectando...<\/p>\n      <div class=\"grid\" id=\"grid\"><\/div>\n    <\/div>\n\n    <div class=\"ds\">\n      <span class=\"ds-d\"><\/span><span id=\"ds-lbl\">Sincronizado con base de datos<\/span>\n    <\/div>\n\n    <div class=\"ov\" id=\"ov\">\n      <div class=\"mdl\">\n        <button class=\"m-cl\" id=\"m-cl\">\u2715<\/button>\n        <span class=\"m-bdg\">\ud83c\udfb2 Daniel's Surprise Pick<\/span>\n        <div id=\"m-sc-box\" style=\"display:none\">\n          <div class=\"m-sv\" id=\"m-sv\"><\/div>\n          <div class=\"m-st\" id=\"m-st\"><\/div>\n        <\/div>\n        <h2 class=\"m-nm\" id=\"m-nm\"><\/h2>\n        <div class=\"m-tg\" id=\"m-tg\"><\/div>\n        <p class=\"m-wy\" id=\"m-wy\"><\/p>\n        <div class=\"m-sg\" id=\"m-sg\"><\/div>\n        <div class=\"m-ac\">\n          <a class=\"b-map\" id=\"m-mp\" target=\"_blank\">\ud83d\udccd Take Me There<\/a>\n          <button class=\"b-ag\" id=\"m-ag\">Try Another Pick \ud83c\udfb2<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  `;\n  shadow.appendChild(app);\n\n  const $ = (sel) => shadow.querySelector(sel);\n  const $$ = (sel) => shadow.querySelectorAll(sel);\n\n  const URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vSwrnjZ9pDlAOynMde9QHRytL_vEc-sCzNNLy3d2C7dLqezo6V9tPIEaq0IUyrv2FQYPpavdXgTyIyG\/pub?gid=217672597&single=true&output=csv';\n  let all = [], f = { i:'', l:'', c:'', p:'', t:'' };\n\n  window.Papa.parse(URL, {\n    download: true, header: true, skipEmptyLines: true,\n    complete: (res) => {\n      all = res.data.map(r => ({\n        nm: r['Name']||'', cu: r['Cuisine Type']||r['Type of Cuisine']||'', it: r['Intention']||'',\n        lo: r['Neighborhood']||r['Location (Neighborhood)']||'', pr: r['Price']||'',\n        wy: r['Why It Matters']||'', mp: r['Google Maps Link']||'#',\n        sc: parseFloat(r['Personal Score'])||0, vb: r['Vibe']||'', tm: r['Best Time to Visit']||'',\n        sg: r['Signature Dish']||'', tr: r['Tourist Vibe']||''\n      })).filter(r => r.nm);\n      \n      $('#ds-lbl').innerText = `Directorio en vivo \u00b7 ${all.length} lugares`;\n      \n      const unq = k => [...new Set(all.map(r=>r[k]).filter(v=>v))].sort();\n      unq('lo').forEach(v => $('#s-loc').innerHTML += `<option value=\"${v}\">${v}<\/option>`);\n      unq('cu').forEach(v => $('#s-cui').innerHTML += `<option value=\"${v}\">${v}<\/option>`);\n      \n      render(all);\n    }\n  });\n\n  const getStars = (s) => { let h=''; const fs=Math.round(s\/2); for(let i=0;i<5;i++) h+=i<fs?'\u2605':'\u2606'; return h; };\n\n  const render = (data) => {\n    if(!data.length){ \n      $('#cnt').innerHTML = `LIVE DIRECTORY \u00b7 <strong>0<\/strong> lugares`; \n      $('#grid').innerHTML = `<p style=\"text-align:center;padding:40px;color:#637076\">No encontramos resultados. Intenta limpiar los filtros.<\/p>`; \n      return; \n    }\n    $('#cnt').innerHTML = `LIVE DIRECTORY \u00b7 <strong>${data.length}<\/strong> lugares`;\n    $('#grid').innerHTML = data.map(r => `\n      <div class=\"cd\">\n        <div class=\"c-bar\"><\/div>\n        <div class=\"c-m\">\n          <div class=\"c-h\"><h3 class=\"c-nm\">${r.nm}<\/h3>${r.pr?`<span class=\"c-pr\">${r.pr}<\/span>`:''}<\/div>\n          <div class=\"c-tg\">\n            ${r.cu&&r.cu!=='nan'?`<span class=\"tg\">\ud83c\udf7d ${r.cu}<\/span>`:''}${r.lo&&r.lo!=='nan'?`<span class=\"tg\">\ud83d\udccd ${r.lo}<\/span>`:''}\n            ${r.vb.includes('My Pick')||r.tr.toLowerCase().includes('local')?`<span class=\"tg loc\">\u2b50 Local Gem<\/span>`:''}\n          <\/div>\n          ${r.wy&&r.wy!=='nan'?`<div class=\"c-wy\"><span>Why it matters<\/span><p>${r.wy}<\/p><\/div>`:''}\n          ${r.sg&&r.sg!=='nan'?`<div class=\"c-sg\"><strong>\u2b50 Signature:<\/strong> ${r.sg}<\/div>`:''}\n        <\/div>\n        <div class=\"c-f\">\n          ${r.sc>0?`<div><span class=\"sc-l\">Daniel's Score<\/span><div class=\"sc-v\">${r.sc.toFixed(1)}<span>\/10<\/span><\/div><\/div>`:'<div><\/div>'}\n          <a class=\"b-map\" href=\"${r.mp!=='nan'?r.mp:'#'}\" target=\"_blank\">\ud83d\udccd Maps<\/a>\n        <\/div>\n      <\/div>\n    `).join('');\n  };\n\n  const update = () => {\n    const searchIntent = (f.i || '').toLowerCase().trim();\n    const searchTime = (f.t || '').toLowerCase().trim();\n\n    render(all.filter(r => {\n      let iMatch = true;\n      if (f.i) {\n        const keywords = f.i.toLowerCase().split(',');\n        const itemText = (r.it + ' ' + r.vb + ' ' + r.cu + ' ' + r.nm).toLowerCase();\n        iMatch = keywords.some(kw => itemText.includes(kw.trim()));\n      }\n      const lMatch = !f.l || r.lo === f.l;\n      const cMatch = !f.c || r.cu === f.c;\n      const pMatch = !f.p || (r.pr || '').trim() === f.p.trim();\n      const tMatch = !searchTime || (r.tm || '').toLowerCase().includes(searchTime);\n\n      return iMatch && lMatch && cMatch && pMatch && tMatch;\n    }));\n  };\n\n  $('#btn-tgl').onclick = () => { $('#f-col').classList.toggle('on'); $('#btn-tgl').innerText = $('#f-col').classList.contains('on') ? '\u2715 Ocultar Filtros' : '\u2699\ufe0f Filtros Avanzados'; };\n\n  $$('.pill').forEach(b => {\n    b.onclick = () => {\n      if(b.classList.contains('on')){ \n        b.classList.remove('on'); \n        f.i = ''; \n      } else { \n        $$('.pill').forEach(x=>x.classList.remove('on')); \n        b.classList.add('on'); \n        f.i = b.getAttribute('data-i') || ''; \n      }\n      update();\n    };\n  });\n\n  ['s-loc','s-cui','s-pri','s-tim'].forEach((id,i) => {\n    $(`#${id}`).onchange = e => { f[['l','c','p','t'][i]] = e.target.value; update(); };\n  });\n\n  $('#btn-rst').onclick = () => {\n    $$('.pill').forEach(x=>x.classList.remove('on'));\n    ['s-loc','s-cui','s-pri','s-tim'].forEach(id => $(`#${id}`).value = '');\n    f = { i:'', l:'', c:'', p:'', t:'' }; update();\n  };\n\n  \/\/ --- L\u00d3GICA DEL MODAL (Solo \"My Pick\") ---\n  const modal = () => {\n    \/\/ 1. Filtrar estrictamente por los que marcaste como \"My Pick\" en el Excel\n    let picks = all.filter(r => r.vb.includes('My Pick'));\n    \n    \/\/ Fallback de seguridad por si no hay ninguno marcado a\u00fan\n    if(!picks.length) picks = all; \n\n    let pool = picks;\n\n    \/\/ 2. Si el usuario toc\u00f3 una P\u00edldora (ej: \"Date\"), cruzamos los \"My Pick\" con esa intenci\u00f3n\n    if (f.i) {\n      const keywords = f.i.toLowerCase().split(',');\n      let intentPicks = picks.filter(r => {\n        const itemText = (r.it + ' ' + r.cu + ' ' + r.nm).toLowerCase();\n        return keywords.some(kw => itemText.includes(kw.trim()));\n      });\n      \n      \/\/ Si hay \"My Picks\" que adem\u00e1s sirven para una Cita, los usamos.\n      if(intentPicks.length > 0) pool = intentPicks;\n    }\n    \n    \/\/ 3. Seleccionar al azar de ese pool refinado\n    const r = pool[Math.floor(Math.random()*pool.length)];\n    \n    $('#m-nm').innerText = r.nm;\n    $('#m-wy').innerText = r.wy&&r.wy!=='nan'?r.wy:'Un lugar altamente recomendado.';\n    $('#m-mp').href = r.mp!=='nan'?r.mp:'#';\n    \n    if(r.sc>0){ $('#m-sv').innerHTML=`${r.sc.toFixed(1)}<span>\/10<\/span>`; $('#m-st').innerHTML=getStars(r.sc); $('#m-sc-box').style.display='block'; } \n    else { $('#m-sc-box').style.display='none'; }\n    \n    let tg = '';\n    if(r.cu&&r.cu!=='nan') tg+=`<span class=\"tg\">\ud83c\udf7d ${r.cu}<\/span>`;\n    if(r.lo&&r.lo!=='nan') tg+=`<span class=\"tg\">\ud83d\udccd ${r.lo}<\/span>`;\n    if(r.pr&&r.pr!=='nan') tg+=`<span class=\"tg\">${r.pr}<\/span>`;\n    $('#m-tg').innerHTML = tg;\n    \n    if(r.sg&&r.sg!=='nan'){ $('#m-sg').innerHTML=`<strong>\u2b50 Signature:<\/strong> ${r.sg}`; $('#m-sg').classList.add('on'); } \n    else { $('#m-sg').classList.remove('on'); }\n    \n    $('#ov').classList.add('on');\n  };\n\n  $('#btn-sur').onclick = modal; $('#m-ag').onclick = modal;\n  $('#m-cl').onclick = () => $('#ov').classList.remove('on');\n  $('#ov').onclick = e => { if(e.target.id==='ov') $('#ov').classList.remove('on'); };\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1073","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/pages\/1073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/comments?post=1073"}],"version-history":[{"count":52,"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/pages\/1073\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/pages\/1073\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/inmiami.net\/en\/wp-json\/wp\/v2\/media?parent=1073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}