69 Cool and Unusual Things to Do in Barcelona

<!DOCTYPE html> <html class="h-full" lang="en"> <head>  <script src="https://cdn.cookielaw.org/consent/c7042f21-9a02-4cf6-ad42-3e1f237e2b50/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="c7042f21-9a02-4cf6-ad42-3e1f237e2b50" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>   <meta charset="utf-8"> <title>69 Cool and Unusual Things to Do in Barcelona - Atlas Obscura</title> <link rel="icon" type="image/png" sizes="32x32" href="https://img.atlasobscura.com/UCdfRkhERFvxLqDcIw-S8oRmjnxKeFWtsuLaGBBAT-c/sm:1/scp:1/aHR0cHM6Ly9zMy5h/bWF6b25hd3MuY29t/L2F0bGFzLWRldi9t/aXNjL2ljb25zL2Zh/dmljb24tMzJ4MzIu/cG5n"> <link rel="icon" type="image/png" sizes="16x16" href="https://img.atlasobscura.com/I8eWGGR9I8i2wVo3rtUe3oFlLUX8TDzw5cb30R0Q4XI/sm:1/scp:1/aHR0cHM6Ly9zMy5h/bWF6b25hd3MuY29t/L2F0bGFzLWRldi9t/aXNjL2ljb25zL2Zh/dmljb24tMTZ4MTYu/cG5n"> <link rel="apple-touch-icon" type="image/png" href="https://img.atlasobscura.com/j-xg8FDByF8DTcfMgVpd9SN8tqSa3aZa3T6gk1vSwgo/sm:1/scp:1/aHR0cHM6Ly9zMy5h/bWF6b25hd3MuY29t/L2F0bGFzLWRldi9t/aXNjL2ljb25zL2Fw/cGxlLXRvdWNoLWlj/b24ucG5n"> <link rel="apple-touch-icon-precomposed" type="image/png" sizes="114x114" href="https://img.atlasobscura.com/1ZVcn5iAtU804x_VPZUvnk5m2eEaQ5_E041HX0AZXBc/sm:1/scp:1/aHR0cHM6Ly9zMy5h/bWF6b25hd3MuY29t/L2F0bGFzLWRldi9t/aXNjL2ljb25zL2Fw/cGxlLXRvdWNoLWlj/b24tMTE0eDExNC1w/cmVjb21wb3NlZC5w/bmc"> <link rel="apple-touch-icon-precomposed" type="image/png" sizes="144x144" href="https://img.atlasobscura.com/2qkRVagVffc_mgSh6SEWeb318Fx0xvtyxjgUes0K6j8/sm:1/scp:1/aHR0cHM6Ly9zMy5h/bWF6b25hd3MuY29t/L2F0bGFzLWRldi9t/aXNjL2ljb25zL2Fw/cGxlLXRvdWNoLWlj/b24tMTQ0eDE0NC1w/cmVjb21wb3NlZC5w/bmc"> <link rel="apple-touch-icon-precomposed" type="image/png" href="https://img.atlasobscura.com/EXBEGliRE52J40s-LdBs6b4L033THdH2nx0hlJ3SQG8/sm:1/scp:1/aHR0cHM6Ly9zMy5h/bWF6b25hd3MuY29t/L2F0bGFzLWRldi9t/aXNjL2ljb25zL2Fw/cGxlLXRvdWNoLWlj/b24tcHJlY29tcG9z/ZWQucG5n"> <link rel="mask-icon" type="image/svg" href="https://s3.amazonaws.com/atlas-dev/misc/icons/safari-pinned-tab.svg" color="#53b19f"> <link rel="shortcut icon" type="image/x-icon" href="https://s3.amazonaws.com/atlas-dev/misc/icons/favicon.ico" sizes="48x48"> <meta name="description" content="Discover 69 hidden attractions, cool sights, and unusual things to do in Barcelona from Casa Batlló to Sewers of Barcelona."> <link rel="alternate" type="application/rss+xml" title="Atlas Obscura - Latest Articles and Places" href="https://www.atlasobscura.com/feeds/latest"> <link rel="manifest" href="https://s3.amazonaws.com/atlas-dev/misc/icons/manifest.json"> <meta property="og:site_name" content="Atlas Obscura"> <meta property="og:title" content="69 Cool and Unusual Things to Do in Barcelona"> <meta property="og:description" content="Discover 69 hidden attractions, cool sights, and unusual things to do in Barcelona from Casa Batlló to Sewers of Barcelona."> <meta property="og:url" content="https://www.atlasobscura.com/things-to-do/barcelona-spain"> <meta property="og:image" content="https://img.atlasobscura.com/dF6_gr_slPgg7s-zmS8xXcgVLL9oUSx2B6Hl6OFKkPc/rt:fit/w:600/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDE4LzA3LzEwLzE5/LzQ4LzMwLzcwMDRk/Mzk3LTY0ZmUtNDFm/YS05Mzg2LThiZmNk/ZGM5Y2I1My9CYXJj/ZWxvbmFfaWduYWNl/LW1hZXMtMjA0NjYy/LmpwZw.jpg"> <meta name="p:domain_verify" content="0f207004875a5511f774fc29f0a5a3f3"> <meta name="twitter:site" content="@atlasobscura"> <meta name="twitter:card" content="summary_large_image"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="msapplication-config" content="https://s3.amazonaws.com/atlas-dev/misc/icons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"bed08a364b","applicationID":"16192845","transactionName":"Jg1fEkIMXl4HQU0EWAtNVgNfEB1BClwV","queueTime":2,"applicationTime":13,"agent":""}</script> <script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={xpid:"VQUHVVJSCRABUlBbBQkDUw==",licenseKey:"bed08a364b",applicationID:"16192845"};;/*! For license information please see nr-loader-full-1.281.0.min.js.LICENSE.txt */ (()=>{var e,t,r={8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>u});var n=r(384),i=r(8122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function u(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},9417:(e,t,r)=>{"use strict";r.d(t,{D0:()=>g,gD:()=>m,xN:()=>p});var n=r(3333),i=r(993);const o=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var a=r(2614),s=r(944),c=r(384),u=r(8122);const d="[data-nr-mask]",l=()=>{const e={feature_flags:[],experimental:{marks:!1,measures:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0,level:i.p_.INFO},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{get capture_marks(){return e.feature_flags.includes(n.$v.MARKS)||e.experimental.marks},set capture_marks(t){e.experimental.marks=t},get capture_measures(){return e.feature_flags.includes(n.$v.MEASURES)||e.experimental.measures},set capture_measures(t){e.experimental.measures=t},capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(n.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:a.wk,inactiveMs:a.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){o(t)?e.mask_selector="".concat(t,",").concat(d):""===t||null===t?e.mask_selector=d:(0,s.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){o(t)?e.block_selector+=",".concat(t):""!==t&&(0,s.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,s.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},spa:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}},f={},h="All configuration objects require an agent identifier!";function g(e){if(!e)throw new Error(h);if(!f[e])throw new Error("Configuration for ".concat(e," was never set"));return f[e]}function p(e,t){if(!e)throw new Error(h);f[e]=(0,u.a)(t,l());const r=(0,c.nY)(e);r&&(r.init=f[e])}function m(e,t){if(!e)throw new Error(h);var r=g(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},5603:(e,t,r)=>{"use strict";r.d(t,{a:()=>c,o:()=>s});var n=r(384),i=r(8122);const o={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},a={};function s(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!a[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.loader_config=a[e])}},3371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>l});var n=r(8122),i=r(384),o=r(6154),a=r(9324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},u={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0,harvester:void 0},d={};function l(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!d[e])throw new Error("Runtime for ".concat(e," was never set"));return d[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");d[e]={...(0,n.a)(t,u),...c},Object.hasOwnProperty.call(d[e],"harvestCount")||Object.defineProperty(d[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=d[e])}},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,Yq:()=>a,xv:()=>n});const n="1.281.0",i="PROD",o="CDN",a="^2.0.0-alpha.17"},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>u,RI:()=>i,WN:()=>f,bv:()=>o,gm:()=>a,lR:()=>l,m:()=>c,mw:()=>s,sb:()=>d});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,o="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,u=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)()},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>o});var n=[];function i(e){if(!e||o(e))return!1;if(0===n.length)return!0;for(var t=0;t<n.length;t++){var r=n[t];if("*"===r.hostname)return!1;if(s(r.hostname,e.hostname)&&c(r.pathname,e.pathname))return!1}return!0}function o(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let o,a;i>0?(o=r.substring(0,i),a=r.substring(i)):(o=r,a="");let[s]=o.split(":");n.push({hostname:s,pathname:a})}}function s(e,t){return!(e.length>t.length)&&t.indexOf(e)===t.length-e.length}function c(e,t){return 0===e.indexOf("/")&&(e=e.substring(1)),0===t.indexOf("/")&&(t=t.substring(1)),""===e||e===t}},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>l,x3:()=>u});var n=r(7836),i=r(3606),o=r(860),a=r(2646);const s={};function c(e,t){const r={staged:!1,priority:o.P3[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),h(e,t,!1),s[e].size&&f(e))}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(e="",t="feature",r=!1){if(d(e),!e||!s[e].get(t)||r)return h(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),h(e,t)})))}function h(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)g(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function g(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>c,ee:()=>u});var n=r(384),i=r(8990),o=r(3371),a=r(2646),s=r(5607);const c="nr@context:".concat(s.W),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.f)(r).isolatedBacklog}catch(e){}var f={on:g,addEventListener:g,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=h(n),c=p(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var g=v()[s[e]];g&&g.push([f,e,r,a]);return a},get:m,listeners:p,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}function g(e,t){n[e]=p(e).concat(t)}function p(e){return n[e]||[]}function m(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=u)},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(9908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,ZF:()=>c,bz:()=>a,el:()=>u});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function u(){return s(32)}},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},944:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.debug&&console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t)}r.d(t,{R:()=>n})},5284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(7836),i=r(6154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,sB:()=>a});var n=r(3878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>d,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>u,pV:()=>l});var n=r(6154),i=r(1863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},2843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),o=r(8990),a=r(6154);const s={},c=a.gm.XMLHttpRequest,u="addEventListener",d="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(s[t.debugId]++)return t;s[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[u,d],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,f),c&&h(c.prototype,f),h(a.gm,f)),t.on(u+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,o.I)(n,l,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(d+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,u);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>c});var n=r(7836),i=r(5607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.ajax},3333:(e,t,r)=>{"use strict";r.d(t,{$v:()=>u,TZ:()=>n,Zp:()=>i,kd:()=>c,mq:()=>s,nf:()=>a,qN:()=>o});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],o=["focus","blur"],a=4,s=1e3,c=["PageAction","UserAction","BrowserPerformance"],u={MARKS:"experimental.marks",MEASURES:"experimental.measures",RESOURCES:"experimental.resources"}},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},993:(e,t,r)=>{"use strict";r.d(t,{ET:()=>o,TZ:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o="log",a=n.K7.logging},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>u});var n=r(9908),i=r(1863),o=r(860),a=r(3969),s=r(993);function c(e,t,r={},c=s.p_.INFO){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,o.K7.metrics,e),(0,n.p)(s.ET,[(0,i.t)(),t,r,c],void 0,o.K7.logging,e)}function u(e){return"string"==typeof e&&Object.values(s.p_).some((t=>t===e.toUpperCase().trim()))}},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>s,rs:()=>i,xV:()=>a,z_:()=>o});const n=r(860).K7.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>d,G4:()=>o,Qb:()=>l,TZ:()=>i,Ug:()=>a,_s:()=>s,bc:()=>u,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,o={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},u={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},d=5e3,l={API:"api"}},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>c,CT:()=>u,SR:()=>s});var n=r(384),i=r(9417),o=r(7767),a=r(6154);function s(e){return!!(0,n.dV)().o.MO&&(0,o.V)(e)&&!0===(0,i.gD)(e,"session_trace.enabled")}function c(e){return!0===(0,i.gD)(e,"session_replay.preload")&&s(e)}function u(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:a.WN,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(a.WN-t.correctedOriginTime)}}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>s,Lc:()=>u,Rz:()=>d,TZ:()=>n,bD:()=>o,d3:()=>a,jx:()=>l,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,u="fn"+s,d="pushState",l=1e3},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(7836),i=r(1687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>o});var n=r(9417),i=r(6154);const o=e=>i.RI&&!0===(0,n.gD)(e,"privacy.cookies_enabled")},425:(e,t,r)=>{"use strict";r.d(t,{j:()=>j});var n=r(860),i=r(2555),o=r(3371),a=r(9908),s=r(7836),c=r(1687),u=r(5289),d=r(6154),l=r(944),f=r(3969),h=r(384),g=r(6344);const p=["setErrorHandler","finished","addToTrace","addRelease","recordCustomEvent","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",g.G4.RECORD,g.G4.PAUSE,"log","wrapLogger"],m=["setErrorHandler","finished","addToTrace","addRelease"];var v=r(1863),b=r(2614),y=r(993),R=r(3785),x=r(2646),w=r(3434);const E=new Map;function A(e,t,r,n){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const i=function(e){return(e||s.ee).get("logger")}(e),o=(0,w.YM)(i),a=new x.y(s.P);a.level=n.level,a.customAttributes=n.customAttributes;const c=t[r]?.[w.Jt]||t[r];return E.set(c,a),o.inPlace(t,[r],"wrap-logger-",(()=>E.get(c))),i}function T(){const e=(0,h.pV)();p.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,l.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const _={};var S=r(9417),O=r(5603),N=r(5284);const I=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let P=!1;function j(e,t={},p,x){let{init:w,info:E,loader_config:j,runtime:C={},exposed:k=!0}=t;C.loaderType=p;const H=(0,h.pV)();E||(w=H.init,E=H.info,j=H.loader_config),(0,S.xN)(e.agentIdentifier,w||{}),(0,O.a)(e.agentIdentifier,j||{}),E.jsAttributes??={},d.bv&&(E.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,E);const L=(0,S.D0)(e.agentIdentifier),D=[E.beacon,E.errorBeacon];P||(L.proxy.assets&&(I(L.proxy.assets),D.push(L.proxy.assets)),L.proxy.beacon&&D.push(L.proxy.beacon),T(),(0,h.US)("activatedFeatures",N.B),e.runSoftNavOverSpa&&=!0===L.soft_navigations.enabled&&L.feature_flags.includes("soft_nav")),C.denyList=[...L.ajax.deny_list||[],...L.ajax.block_internal?D:[]],C.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,C),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=function(e,t,h=!1){t||(0,c.Ak)(e,"api");const p={};var x=s.ee.get(e),w=x.get("tracer");_[e]=b.g.OFF,x.on(g.G4.REPLAY_RUNNING,(t=>{_[e]=t}));var E="api-",T=E+"ixn-";function S(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),I(E,n,!0,o||null===r?"session":void 0)(t,r)}function O(){}p.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K7.metrics,x),(0,R.R)(x,e,t,r)},p.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K7.metrics,x),A(x,e,t,{customAttributes:r,level:i})},m.forEach((e=>{p[e]=I(E,e,!0,"api")})),p.addPageAction=I(E,"addPageAction",!0,n.K7.genericEvents),p.recordCustomEvent=I(E,"recordCustomEvent",!0,n.K7.genericEvents),p.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,I(E,"setPageViewName",!0)()},p.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return S(e,t,"setCustomAttribute",r);(0,l.R)(40,typeof t)}else(0,l.R)(39,typeof e)},p.setUserId=function(e){if("string"==typeof e||null===e)return S("enduser.id",e,"setUserId",!0);(0,l.R)(41,typeof e)},p.setApplicationVersion=function(e){if("string"==typeof e||null===e)return S("application.version",e,"setApplicationVersion",!1);(0,l.R)(42,typeof e)},p.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K7.metrics,x),x.emit("manual-start-all")}catch(e){(0,l.R)(23,e)}},p[g.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K7.metrics,x),(0,a.p)(g.G4.RECORD,[],void 0,n.K7.sessionReplay,x)},p[g.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K7.metrics,x),(0,a.p)(g.G4.PAUSE,[],void 0,n.K7.sessionReplay,x)},p.interaction=function(e){return(new O).get("object"==typeof e?e:{})};const N=O.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K7.metrics,x),h||(0,a.p)(T+"tracer",[(0,v.t)(),e,r],i,n.K7.spa,x),function(){if(w.emit((o?"":"no-")+"fn-start",[(0,v.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw w.emit("fn-err",[arguments,this,t],r),t}finally{w.emit("fn-end",[(0,v.t)()],r)}}}};function I(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K7.metrics,x),i&&(0,a.p)(e+t,[r?(0,v.t)():performance.now(),...arguments],r?null:this,i,x),r?void 0:this}}function P(){r.e(891).then(r.bind(r,8778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,l.R)(27,e),x.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{N[e]=I(T,e,void 0,h?n.K7.softNav:n.K7.spa)})),p.setCurrentRouteName=h?I(T,"routeName",void 0,n.K7.softNav):I(E,"routeName",!0,n.K7.spa),p.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K7.metrics,x),(0,a.p)("err",[t,(0,v.t)(),!1,r,!!_[e]],void 0,n.K7.jserrors,x)},d.RI?(0,u.GG)((()=>P()),!0):P(),p}(e.agentIdentifier,x,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=k),P=!0}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>u,K7:()=>s,P3:()=>c,XX:()=>i,qY:()=>n,v4:()=>a});const n="events",i="jserrors",o="browser/blobs",a="rum",s={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},c={[s.pageViewEvent]:1,[s.pageViewTiming]:2,[s.metrics]:3,[s.jserrors]:4,[s.spa]:5,[s.ajax]:6,[s.sessionTrace]:7,[s.softNav]:8,[s.sessionReplay]:9,[s.logging]:10,[s.genericEvents]:11},u={[s.pageViewEvent]:a,[s.pageViewTiming]:n,[s.ajax]:n,[s.spa]:n,[s.softNav]:n,[s.metrics]:i,[s.jserrors]:i,[s.sessionTrace]:o,[s.sessionReplay]:o,[s.logging]:"browser/logs",[s.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({95:"nr-full-compressor",222:"nr-full-recorder",891:"nr-full"}[e]+"-1.281.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.281.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={891:"sha512-54Aat8Udm6iAAlMAdj4qB/wPExKn9TKWSsPnD5+K2RMckmHE0cb0CFc0VauDfpPug5wse9qzwDKuwIMa3hX6gw==",222:"sha512-IA751FH/bvhLWl8I5ZELgH0tFQetWKV1G+9qRkPvOrTSv2X2tgItmreKfvrd8zImHp4sIPTnSN0otmgnX7UJXA==",95:"sha512-Rwnn8hCtQVvDGDl0hSpEazVuRDuvlGnJpNuNwuapJ46vDCvUNGBIzCZCrZYygTgVJUjMrfQoMAULb+2gKoTIiQ=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(g);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},g=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={85:0,959:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.281.0.PROD"]=self["webpackChunk:NRBA-1.281.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(944),t=i(6344),r=i(9566);class n{agentIdentifier;constructor(){this.agentIdentifier=(0,r.LA)(16)}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}recordCustomEvent(e,t){return this.#e("recordCustomEvent",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}addRelease(e,t){return this.#e("addRelease",e,t)}log(e,t){return this.#e("log",e,t)}}class o extends n{#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}start(){return this.#e("start")}finished(e){return this.#e("finished",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var a=i(860),s=i(9417);const c=Object.values(a.K7);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var d=i(425);var l=i(1687),f=i(4234),h=i(5289),g=i(6154),p=i(5270),m=i(7767),v=i(6389);class b extends f.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,l.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,v.J)((()=>{(0,l.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const o=async()=>{let o;try{if((0,m.V)(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(891).then(i.bind(i,6526));o=e(t)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===a.K7.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,o))return(0,l.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(891).then(i.bind(i,6103)),{Aggregate:a}=await e(this.featureName,"aggregate");this.featAggregate=new a(t,r),t.runtime.harvester.initializedAggregates.push(this.featAggregate),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,l.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};g.RI?(0,h.GG)((()=>o()),!0):o()}#t(e,t){switch(e){case a.K7.sessionReplay:return(0,p.SR)(this.agentIdentifier)&&!!t;case a.K7.sessionTrace:return!!t;default:return!0}}}var y=i(6630);class R extends b{static featureName=y.T;constructor(e,t=!0){super(e,y.T,t),this.importAggregator(e)}}var x=i(384);var w=i(9908),E=i(2843),A=i(3878),T=i(782),_=i(1863);class S extends b{static featureName=T.T;constructor(e,t=!0){super(e,T.T,t),g.RI&&((0,E.u)((()=>(0,w.p)("docHidden",[(0,_.t)()],void 0,T.T,this.ee)),!0),(0,A.sp)("pagehide",(()=>(0,w.p)("winPagehide",[(0,_.t)()],void 0,T.T,this.ee))),this.importAggregator(e))}}var O=i(3969);class N extends b{static featureName=O.TZ;constructor(e,t=!0){super(e,O.TZ,t),this.importAggregator(e)}}var I=i(6774),P=i(3304);class j{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,P.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function C(e){return L(e)?e:new j(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function k(e){const t="Unhandled Promise Rejection";if(!e?.reason)return;if(L(e.reason))try{return e.reason.message=t+": "+e.reason.message,C(e.reason)}catch(t){return C(e.reason)}const r=C(e.reason);return r.message=t+": "+r?.message,r}function H(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new j(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return L(e.error)?e.error:C(e)}function L(e){return e instanceof Error&&!!e.stack}class D extends b{static featureName=I.T;#r=!1;constructor(e,r=!0){super(e,I.T,r);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",((e,t)=>{this.abortHandler&&(0,w.p)("ierr",[C(e),(0,_.t)(),!0,{},this.#r,t],void 0,this.featureName,this.ee)})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.#r=e})),g.gm.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,w.p)("err",[k(e),(0,_.t)(),!1,{unhandledPromiseRejection:1},this.#r],void 0,this.featureName,this.ee)}),(0,A.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",(e=>{this.abortHandler&&(0,w.p)("err",[H(e),(0,_.t)(),!1,{},this.#r],void 0,this.featureName,this.ee)}),(0,A.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e)}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var M=i(8990);let K=1;const U="nr@id";function V(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,M.I)(e,U,(function(){return K++}))}function G(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,P.A)(e).length}catch(e){return}}}var F=i(8139),B=i(7836),W=i(3434);const z={},q=["open","send"];function Z(t){var r=t||B.ee;const n=function(e){return(e||B.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(z[n.debugId]++)return n;z[n.debugId]=1,(0,F.u)(r);var i=(0,W.YM)(n),o=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,s=g.gm.Promise,c=g.gm.setInterval,u="readystatechange",d=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],l=[],f=g.gm.XMLHttpRequest=function(t){const r=new o(t),a=n.context(r);try{n.emit("new-xhr",[r],a),r.addEventListener(u,(s=a,function(){var e=this;e.readyState>3&&!s.resolved&&(s.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,d,"fn-",y)}),(0,A.jT)(!1))}catch(t){(0,e.R)(15,t);try{n.emit("internal-error",[t])}catch(e){}}var s;return r};function h(e,t){i.inPlace(t,["onreadystatechange"],"fn-",y)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,f),f.prototype=o.prototype,i.inPlace(f.prototype,q,"-xhr-",y),n.on("send-xhr-start",(function(e,t){h(e,t),function(e){l.push(e),a&&(p?p.then(b):c?c(b):(m=-m,v.data=m))}(t)})),n.on("open-xhr-start",h),a){var p=s&&s.resolve();if(!c&&!s){var m=1,v=document.createTextNode(m);new a(b).observe(v,{characterData:!0})}}else r.on("fn-end",(function(e){e[0]&&e[0].type===u||b()}));function b(){for(var e=0;e<l.length;e++)h(0,l[e]);l.length&&(l=[])}function y(e,t){return t}return n}var Y="fetch-",X=Y+"body-",J=["arrayBuffer","blob","json","text","formData"],Q=g.gm.Request,ee=g.gm.Response,te="prototype";const re={};function ne(e){const t=function(e){return(e||B.ee).get("fetch")}(e);if(!(Q&&ee&&g.gm.fetch))return t;if(re[t.debugId]++)return t;function r(e,r,n){var i=e[r];"function"==typeof i&&(e[r]=function(){var e,r=[...arguments],o={};t.emit(n+"before-start",[r],o),o[B.P]&&o[B.P].dt&&(e=o[B.P].dt);var a=i.apply(this,r);return t.emit(n+"start",[r,e],a),a.then((function(e){return t.emit(n+"end",[null,e],a),e}),(function(e){throw t.emit(n+"end",[e],a),e}))})}return re[t.debugId]=1,J.forEach((e=>{r(Q[te],e,X),r(ee[te],e,X)})),r(g.gm,"fetch",Y),t.on(Y+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(Y+"done",[null,r],n)}else t.emit(Y+"done",[e],n)})),t}var ie=i(7485),oe=i(5603);class ae{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,oe.o)(this.agentIdentifier);if(!t)return null;var n=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,r.ZF)(),s=(0,r.el)(),c=Date.now(),u={spanId:a,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(u.newrelicHeader=this.generateTraceHeader(a,s,c,n,i,o)),u}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,P.A)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,s.gD)(this.agentIdentifier,"distributed_tracing")&&(r=(0,s.D0)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,ie.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}isDtEnabled(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var se=i(9300),ce=i(7295),ue=["load","error","abort","timeout"],de=ue.length,le=(0,x.dV)().o.REQ,fe=(0,x.dV)().o.XHR;class he extends b{static featureName=se.T;constructor(e,t=!0){super(e,se.T,t),this.dt=new ae(e.agentIdentifier),this.handler=(e,t,r,n)=>(0,w.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};ge(r,t.name),this.handler("xhr",[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,a.K7.ajax)}}))}catch(e){}ne(this.ee),Z(this.ee),function(e,t,r,n){function i(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=x,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){E(t,e)}),(0,A.jT)(!1)),g.lR||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,A.jT)(!1))}function o(e){this.params={method:e[0]},ge(this,e[1]),this.metrics={}}function s(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var i=n.generateTracePayload(this.parsedOrigin);if(i){var o=!1;i.newrelicHeader&&(r.setRequestHeader("newrelic",i.newrelicHeader),o=!0),i.traceContextParentHeader&&(r.setRequestHeader("traceparent",i.traceContextParentHeader),i.traceContextStateHeader&&r.setRequestHeader("tracestate",i.traceContextStateHeader),o=!0),o&&(this.dt=i)}}function c(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=G(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<de;s++)r.addEventListener(ue[s],this.listener,(0,A.jT)(!1))}function u(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function d(e,t){var r=""+V(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function l(e,t){var r=""+V(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function f(){this.endTime=(0,_.t)()}function h(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function p(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function m(e,t,r){t instanceof fe&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function v(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,_.t)()-this.xhrCbStart,this.onload,r],r)}function b(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,ie.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=n.generateTracePayload(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,i)&&(this.dt=i);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,i)&&(this.dt=i),e.length>1?e[1]=o:e.push(o)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function y(e,t){this.params={},this.metrics={},this.startTime=(0,_.t)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof le?r=i.url:g.gm?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),ge(this,r);var o=(""+(i&&i instanceof le&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=G(n.body)||0}function R(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,ce.iW)(this.params))return;let n;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);const i={txSize:this.txSize,rxSize:n,duration:(0,_.t)()-this.startTime};r("xhr",[this.params,i,this.startTime,this.endTime,"fetch"],this,a.K7.ajax)}function x(e){const t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<de;t++)e.removeEventListener(ue[t],this.listener,!1);t.aborted||(0,ce.iW)(t)||(n.duration=(0,_.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):E(this,e),n.cbTime=this.cbTime,r("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,a.K7.ajax))}}function E(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?G(e.response):"text"===r||""===r||void 0===r?G(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var i=r.getResponseHeader("X-NewRelic-App-Data");i&&((0,w.p)(O.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,a.K7.metrics,t),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",i),t.on("open-xhr-start",o),t.on("open-xhr-end",s),t.on("send-xhr-start",c),t.on("xhr-cb-time",u),t.on("xhr-load-added",d),t.on("xhr-load-removed",l),t.on("xhr-resolved",f),t.on("addEventListener-end",h),t.on("removeEventListener-end",p),t.on("fn-end",v),t.on("fetch-before-start",b),t.on("fetch-start",y),t.on("fn-start",m),t.on("fetch-done",R)}(e,this.ee,this.handler,this.dt),this.importAggregator(e)}}function ge(e,t){var r=(0,ie.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const pe={},me=["pushState","replaceState"];function ve(e){const t=function(e){return(e||B.ee).get("history")}(e);return!g.RI||pe[t.debugId]++||(pe[t.debugId]=1,(0,W.YM)(t).inPlace(window.history,me,"-")),t}var be=i(3738);const{He:ye,bD:Re,d3:xe,Kp:we,TZ:Ee,Lc:Ae,uP:Te,Rz:_e}=be;class Se extends b{static featureName=Ee;constructor(e,t=!0){super(e,Ee,t);if(!(0,m.V)(this.agentIdentifier))return void this.deregisterDrain();const r=this.ee;let n;ve(r),this.eventsEE=(0,F.u)(r),this.eventsEE.on(Te,(function(e,t){this.bstStart=(0,_.t)()})),this.eventsEE.on(Ae,(function(e,t){(0,w.p)("bst",[e[0],t,this.bstStart,(0,_.t)()],void 0,a.K7.sessionTrace,r)})),r.on(_e+xe,(function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash})),r.on(_e+we,(function(e){(0,w.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,a.K7.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,w.p)(ye,[t],void 0,a.K7.sessionTrace,r)})),n.observe({type:Re,buffered:!0})}catch(e){}this.importAggregator(e,{resourceObserver:n})}}var Oe=i(2614);class Ne extends b{static featureName=t.TZ;#i;#o;constructor(e,r=!0){let n;super(e,t.TZ,r),this.replayRunning=!1,this.#o=e;try{n=JSON.parse(localStorage.getItem("".concat(Oe.H3,"_").concat(Oe.uh)))}catch(e){}(0,p.SR)(e.agentIdentifier)&&this.ee.on(t.G4.RECORD,(()=>this.#a())),this.#s(n)?(this.#i=n?.sessionReplayMode,this.#c()):this.importAggregator(e),this.ee.on("err",(e=>{this.replayRunning&&(this.errorNoticed=!0,(0,w.p)(t.G4.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.replayRunning=e}))}#s(e){return e&&(e.sessionReplayMode===Oe.g.FULL||e.sessionReplayMode===Oe.g.ERROR)||(0,p.Aw)(this.agentIdentifier)}#u=!1;async#c(e){if(!this.#u){this.#u=!0;try{const{Recorder:t}=await Promise.all([i.e(891),i.e(222)]).then(i.bind(i,8589));this.recorder??=new t({mode:this.#i,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee,agentRef:this.#o}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){}this.importAggregator(this.#o,{recorder:this.recorder,errorNoticed:this.errorNoticed})}}#a(){this.featAggregate?this.featAggregate.mode!==Oe.g.FULL&&this.featAggregate.initializeRecording(Oe.g.FULL,!0):(this.#i=Oe.g.FULL,this.#c(t.Qb.API),this.recorder&&this.recorder.parent.mode!==Oe.g.FULL&&(this.recorder.parent.mode=Oe.g.FULL,this.recorder.stopRecording(),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording))}}var Ie=i(3333);class Pe extends b{static featureName=Ie.TZ;constructor(e,t=!0){super(e,Ie.TZ,t);const r=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.user_actions.enabled,e.init.performance.resources.enabled];if(g.RI&&(e.init.user_actions.enabled&&(Ie.Zp.forEach((e=>(0,A.sp)(e,(e=>(0,w.p)("ua",[e],void 0,this.featureName,this.ee)),!0))),Ie.qN.forEach((e=>{const t=(0,v.s)((e=>{(0,w.p)("ua",[e],void 0,this.featureName,this.ee)}),500,{leading:!0});(0,A.sp)(e,t)}))),e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource"))){new PerformanceObserver((e=>{e.getEntries().forEach((e=>{(0,w.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)}))})).observe({type:"resource",buffered:!0})}r.some((e=>e))?this.importAggregator(e):this.deregisterDrain()}}var je=i(993),Ce=i(3785);class ke extends b{static featureName=je.TZ;constructor(e,t=!0){super(e,je.TZ,t);const r=this.ee;this.ee.on("wrap-logger-end",(function([e]){const{level:t,customAttributes:n}=this;(0,Ce.R)(r,e,n,t)})),this.importAggregator(e)}}new class extends o{constructor(t){super(),g.gm?(this.features={},(0,x.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(R),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.K7.softNav)),(0,d.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.P3[e.featureName]-a.P3[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.K7.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.K7.softNav)return;const n=function(e){switch(e){case a.K7.ajax:return[a.K7.jserrors];case a.K7.sessionTrace:return[a.K7.ajax,a.K7.pageViewEvent];case a.K7.sessionReplay:return[a.K7.sessionTrace];case a.K7.pageViewTiming:return[a.K7.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,x.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[R,S,Se,Ne,he,N,D,Pe,ke],loaderType:"pro"})})()})();</script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="4kBTuUN1lBLUGDuoYFujWTKzkZ81yCyg-qfGMg0TmDA06RiFj940gfCwqHzAgUzig_XLEtA6lhnchgyhCMs56g" /> <meta name="action-cable-url" content="wss://www.atlasobscura.com/cable" /> <link rel="dns-prefetch" href="https://assets.atlasobscura.com" /> <link rel="preconnect" href="https://img.atlasobscura.com" /> <script src="https://assets.atlasobscura.com/vite/assets/all-e476d8ed.js" crossorigin="anonymous" type="module"></script> <link rel="preload" href="https://fonts.atlasobscura.com/2/Platform-Regular-Web.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="https://fonts.atlasobscura.com/2/Platform-Medium-Web.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="https://fonts.atlasobscura.com/2/FreigTexProBookWeb.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="https://fonts.atlasobscura.com/2/FreigTexProBookItWeb.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="https://fonts.atlasobscura.com/icons2/atlasobscura.woff2?3sjg72" as="font" type="font/woff2" crossorigin /> <script defer data-domain="atlasobscura.com" src="https://plausible.io/js/plausible.js" ></script> <script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.core.js" crossorigin async data-callback="initMapKit" data-libraries="map,annotations,geojson" ></script> <link rel="stylesheet" href="https://assets.atlasobscura.com/vite/assets/aon.tailwind-8ab5fe53.css" /> <script src="https://assets.atlasobscura.com/vite/assets/aon-28c517e9.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets.atlasobscura.com/vite/assets/index-c8557f21.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://assets.atlasobscura.com/vite/assets/chunk.Q6NMJ6U4-35e725db.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://assets.atlasobscura.com/vite/assets/stimulus-timeago.es-9b3eee1f.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://assets.atlasobscura.com/vite/assets/stimulus_reflex.min-af4899eb.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://assets.atlasobscura.com/vite/assets/chunk.HXDEZU3K-3b59c50b.js" as="script" crossorigin="anonymous"><link rel="stylesheet" href="https://assets.atlasobscura.com/vite/assets/aon-eb2f743a.css" media="screen" /> <meta name="turbo-visit-control" content="reload" />  <script async defer src="https://widget.getyourguide.com/dist/pa.umd.production.min.js" data-gyg-partner-id="1SQ97RY" ></script> <script defer src="https://www.kayak.com/search-widget/script/direct/kayakWidget3" ></script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })( window, document, "script", "dataLayer", "GTM-PH5RC2F" ); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-VE390YR3HM" ></script> <meta name="analytics-config" content="{"link_attribution":true,"controller":"geos","analytics_id":"G-VE390YR3HM"}"> <meta name="analytics-extra" content="{"content_location":"Barcelona, Catalonia, Spain","user_properties":{"user_type":"Guest"}}"> <script type="text/javascript" data-turbo-track="reload"> // Only define the class if it doesn't exist yet if (!window.AnalyticsManager) { window.AnalyticsManager = class AnalyticsManager { static init() { if (window.AnalyticsManager.initialized) return; window.AnalyticsManager.initialized = true; this.initGoogleTagManager(); this.initGoogleAnalytics(); let lastNavigationType = null; document.addEventListener( "turbo:visit", (event) => { lastNavigationType = event.detail.action; }, { once: false } ); document.addEventListener( "turbo:load", () => { // Reload Adapex script this.reloadAdapexScript(); if (lastNavigationType === "restore") { // Clear existing ad slots const adSlots = document.querySelectorAll("[data-aaad]"); adSlots.forEach((slot) => { slot.innerHTML = ""; slot.style.display = "none"; }); window.AtlasAdSlots = {}; } this.reinitializeAds(); this.trackPageView(); lastNavigationType = null; }, { once: false } ); } static initGoogleTagManager() { // GTM is loaded in head, we just need to handle data layer window.dataLayer = window.dataLayer || []; } static initGoogleAnalytics() { window.dataLayer = window.dataLayer || []; window.gtag = function () { window.dataLayer.push(arguments); }; } static trackPageView() { const configMeta = document.querySelector( 'meta[name="analytics-config"]' ); const extraMeta = document.querySelector( 'meta[name="analytics-extra"]' ); if (!configMeta) return; const config = JSON.parse(configMeta.content); const analyticsId = config.analytics_id; if (analyticsId) { gtag("js", new Date()); const configObj = { link_attribution: true, page_path: window.location.pathname, page_location: document.URL, page_title: document.title, content_group: config.controller, ...(extraMeta?.content ? JSON.parse(extraMeta.content) : {}), }; gtag("config", analyticsId, { ...configObj }); } } static reinitializeAds() { // Clear existing ad slots window.AtlasAdSlots = {}; // Try to reinitialize ads with retries const maxRetries = 10; let retryCount = 0; const tryInitialize = () => { if (window.aaw) { window.aaw.cmd = window.aaw.cmd || []; window.aaw.cmd.push(() => { window.aaw.processAdsOnPage(); }); return true; } if (retryCount < maxRetries) { retryCount++; setTimeout(tryInitialize, 100); return false; } return false; }; tryInitialize(); } static reloadAdapexScript() { // Remove existing Adapex script if present const existingScript = document.querySelector( 'script[src*="adapex.io/hb/aaw.atlasobscura.js"]' ); if (existingScript) { existingScript.remove(); } // Create and append new script const script = document.createElement("script"); script.src = "https://cdn.adapex.io/hb/aaw.atlasobscura.js"; script.async = true; document.head.appendChild(script); } }; } // Initialize analytics if not already initialized if (!window.AnalyticsManager.initialized) { const initAnalytics = () => { if (window.googletag) { window.AnalyticsManager.init(); } else { setTimeout(initAnalytics, 50); } }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initAnalytics); } else { initAnalytics(); } } </script> </head> <body class="false font-ao-sans h-full" data-js-forms-disabled data-controller="analytics icons csrf scroll alert" data-action="aon-event:alert->alert#toast" > <script> window.googletag = window.googletag || { cmd: [] }; AtlasAdSlots = window.AtlasAdSlots || {}; window.adTargeting = { environment: "production", is_testing: "NO", paid_member: "false", }; </script> <script src="https://cdn.adapex.io/hb/aaw.atlasobscura.js" async></script> <script data-turbo-eval="true"> //<![CDATA[ googletag.cmd.push(function() { googletag.pubads().clearTargeting("environment"); googletag.pubads().clearTargeting("is_testing"); googletag.pubads().clearTargeting("paid_member"); googletag.pubads().clearTargeting("is_home"); googletag.pubads().clearTargeting("page"); googletag.pubads().clearTargeting("pid"); googletag.pubads().clearTargeting("post_id"); googletag.pubads().clearTargeting("city"); googletag.pubads().clearTargeting("state"); googletag.pubads().clearTargeting("country"); googletag.pubads().clearTargeting("tags"); googletag.pubads().clearTargeting("sponsorship"); googletag.pubads().clearTargeting("studio"); googletag.pubads().clearTargeting("disable_in_feed_ads"); }); //]]> </script> <script> //<![CDATA[ googletag.cmd.push(function() { googletag.pubads().setTargeting("is_home", "no"); googletag.pubads().setTargeting("page", "destination"); googletag.pubads().setTargeting("pid", "destination-6760"); googletag.pubads().setTargeting("post_id", "destination-6760"); }); //]]> </script> <script> //<![CDATA[ googletag.cmd.push(function() { googletag.pubads().setTargeting("city", "Barcelona"); googletag.pubads().setTargeting("state", "Catalonia"); googletag.pubads().setTargeting("country", "Spain"); }); //]]> </script> <script> //<![CDATA[ googletag.cmd.push(function() { googletag.pubads().setTargeting("environment", "production"); googletag.pubads().setTargeting("is_testing", "NO"); googletag.pubads().setTargeting("paid_member", "false"); }); //]]> </script> <div data-aaad='true' data-aa-adunit='/22181265/atlasobscura_1x1' class="adapex-1x1"></div> <script data-turbo="false"> window.fbAsyncInit = function () { FB.init({ appId: "206394544492", autoLogAppEvents: true, xfbml: true, version: "v13.0", }); }; </script> <script data-turbo="false" async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js" ></script> <section class=" advertisement-shadow flex min-h-[70px] py-2 sm:min-h-[250px] sm:py-0 items-center justify-center" data-hide-on-search="false" > <div data-aa-adunit="/22181265/atlasobscura_970v_1" data-aaad="true"></div> </section> <div class="min-h-full"> <nav id="navbar-component" class="bg-white" data-controller=" aon--navbar--nav-component"> <div class="mx-auto w-full" data-action="mouseleave->aon--navbar--nav-component#hideAllPopdowns" > <div class="flex h-[55px] md:h-[75px]"> <a href="/" aria-label="Return to the Atlas Obscura home page" data-action="mouseover->aon--navbar--nav-component#hideAllPopdowns" class="border-ao-lightgray flex max-w-[280px] flex-auto items-center justify-center border-y sm:border-r sm:p-2" > <i class="flex-item ao-icon ao-icon-atlas-icon text-ao-khaki hover:animate-tada text-[31px]" ></i> <i class="flex-item ao-icon ao-icon-atlas-logo-alt text-ao-brown relative -left-[3px] text-[45px]" ></i> </a> <div class="border-ao-lightgray flex grow justify-center border-y" data-action="debounced:mouseleave->aon--navbar--nav-component#hide" > <div class="text-base mdplus:text-[1.125rem] hidden md:flex md:space-x-1" > <a data-turbo="true" data-popdown-target="[data-trips-menu]" data-action="mouseenter->aon--navbar--nav-component#show" aria-expanded="false" aria-haspopup="true" class="inline-flex px-1 md:px-2 mdplus:px-5 group items-center navbar-link navbar-link-inactive" href="/adventures/"> <span class="false group-hover:border-[#dcd9e2] border-b-4 border-transparent pt-[2px]" > Trips </span> </a> <a data-turbo="false" data-popdown-target="[data-places-menu]" data-action="mouseenter->aon--navbar--nav-component#show" aria-expanded="false" aria-haspopup="true" class="inline-flex px-1 md:px-2 mdplus:px-5 group items-center navbar-link navbar-link-active" aria-current="page" href="/articles/all-places-in-the-atlas-on-one-map"> <span class="border-[#bbd0ca] group-hover:border-[#bbd0ca] border-b-4 border-transparent pt-[2px]" > Places </span> </a> <a data-turbo="true" data-popdown-target="[data-foods-menu]" data-action="mouseenter->aon--navbar--nav-component#show" aria-expanded="false" aria-haspopup="true" class="inline-flex px-1 md:px-2 mdplus:px-5 group items-center navbar-link navbar-link-inactive" href="/gastro"> <span class="false group-hover:border-[#e8ddcc] border-b-4 border-transparent pt-[2px]" > Foods </span> </a> <a data-turbo="false" data-popdown-target="[data-stories-menu]" data-action="mouseenter->aon--navbar--nav-component#show" aria-expanded="false" aria-haspopup="true" class="inline-flex px-1 md:px-2 mdplus:px-5 group items-center navbar-link navbar-link-inactive" href="/articles"> <span class="false group-hover:border-[#b3cbd8] border-b-4 border-transparent pt-[2px]" > Stories </span> </a> <a data-turbo="true" data-popdown-target="[data-newsletters-menu]" data-action="mouseenter->aon--navbar--nav-component#show" aria-expanded="false" aria-haspopup="true" class="md:hidden px-1 md:px-2 mdplus:px-5 group items-center navbar-link navbar-link-inactive" href="/newsletters"> <span class="false group-hover:border-[#b3cbd8] border-b-4 border-transparent pt-[2px]" > Newsletters </span> </a> </div> </div> <div class="flex" data-controller="aon--navbar--search-component"> <button data-controller="apparate" data-apparate-target="trigger" data-apparate-subject-selector="#newsletters-dropdown" tabindex="0" type="button" id="newsletters-menu-button" aria-expanded="false" aria-haspopup="true" class="border-ao-lightgray mdplus:flex hidden flex-none justify-center border-y border-l hover:border-b-transparent sm:w-20 sm:items-center" data-action="mouseenter->apparate#appear mouseenter->aon--navbar--nav-component#hideAllPopdowns mouseleave->apparate#vanish" > <div class="relative"> <div class="flex h-[35px] w-[35px] items-center bg-white text-sm"> <span class="sr-only">Open newsletter menu</span> <a href="/newsletters" class="flex h-full w-full items-center justify-center overflow-hidden leading-none" data-action="analytics#sendEvent" data-ga-event-category="Nav Menu" data-ga-event-action="Clicked Newsletters Icon" > <i class="fa-light fa-envelopes-bulk hover:text-ao-rust text-2xl" ></i> <span class="sr-only">View all newsletters</span> </a> </div> <div id="newsletters-dropdown" data-transition-enter="transition transform ease-out duration-200" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="transition transform ease-out duration-150" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0" class="border-ao-lightgray absolute -right-6 z-50 mr-px mt-[20px] hidden w-auto min-w-[10rem] origin-top-right border-x border-b bg-white px-2.5 text-left opacity-0" role="menu" aria-orientation="vertical" aria-labelledby="newsletters-menu-button" tabindex="-1" > <div class="text-center"> <a class="block user-menu-link py-3 border-b border-[#e7e7e7]" role="menuitem" tabindex="-1" data-action="analytics#sendEvent" data-ga-event-category="Nav Menu" data-ga-event-action="Clicked Newsletters Link" href="/newsletters">Explore Newsletters</a> </div> </div> </div> </button> <button data-controller="apparate" data-apparate-target="trigger" data-apparate-subject-selector="#profile-dropdown" tabindex="0" type="button" id="user-menu-button" aria-expanded="false" aria-haspopup="true" class="border-ao-lightgray hidden flex-none justify-center border-y border-l hover:border-b-transparent sm:w-20 sm:items-center md:flex" data-action="mouseenter->apparate#appear mouseenter->aon--navbar--nav-component#hideAllPopdowns mouseleave->apparate#vanish" > <div class="relative"> <div class="h-[35px] w-[35px] rounded-full bg-white text-sm"> <span class="sr-only">Open user menu</span> <a href="/sign-in" class="flex h-full w-full items-center justify-center overflow-hidden rounded-full leading-none" > <i class="fa-light fa-user hover:text-ao-rust text-2xl"></i> <span class="sr-only">Sign In</span> </a> </div> <div id="profile-dropdown" data-transition-enter="transition transform ease-out duration-200" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="transition transform ease-out duration-150" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0" class="border-ao-lightgray absolute -right-6 z-50 mr-px mt-[20px] hidden w-auto min-w-[10rem] origin-top-right border-x border-b bg-white px-2.5 text-left opacity-0" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1" > <div class="text-center"> <a data-turbo="false" data-turbo-prefetch="false" class="block user-menu-link py-3 border-b border-[#e7e7e7]" role="menuitem" tabindex="-1" href="/sign-in">Sign In</a> <a data-turbo="false" class="block user-menu-link py-3" role="menuitem" tabindex="-1" href="/join">Join</a> </div> </div> </div> </button> <button id="aon--navbar--open-search-button" aria-hidden="true" class="hidden" data-action="aon--navbar--search-component#showSearch" data-search-panel="#search-panel" > Force Open Search </button> <button id="aon--navbar--search-button" type="button" aria-label="Search" aria-expanded="false" aria-haspopup="true" data-action="click->aon--navbar--search-component#showSearch mouseenter->aon--navbar--nav-component#hideAllPopdowns analytics#sendEvent" data-ga-event-category="Nav Menu" data-ga-event-action="Clicked Search Button" data-search-panel="#search-panel" class="border-ao-lightgray hover:text-ao-rust flex w-12 flex-none items-center justify-center border-y border-l md:w-[75px]" > <i class="fa-light fa-magnifying-glass icon-search text-xl md:text-2xl" ></i> </button> <div class="border-ao-lightgray bg-ao-brown flex w-12 items-center justify-center border-l md:hidden" > <button id="mobile-nav-button" type="button" data-action="aon--navbar--nav-component#toggleMobile" class="hover:text-ao-brown inline-flex items-center justify-center rounded-md text-white hover:bg-gray-100 focus:outline-none focus:ring-0" aria-controls="mobile-menu" aria-expanded="false" > <span class="sr-only">Open main menu</span> <svg data-icon-open class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> <svg data-icon-close class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div> <turbo-frame id="popdown-trips" src="/aon/navbar_popdowns/trips" target="_top"> <div data-popdown data-trips-menu data-action="mouseleave->aon--navbar--nav-component#hide" data-transition-enter="transition transform ease-out duration-200" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="transition transform ease-out duration-150" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0" class="popdown-menu absolute hidden h-auto w-full justify-center shadow-lg" > <div class="h-40 w-full flex-initial justify-between bg-gray-50 px-2 pt-6 pb-9" > Loading... </div> </div> </turbo-frame> <turbo-frame id="popdown-places" src="/aon/navbar_popdowns/places" target="_top"> <div data-controller="aon--navbar--popdown-places-component" data-popdown data-places-menu data-action="mouseleave->aon--navbar--nav-component#hide" class="popdown-menu absolute hidden h-auto w-full justify-center" > <div class="bg-ao-green-100 h-40 w-full flex-initial justify-between px-2 pt-6 pb-9" > Loading... </div> </div> </turbo-frame> <turbo-frame id="popdown-foods" src="/aon/navbar_popdowns/foods" target="_top"> <div data-popdown data-foods-menu data-action="mouseleave->aon--navbar--nav-component#hide" class="popdown-menu bg-ao-brown-100 absolute hidden h-auto w-full justify-center" > <div class="bg-ao-brown-100 h-40 w-full flex-initial justify-between px-2 pt-6 pb-9" > Loading... </div> </div> </turbo-frame> <turbo-frame id="popdown-stories" src="/aon/navbar_popdowns/stories" target="_top"> <div data-popdown data-stories-menu data-action="mouseleave->aon--navbar--nav-component#hide" data-transition-enter="transition transform ease-out duration-200" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="transition transform ease-out duration-150" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0" class="popdown-menu absolute hidden h-auto w-full justify-center" > <div class="bg-ao-blue-100 h-40 w-full flex-initial justify-between px-2 pt-6 pb-9" > Loading... </div> </div> </turbo-frame> </div> <div id="search-panel" class="hidden"> <div data-controller="aon--navbar--search-component" class="pointer-events-none absolute top-0 z-[60] flex h-screen w-full flex-col" > <button aria-label="Close search" data-close-search-button data-action="aon--navbar--search-component#hideSearch" data-search-panel="#search-panel" class="border-ao-lightgray hover:text-ao-rust icon-menu-close pointer-events-auto absolute top-0 right-12 flex h-[55px] w-12 items-center justify-center border-l bg-gray-100 text-sm text-gray-900 md:right-0 md:h-[75px] md:w-[75px]" > <i class="fa-light fa-xmark text-xl md:text-2xl"></i> </button> <div class="h-[54px] shrink-0 bg-transparent md:h-[74px]"></div> <div class="pointer-events-none flex grow justify-center bg-gray-100"> <div class="ao-container mdplus:px-4 flex justify-center"> <div class="mdplus:px-0 pointer-events-auto w-full max-w-[800px] px-2 lg:w-[960px] lg:max-w-[960px]" > <div class="flex justify-center"> <div class="search-bar mt-3 hidden w-full self-center rounded bg-white p-2 shadow-lg shadow-black/30 md:mt-11" data-animate-me data-transition-enter="transition-all transform-gpu ease-out duration-500" data-transition-enter-start="mt-40 md:-mt-px md:w-3/4" > <form data-search-form data-turbo="false" autocomplete="off" action="/search" method="get" > <div class="flex"> <input type="search" name="q" data-search-input data-action="debounced:keyup->aon--navbar--search-component#performSearch keyup->aon--navbar--search-component#closeOnEscape" class="text-ao-charcoal placeholder:text-ao-charcoal-300 block w-full grow border-none bg-transparent px-1 text-lg font-normal leading-6 tracking-wider focus:outline-none focus:ring-0 md:px-4 md:text-xl md:leading-8" aria-label="Search destinations and more..." placeholder="Search destinations and more..." /> <button aria-label="Search" type="submit" disabled class="bg-ao-brown-500 disabled:bg-ao-brown-500 block rounded px-6 py-px font-semibold hover:bg-[#aa7342] md:px-8 md:py-2" > <i class="fa-light fa-magnifying-glass text-xl text-white" ></i> </button> </div> </form> </div> </div> <div class="hidden pt-3 md:pt-6" data-animate-me data-transition-enter="transition-all ease-out duration-500" data-transition-enter-start="transform-gpu opacity-0 md:mt-60" data-transition-enter-end="transform-gpu opacity-100" > <div data-search-results-background data-no-results-class="w-full" data-results-class="w-full bg-white shadow-lg shadow-black/30" class="w-full bg-white shadow-lg shadow-black/30" > <div data-search-results-canvas data-transition-enter="transition-all transform ease-out duration-500" data-transition-enter-start="relative top-8 opacity-0" data-transition-enter-end="relative top-0 opacity-100" class="hidden scrollbar-default h-[600px] overflow-y-scroll overscroll-y-none p-6 md:h-[780px]" > <turbo-frame data-search-results-frame="true" id="search-results" target="_top"> <div data-controller="aon--navbar--search-results-component" data-search-results-panel id="search-results-panel" data-search-results-href="/aon/navbar_popdowns/search?q=query" > <div class="mt-8 text-center" data-search-results-empty="true" > <p class="text-ao-charcoal-300 mb-4 text-4xl font-semibold tracking-wider" > No search results found for<br /> “” </p> <p class="text-ao-charcoal-300 text-xl font-normal leading-none tracking-wide" > Make sure words are spelled correctly. </p> <p class="text-ao-charcoal-300 text-xl font-normal leading-none tracking-wide" > Try searching for a travel destination. </p> </div> </div> </turbo-frame></div> <div data-static-links-panel> <div class="flex md:block"> <a href="/search/search_nearby" data-turbo="false" class="flex w-full items-center border-r border-b border-[#e7e7e7] px-3 py-3 text-left text-base font-semibold tracking-wide text-gray-900 hover:bg-[#0000000d] md:border-r-0 md:py-4 md:px-6 md:text-[1.313rem]" > <i class="fa-light fa-location-arrow text-ao-rust"></i> <span class="ml-2.5 leading-none md:leading-normal"> Places near me </span> </a> <a href="/random" data-turbo="false" class="flex w-full items-center border-b border-[#e7e7e7] px-3 py-3 text-left text-base font-semibold tracking-wide text-gray-900 hover:bg-[#0000000d] md:py-4 md:px-6 md:text-[1.313rem]" > <i class="fa-light fa-shuffle text-ao-rust"></i> <span class="ml-2.5 leading-none md:leading-normal"> Random place </span> </a> </div> <section class="mt-1 w-full px-3 py-3 md:px-6 md:py-4"> <h3 class=" pb-4 text-sm font-semibold uppercase tracking-widest text-gray-500" > Popular Destinations </h3> <ul class="text-xl font-semibold leading-7 tracking-wider text-gray-900" > <li> <a class="hover:underline decoration-gray-300" href="/things-to-do/paris-france">Paris</a> </li> <li> <a class="hover:underline decoration-gray-300" href="/things-to-do/london-england">London</a> </li> <li> <a class="hover:underline decoration-gray-300" href="/things-to-do/new-york">New York</a> </li> <li> <a class="hover:underline decoration-gray-300" href="/things-to-do/berlin-germany">Berlin</a> </li> <li> <a class="hover:underline decoration-gray-300" href="/things-to-do/rome-italy">Rome</a> </li> <li> <a class="hover:underline decoration-gray-300" href="/things-to-do/los-angeles-california">Los Angeles</a> </li> </ul> </section> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="border-ao-warm-gray-dark hidden border-b-4 bg-[#e7e7e7] md:hidden" id="mobile-menu" data-transition-enter="transition-[max-height] ease-out duration-300 origin-top overflow-y-hidden" data-transition-enter-start="max-h-0" data-transition-enter-end="max-h-[800px]" data-transition-leave="transition-[max-height] ease-out duration-100 origin-top overflow-y-hidden" data-transition-leave-start="max-h-[800px]" data-transition-leave-end="max-h-0" > <div class="mx-8"> <div role="menu" aria-orientation="vertical" class="mb-2 space-y-1 pt-4 pb-4"> <a data-turbo="true" class="mobile-menu-link mobile-nav-inactive" href="/adventures/"> <span>Trips</span> </a> <a data-turbo="false" class="mobile-menu-link mobile-nav-active" aria-current="page" href="/articles/all-places-in-the-atlas-on-one-map"> <span>Places</span> </a> <a data-turbo="true" class="mobile-menu-link mobile-nav-inactive" href="/gastro"> <span>Foods</span> </a> <a data-turbo="false" class="mobile-menu-link mobile-nav-inactive" href="/articles"> <span>Stories</span> </a> <a data-turbo="true" data-action="analytics#sendEvent" data-ga-event-category="Nav Menu" data-ga-event-action="Clicked Newsletters Link Mobile" class="mobile-menu-link mobile-nav-inactive" href="/newsletters"> <span>Newsletters</span> </a> </div> <div class="text-ao-khaki border-ao-lightgray mt-2 flex w-full border-t pt-6 text-right text-sm font-semibold uppercase tracking-[0.12em]" > <a data-turbo="false" class="block border-ao-lightgray border-r pr-3 text-ao-brown text-lg hover:text-ao-khaki" role="menuitem" tabindex="-1" href="/sign-in"> <i class="fa fa-user mr-1"></i> Sign In </a> <a data-turbo="false" class="block pl-3 text-ao-brown text-lg hover:text-ao-khaki" role="menuitem" tabindex="-1" href="/join">Join</a> </div> <div role="menu" aria-orientation="vertical" class="mt-2 space-y-1 pb-3"> </div> </div> </div> </nav> <div id="page-and-footer"> <main> <section> <div class="ao-container-padded my-6 md:my-0"> <sl-breadcrumb class="aon-breadcrumbs"> <i class="fa-light fa-chevron-right" slot="separator"></i> <sl-breadcrumb-item class="aon-breadcrumb-link" href="/destinations" > All </sl-breadcrumb-item> <sl-breadcrumb-item class="aon-breadcrumb-link" href="/things-to-do/spain" > Spain </sl-breadcrumb-item> <sl-breadcrumb-item class="aon-breadcrumb-active"> Barcelona </sl-breadcrumb-item> </sl-breadcrumb> <div class="mt-8 mb-6 md:mt-12 md:flex md:items-center md:justify-between" > <div class="flex flex-col md:basis-2/3"> <h1 class="text-ao-brown font-ao-sans text-[19px] font-semibold leading-[21px] tracking-[0.84px] md:text-[28px] md:leading-[28px]" > The Atlas Obscura Guide To <span class="mt-[5px] mb-[26px] block text-6xl font-semibold leading-[54px] tracking-[0.02em] md:mt-0 md:mb-[14px] md:text-[72px] md:leading-[1.1em]" >Barcelona</span> </h1> <h2 class="text-ao-brown font-ao-sans text-[19px] font-medium leading-[21px] tracking-[0.84px] md:text-[28px] md:leading-[28px]" > 69 Cool, Hidden, and Unusual Things to Do in Barcelona, Spain </h2> <h3 class="text-ao-brown order-last mt-6 text-base font-normal uppercase tracking-widest" > Updated December 16, 2024 </h3> </div> <div class="mt-4 flex gap-4 md:flex-col md:gap-2"> <button data-controller="aon--social--facebook-button-component" data-action="aon--social--facebook-button-component#share" class="flex items-center bg-gray-50 p-3 rounded-sm hover:bg-gray-100 " > <i class="fa-brands fa-facebook text-base text-gray-900"></i> <span class="aon-label-small text-gray-900 ml-2">Share</span> </button> <button data-controller="aon--social--twitter-button-component" data-action="aon--social--twitter-button-component#share" data-share-text="%40atlasobscura" class="flex items-center bg-gray-50 p-3 rounded-sm hover:bg-gray-100 " > <i class="fa-brands fa-twitter text-base text-gray-900"></i> <span class="aon-label-small text-gray-900 ml-2">Tweet</span> </button> <a href="mailto:?subject=The%20Atlas%20Obscura%20Guide%20to%20Barcelona&body=69%20Cool%2C%20Hidden%2C%20and%20Unusual%20Things%20to%20Do%20in%20Barcelona%2C%20Spain%0A%0Ahttps%3A%2F%2Fwww.atlasobscura.com%2Fthings-to-do%2Fbarcelona-spain%3Futm_source%3Dshare_by_email%2526utm_medium%3Demail%2526utm_campaign%3Dmailto_share?utm_source=share_by_email%26utm_medium=email%26utm_campaign=mailto_share" target="_blank" class="inline-flex items-center bg-gray-50 p-3 rounded-sm hover:bg-gray-100 " data-controller="aon--social--email-button-component" data-action="aon--social--email-button-component#recordShare" data-aon--social--email-button-component-url-value="https://www.atlasobscura.com/aon/shares" data-aon--social--email-button-component-shareable-id-value="6760" data-aon--social--email-button-component-shareable-type-value="Geo" > <i class="fa-solid fa-envelope text-base text-gray-900"></i> <span class="aon-label-small text-gray-900 ml-2">Email</span> </a> </div> </div> </div> </section> <nav class="z-50 overflow-x-auto overflow-y-hidden border-y border-neutral-200 bg-white md:sticky md:top-0" > <div class="ao-container-padded py-0"> <div data-controller="aon--geos--affixed-nav-component" role="menubar" aria-label="Sections" class="-ml-4 flex pl-2 md:pl-0" data-aon--geos--affixed-nav-component-active-class-value="after:bg-ao-rust" data-aon--geos--affixed-nav-component-inactive-class-value="after:bg-transparent" > <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="#attractions" target="" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Attractions </a> </div> <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="#food-and-drink" target="" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Food & Drink </a> </div> <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="#map" target="" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Map </a> </div> <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="#leaderboards" target="" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Leaderboards </a> </div> <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="#stories" target="" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Stories </a> </div> <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="#lists" target="" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Lists </a> </div> <div data-aon--geos--affixed-nav-component-target="link" role="presentation" class="flex-item relative after:absolute after:-bottom-0.5 after:left-0 after:block after:h-[3px] after:w-full after:bg-transparent hover:after:bg-neutral-300" > <a role="menuitem" data-turbo="false" data-action="click->aon--geos--affixed-nav-component#markActive" href="https://www.kayak.com/in?a=kan_247383_561413&enc_cid=6760_barcelona_spain&enc_lid=geo_page_subnav&enc_pid=deeplinks&url=/hotels/Barcelona,Spain/2025-02-27/2025-03-01/2adults" target="_blank" class="font-ao-sans block gap-1 whitespace-nowrap py-2 px-2 text-xs font-semibold uppercase tracking-widest text-gray-900 md:px-4 md:text-base" > Hotel Deals <i class="fa-light fa-arrow-up-right-from-square text-xs text-[#ff690f] md:align-super" ></i> </a> </div> </div> </div> </nav> <section class="border-b pb-4 sm:pb-16 md:scroll-mt-12" id="attractions"> <div class="ao-container-padded"> <h1 class="font-ao-sans text-ao-brown my-4 text-2xl font-semibold lg:mt-8 lg:mb-6 lg:text-5xl" > Unusual Attractions in Barcelona </h1> <div class="place-card-grid" data-controller="activity-streams list-buttons" data-activity-streams-url-value="/aon/activity_buttons/activity_streams" data-activity-streams-mark-url-value="/aon/activity_buttons/activity_streams/mark" data-activity-streams-unmark-url-value="/aon/activity_buttons/activity_streams/unmark" data-activity-streams-join-url-value="/sign-up" data-list-buttons-url-value="/aon/current_user_lists.json" > <div class="grid-cols-1 sm:grid-cols-3 md:grid-cols-4 gap-y-7 gap-x-5 grid" > <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/casa-batllo" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/O03_gYP3V9rfDcoP_zVDYeTA04Je1E-0UyI2i38IFhg/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wOGQ3/ZGIyMzY1ODc2M2Rj/NjlfMjE5ODUzNDlf/MTc2OTQyMDQ4MzM1/MDY2N18xODc4NzEx/NzExMzc3MTI5NDcy/X24uanBn.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/J-S7rGlbiwuB4E2ykAWfAsFRcof6PR4_w7dTJRtB-FE/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wOGQ3/ZGIyMzY1ODc2M2Rj/NjlfMjE5ODUzNDlf/MTc2OTQyMDQ4MzM1/MDY2N18xODc4NzEx/NzExMzc3MTI5NDcy/X24uanBn.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/O03_gYP3V9rfDcoP_zVDYeTA04Je1E-0UyI2i38IFhg/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wOGQ3/ZGIyMzY1ODc2M2Rj/NjlfMjE5ODUzNDlf/MTc2OTQyMDQ4MzM1/MDY2N18xODc4NzEx/NzExMzc3MTI5NDcy/X24uanBn.jpg" /> <img alt="Street view of Casa Batlló" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/O03_gYP3V9rfDcoP_zVDYeTA04Je1E-0UyI2i38IFhg/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wOGQ3/ZGIyMzY1ODc2M2Rj/NjlfMjE5ODUzNDlf/MTc2OTQyMDQ4MzM1/MDY2N18xODc4NzEx/NzExMzc3MTI5NDcy/X24uanBn.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_10642" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwNjQyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--c22411c2c3524036884b6900bc0282e18fb0c00f" data-aon--activity-streams--button-component-resource-id-value="10642" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_10642" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_10642" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwNjQyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--c22411c2c3524036884b6900bc0282e18fb0c00f" data-aon--activity-streams--button-component-resource-id-value="10642" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_10642" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwNjQyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--c22411c2c3524036884b6900bc0282e18fb0c00f" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwNjQyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--c22411c2c3524036884b6900bc0282e18fb0c00f" > <div data-list-button-id="lists-popup-button-place-10642" data-list-buttons-target="button" data-list-buttons-listable-id="10642" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-10642" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/casa-batllo" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Casa Batlló</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> One of Antoni Gaudí's most classic buildings is well-known for its "dragon-back" design. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/sagrada-familia" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/WNkZ6J9_KT3DxNfsBBLFWBZxhYT76PC2dol23woZcXA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9mNzlk/NTI2ZC0yNDI2LTRm/MzktOTFiMC1iY2Q4/N2I4MGVjZGQwYjU0/YWZkOWI1OWY0MDgx/NjVfNTEyMjA4NDcw/NF84ZDgxZmVjOTU5/X28uanBn.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/RQiy5wUXqU5qPBvsdpw0JUjtTeXwsahF2sjoq2c3PkA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9mNzlk/NTI2ZC0yNDI2LTRm/MzktOTFiMC1iY2Q4/N2I4MGVjZGQwYjU0/YWZkOWI1OWY0MDgx/NjVfNTEyMjA4NDcw/NF84ZDgxZmVjOTU5/X28uanBn.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/WNkZ6J9_KT3DxNfsBBLFWBZxhYT76PC2dol23woZcXA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9mNzlk/NTI2ZC0yNDI2LTRm/MzktOTFiMC1iY2Q4/N2I4MGVjZGQwYjU0/YWZkOWI1OWY0MDgx/NjVfNTEyMjA4NDcw/NF84ZDgxZmVjOTU5/X28uanBn.jpg" /> <img alt="The facade of the church, still under construction." loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/WNkZ6J9_KT3DxNfsBBLFWBZxhYT76PC2dol23woZcXA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9mNzlk/NTI2ZC0yNDI2LTRm/MzktOTFiMC1iY2Q4/N2I4MGVjZGQwYjU0/YWZkOWI1OWY0MDgx/NjVfNTEyMjA4NDcw/NF84ZDgxZmVjOTU5/X28uanBn.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_8651" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzg2NTE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--293c7b1b33671b7a07767fc7895c0fc1222c3ee8" data-aon--activity-streams--button-component-resource-id-value="8651" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_8651" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_8651" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzg2NTE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--293c7b1b33671b7a07767fc7895c0fc1222c3ee8" data-aon--activity-streams--button-component-resource-id-value="8651" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_8651" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzg2NTE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0%3D--293c7b1b33671b7a07767fc7895c0fc1222c3ee8" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzg2NTE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--293c7b1b33671b7a07767fc7895c0fc1222c3ee8" > <div data-list-button-id="lists-popup-button-place-8651" data-list-buttons-target="button" data-list-buttons-listable-id="8651" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-8651" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/sagrada-familia" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Sagrada Família</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> Construction of Barcelona's iconic (but controversial) church is expected to be completed in 2026—a century after the death of its architect. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/labyrinth-park-of-horta" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/dvY9gpT-wuhCic1359kaETbDZxLFEUYfOU37Lc8lTmk/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy81M2Y4/OTM3YjlkYmRmMTI1/NGZfSU1HXzI4NjEu/SlBH.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/3vbjGMr6_xlXuZDF1MKCiyFUr-_mquJEYzAyxKqWCAs/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy81M2Y4/OTM3YjlkYmRmMTI1/NGZfSU1HXzI4NjEu/SlBH.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/dvY9gpT-wuhCic1359kaETbDZxLFEUYfOU37Lc8lTmk/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy81M2Y4/OTM3YjlkYmRmMTI1/NGZfSU1HXzI4NjEu/SlBH.jpg" /> <img alt="Labyrinth Park of Horta" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/dvY9gpT-wuhCic1359kaETbDZxLFEUYfOU37Lc8lTmk/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy81M2Y4/OTM3YjlkYmRmMTI1/NGZfSU1HXzI4NjEu/SlBH.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_13130" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMTMwP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--5553885a3fe76ad3d5539215499890456779efcf" data-aon--activity-streams--button-component-resource-id-value="13130" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_13130" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_13130" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMTMwP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--5553885a3fe76ad3d5539215499890456779efcf" data-aon--activity-streams--button-component-resource-id-value="13130" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_13130" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMTMwP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--5553885a3fe76ad3d5539215499890456779efcf" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMTMwP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--5553885a3fe76ad3d5539215499890456779efcf" > <div data-list-button-id="lists-popup-button-place-13130" data-list-buttons-target="button" data-list-buttons-listable-id="13130" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-13130" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/labyrinth-park-of-horta" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Labyrinth Park of Horta</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> This semi-secret storybook hedge maze is also the oldest garden in the city. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/park-guell" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/zK3YHFs7pyYNfXDbj54YjU2zR7cKoa1KUlQRwBLtpQE/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy82MDQ0/MzVkYjY0ZGM2Yzk1/MmRfUGFya19Hw7xl/bGxfMDIuanBn.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/3_RoUz3k2by9qxKil84zsR03cYuVaTexg5CrnI9C3TM/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy82MDQ0/MzVkYjY0ZGM2Yzk1/MmRfUGFya19Hw7xl/bGxfMDIuanBn.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/zK3YHFs7pyYNfXDbj54YjU2zR7cKoa1KUlQRwBLtpQE/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy82MDQ0/MzVkYjY0ZGM2Yzk1/MmRfUGFya19Hw7xl/bGxfMDIuanBn.jpg" /> <img alt="Houses inside Park Güell designed by Gaudí" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/zK3YHFs7pyYNfXDbj54YjU2zR7cKoa1KUlQRwBLtpQE/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy82MDQ0/MzVkYjY0ZGM2Yzk1/MmRfUGFya19Hw7xl/bGxfMDIuanBn.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_15004" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzE1MDA0P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--fb8f2a43a43a5ded32fbebb05b2ecc6e436e1a73" data-aon--activity-streams--button-component-resource-id-value="15004" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_15004" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_15004" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzE1MDA0P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--fb8f2a43a43a5ded32fbebb05b2ecc6e436e1a73" data-aon--activity-streams--button-component-resource-id-value="15004" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_15004" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzE1MDA0P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--fb8f2a43a43a5ded32fbebb05b2ecc6e436e1a73" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzE1MDA0P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--fb8f2a43a43a5ded32fbebb05b2ecc6e436e1a73" > <div data-list-button-id="lists-popup-button-place-15004" data-list-buttons-target="button" data-list-buttons-listable-id="15004" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-15004" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/park-guell" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Park Güell</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> Gaudí's famously flamboyant architectural style is on full display in this sprawling park and garden. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/montjuic-cemetery" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/1e6LsvNvgZN7pWoJ3wdaVzh85-_vc_cCpOmkiaIp8tA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy93MWRz/cGVpZ20ydGViMmRl/ZjU2YzFlMDAyMmYx/ZF81NzQ1NjFfMTAx/NTE1NTcwOTg5Njc2/NTJfMjUyMTc1NjM1/X24uanBn.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/VEdjpE55PPM5pFgQ8NvSiIMHiBRaiE651x-mh-0pz0Q/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy93MWRz/cGVpZ20ydGViMmRl/ZjU2YzFlMDAyMmYx/ZF81NzQ1NjFfMTAx/NTE1NTcwOTg5Njc2/NTJfMjUyMTc1NjM1/X24uanBn.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/1e6LsvNvgZN7pWoJ3wdaVzh85-_vc_cCpOmkiaIp8tA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy93MWRz/cGVpZ20ydGViMmRl/ZjU2YzFlMDAyMmYx/ZF81NzQ1NjFfMTAx/NTE1NTcwOTg5Njc2/NTJfMjUyMTc1NjM1/X24uanBn.jpg" /> <img alt="" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/1e6LsvNvgZN7pWoJ3wdaVzh85-_vc_cCpOmkiaIp8tA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy93MWRz/cGVpZ20ydGViMmRl/ZjU2YzFlMDAyMmYx/ZF81NzQ1NjFfMTAx/NTE1NTcwOTg5Njc2/NTJfMjUyMTc1NjM1/X24uanBn.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_6226" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyMjY_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--f92187282f1d76b29e51bac4914cd762c47166f5" data-aon--activity-streams--button-component-resource-id-value="6226" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_6226" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_6226" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyMjY_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--f92187282f1d76b29e51bac4914cd762c47166f5" data-aon--activity-streams--button-component-resource-id-value="6226" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_6226" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyMjY_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0%3D--f92187282f1d76b29e51bac4914cd762c47166f5" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyMjY_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--f92187282f1d76b29e51bac4914cd762c47166f5" > <div data-list-button-id="lists-popup-button-place-6226" data-list-buttons-target="button" data-list-buttons-listable-id="6226" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-6226" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/montjuic-cemetery" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Montjuïc Cemetery</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> This cemetery features modernist statues as strange as its name. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/calder-mercury-fountain" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/224pUF3aoDfP5yRVi6_O3PLCmMy1orN7cXiVAFqlmFI/rs:fill:600:400:1/g:ce/c:800:533:nowe:0:35/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xNTU2/NTU0NjVfY2FmZTU1/ZjRhNl9vLmpwZw.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/J_AAxvuUpAYeteWfLl2CKG4dsSje6e1XjIo-slR6fvE/rs:fill:600:400:1/g:ce/c:800:533:nowe:0:35/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xNTU2/NTU0NjVfY2FmZTU1/ZjRhNl9vLmpwZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/224pUF3aoDfP5yRVi6_O3PLCmMy1orN7cXiVAFqlmFI/rs:fill:600:400:1/g:ce/c:800:533:nowe:0:35/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xNTU2/NTU0NjVfY2FmZTU1/ZjRhNl9vLmpwZw.jpg" /> <img alt="" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/224pUF3aoDfP5yRVi6_O3PLCmMy1orN7cXiVAFqlmFI/rs:fill:600:400:1/g:ce/c:800:533:nowe:0:35/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xNTU2/NTU0NjVfY2FmZTU1/ZjRhNl9vLmpwZw.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_1087" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwODc_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--39df3803ad4e8c81660855b4e0d5b2cd20bdeddf" data-aon--activity-streams--button-component-resource-id-value="1087" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_1087" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_1087" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwODc_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--39df3803ad4e8c81660855b4e0d5b2cd20bdeddf" data-aon--activity-streams--button-component-resource-id-value="1087" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_1087" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwODc_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0%3D--39df3803ad4e8c81660855b4e0d5b2cd20bdeddf" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEwODc_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--39df3803ad4e8c81660855b4e0d5b2cd20bdeddf" > <div data-list-button-id="lists-popup-button-place-1087" data-list-buttons-target="button" data-list-buttons-listable-id="1087" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-1087" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/calder-mercury-fountain" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Calder Mercury Fountain</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> A beautiful but toxic fountain of mercury. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/bunkers-del-carmel" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/bWQ87p3AK4ESTrqjesSFfo7-aFCksnv6__157m7fZig/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMDE2/YmM2YWU4MWE1ZGJk/ZDlfMTI4MHB4LVZp/c3RhX0JhcmNlbG9u/YV9kZXNfZGVsX1R1/csOzX2RlX2xhX1Jv/dmlyYS5qcGc.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/OD_b0XlCsyICOAX1GVerwzDoP4Peb2bZh-UIeXxpEe0/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMDE2/YmM2YWU4MWE1ZGJk/ZDlfMTI4MHB4LVZp/c3RhX0JhcmNlbG9u/YV9kZXNfZGVsX1R1/csOzX2RlX2xhX1Jv/dmlyYS5qcGc.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/bWQ87p3AK4ESTrqjesSFfo7-aFCksnv6__157m7fZig/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMDE2/YmM2YWU4MWE1ZGJk/ZDlfMTI4MHB4LVZp/c3RhX0JhcmNlbG9u/YV9kZXNfZGVsX1R1/csOzX2RlX2xhX1Jv/dmlyYS5qcGc.jpg" /> <img alt="Bunkers del Carmel" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/bWQ87p3AK4ESTrqjesSFfo7-aFCksnv6__157m7fZig/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMDE2/YmM2YWU4MWE1ZGJk/ZDlfMTI4MHB4LVZp/c3RhX0JhcmNlbG9u/YV9kZXNfZGVsX1R1/csOzX2RlX2xhX1Jv/dmlyYS5qcGc.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_13382" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMzgyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--0213996cd5933889dcb8b0ad997e6abf23ea69f4" data-aon--activity-streams--button-component-resource-id-value="13382" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_13382" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_13382" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMzgyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--0213996cd5933889dcb8b0ad997e6abf23ea69f4" data-aon--activity-streams--button-component-resource-id-value="13382" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_13382" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMzgyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--0213996cd5933889dcb8b0ad997e6abf23ea69f4" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzEzMzgyP2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--0213996cd5933889dcb8b0ad997e6abf23ea69f4" > <div data-list-button-id="lists-popup-button-place-13382" data-list-buttons-target="button" data-list-buttons-listable-id="13382" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-13382" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/bunkers-del-carmel" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Bunkers of Carmel</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> These secluded and abandoned anti-aircraft defenses have become one the most scenic viewpoints in Barcelona. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/chocolate-museum" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/Tc1mmd7O4jE61YeIfNDc8UM8z9C6InQcF_fG-fPZkAo/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/7RGu76BsF4ojYyViK0eMrFk8uaduZmIRjOJkCIq6dSc/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/Tc1mmd7O4jE61YeIfNDc8UM8z9C6InQcF_fG-fPZkAo/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.jpg" /> <img alt="Chocolate chariot driver and his horses (Flickr/SpirosK)" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/Tc1mmd7O4jE61YeIfNDc8UM8z9C6InQcF_fG-fPZkAo/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_3741" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--1c5e4aecf7d38575b34585b6f23495449cc46e3e" data-aon--activity-streams--button-component-resource-id-value="3741" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_3741" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_3741" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--1c5e4aecf7d38575b34585b6f23495449cc46e3e" data-aon--activity-streams--button-component-resource-id-value="3741" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_3741" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0%3D--1c5e4aecf7d38575b34585b6f23495449cc46e3e" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--1c5e4aecf7d38575b34585b6f23495449cc46e3e" > <div data-list-button-id="lists-popup-button-place-3741" data-list-buttons-target="button" data-list-buttons-listable-id="3741" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-3741" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/chocolate-museum" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Chocolate Museum</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> Gaze upon chocolate sculptures depicting everything from chariot races to Gaudí's famous church at this shrine to sweets. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> </div> </div> <div class="mt-8 flex justify-center"> <a data-turbo="false" class="flat-btn flat-btn-brown w-full sm:w-1/2 flex items-center gap-x-2 justify-center" href="/things-to-do/barcelona-spain/places"> See All <span class="text-2xl" >69</span> Things To Do in Barcelona </a> </div> </div> </section> <section class="advertisement-disclaimer flex flex-col items-center justify-center bg-gray-50" data-hide-on-search="false" > <div data-aa-adunit="/22181265/atlasobscura_970v_2" data-aaad="true"></div> </section> <section class="border-b pb-4 sm:pb-16 md:scroll-mt-12" id="food-and-drink" > <div class="ao-container-padded"> <h1 class="font-ao-sans text-ao-brown my-4 text-2xl font-semibold lg:mt-8 lg:mb-6 lg:text-5xl" > Cool Places to Eat & Drink in Barcelona </h1> <div class="place-card-grid" data-controller="activity-streams list-buttons" data-activity-streams-url-value="/aon/activity_buttons/activity_streams" data-activity-streams-mark-url-value="/aon/activity_buttons/activity_streams/mark" data-activity-streams-unmark-url-value="/aon/activity_buttons/activity_streams/unmark" data-activity-streams-join-url-value="/sign-up" data-list-buttons-url-value="/aon/current_user_lists.json" > <div class="grid-cols-1 sm:grid-cols-3 md:grid-cols-4 gap-y-7 gap-x-5 grid" > <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/chocolate-museum" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/Tc1mmd7O4jE61YeIfNDc8UM8z9C6InQcF_fG-fPZkAo/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/7RGu76BsF4ojYyViK0eMrFk8uaduZmIRjOJkCIq6dSc/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/Tc1mmd7O4jE61YeIfNDc8UM8z9C6InQcF_fG-fPZkAo/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.jpg" /> <img alt="Chocolate chariot driver and his horses (Flickr/SpirosK)" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/Tc1mmd7O4jE61YeIfNDc8UM8z9C6InQcF_fG-fPZkAo/rs:fill:600:400:1/g:ce/c:600:400:nowe:0:28/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8yNzhm/NzQ3NjBmMjhhOGU5/NWU4MDRkMDJiOWIy/N2FhZTQxNmQ5YWZi/LmpwZw.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_3741" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--1c5e4aecf7d38575b34585b6f23495449cc46e3e" data-aon--activity-streams--button-component-resource-id-value="3741" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_3741" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_3741" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--1c5e4aecf7d38575b34585b6f23495449cc46e3e" data-aon--activity-streams--button-component-resource-id-value="3741" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_3741" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0%3D--1c5e4aecf7d38575b34585b6f23495449cc46e3e" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzM3NDE_ZXhwaXJlc19pbiIsInB1ciI6ImRlZmF1bHQifX0=--1c5e4aecf7d38575b34585b6f23495449cc46e3e" > <div data-list-button-id="lists-popup-button-place-3741" data-list-buttons-target="button" data-list-buttons-listable-id="3741" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-3741" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/chocolate-museum" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Chocolate Museum</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> Gaze upon chocolate sculptures depicting everything from chariot races to Gaudí's famous church at this shrine to sweets. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/caelum-barcelona" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/FcHwIQLPmYK5N2rNCK3eiCGrprj0kwmxLkcZt5hM8JI/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zYTE2/MTIwMy03MWIxLTQ1/YWItOThkNS05N2E4/ZTA4MjRlNDE1OGZm/YzIzNWM4ZDgwMmJj/MTlfMjYzMTg5NDFf/MzU0NzQ3MzQ0OTk2/NTMxXzUyNzU3NTk1/ODA5Njg2NDg3MDRf/bi5qcGc.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/1fp0ipnSOUFJkKg5Ch8t8iZ3eAQycsdvkOZ388yQVMs/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zYTE2/MTIwMy03MWIxLTQ1/YWItOThkNS05N2E4/ZTA4MjRlNDE1OGZm/YzIzNWM4ZDgwMmJj/MTlfMjYzMTg5NDFf/MzU0NzQ3MzQ0OTk2/NTMxXzUyNzU3NTk1/ODA5Njg2NDg3MDRf/bi5qcGc.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/FcHwIQLPmYK5N2rNCK3eiCGrprj0kwmxLkcZt5hM8JI/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zYTE2/MTIwMy03MWIxLTQ1/YWItOThkNS05N2E4/ZTA4MjRlNDE1OGZm/YzIzNWM4ZDgwMmJj/MTlfMjYzMTg5NDFf/MzU0NzQ3MzQ0OTk2/NTMxXzUyNzU3NTk1/ODA5Njg2NDg3MDRf/bi5qcGc.jpg" /> <img alt="" loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/FcHwIQLPmYK5N2rNCK3eiCGrprj0kwmxLkcZt5hM8JI/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zYTE2/MTIwMy03MWIxLTQ1/YWItOThkNS05N2E4/ZTA4MjRlNDE1OGZm/YzIzNWM4ZDgwMmJj/MTlfMjYzMTg5NDFf/MzU0NzQ3MzQ0OTk2/NTMxXzUyNzU3NTk1/ODA5Njg2NDg3MDRf/bi5qcGc.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_28877" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzI4ODc3P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--1127dd0061dc224ef400a26623b14d4ece138933" data-aon--activity-streams--button-component-resource-id-value="28877" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_28877" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_28877" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzI4ODc3P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--1127dd0061dc224ef400a26623b14d4ece138933" data-aon--activity-streams--button-component-resource-id-value="28877" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_28877" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzI4ODc3P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--1127dd0061dc224ef400a26623b14d4ece138933" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzI4ODc3P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--1127dd0061dc224ef400a26623b14d4ece138933" > <div data-list-button-id="lists-popup-button-place-28877" data-list-buttons-target="button" data-list-buttons-listable-id="28877" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-28877" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/caelum-barcelona" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Caelum</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> This cafe offers a curated collection of treats and tipples made by monks and nuns. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/granja-dulcinea" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/4rWtJGsopcgJn8VzzfGttZ0BJuVRgsxd-dVp5-_miF8/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMTdh/MmI2OGE4Mjg5ZDRj/MDRfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00NjUyLmpwZw.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/646EqAq0ezzJ9ecWJTJEVPX5e1yUxwaaxaPHZCsbBzg/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMTdh/MmI2OGE4Mjg5ZDRj/MDRfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00NjUyLmpwZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/4rWtJGsopcgJn8VzzfGttZ0BJuVRgsxd-dVp5-_miF8/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMTdh/MmI2OGE4Mjg5ZDRj/MDRfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00NjUyLmpwZw.jpg" /> <img alt="The hot chocolate here is particularly thick and rich." loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/4rWtJGsopcgJn8VzzfGttZ0BJuVRgsxd-dVp5-_miF8/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy9lMTdh/MmI2OGE4Mjg5ZDRj/MDRfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00NjUyLmpwZw.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_62526" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNTI2P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--7a462bf30963e1f75e938fc236be2582abd4bf72" data-aon--activity-streams--button-component-resource-id-value="62526" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_62526" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_62526" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNTI2P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--7a462bf30963e1f75e938fc236be2582abd4bf72" data-aon--activity-streams--button-component-resource-id-value="62526" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_62526" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNTI2P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--7a462bf30963e1f75e938fc236be2582abd4bf72" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNTI2P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--7a462bf30963e1f75e938fc236be2582abd4bf72" > <div data-list-button-id="lists-popup-button-place-62526" data-list-buttons-target="button" data-list-buttons-listable-id="62526" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-62526" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/granja-dulcinea" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>Granja Dulcinea</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> Dunk your churros in rich hot chocolate on the city’s old “Chocolate Street.” </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> <div class="cursor-pointer aon-card h-full w-full" > <article role="article" class="hover:shadow-ao-card-lift h-full flex-col flex bg-white transition duration-300" > <figure class="relative block w-full"> <a href="/places/la-cova-fumada" data-turbo=false tabindex="-1" aria-hidden="true" > <link itemprop="image" href="https://img.atlasobscura.com/JCx3iu_Gv5X8bE3-2nA46zbfHgcBhvYf1SgcvZPR6EA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wNzcz/Zjc2ZDBiZDEzYjhi/NzdfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00ODUyLmpwZw.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/z-AxuzH3Ixg2bQbuFU6RbtN6BbMoHoPDp6OkAdFt59s/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wNzcz/Zjc2ZDBiZDEzYjhi/NzdfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00ODUyLmpwZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/JCx3iu_Gv5X8bE3-2nA46zbfHgcBhvYf1SgcvZPR6EA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wNzcz/Zjc2ZDBiZDEzYjhi/NzdfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00ODUyLmpwZw.jpg" /> <img alt="This “bomb” is really a deep-fried, golf ball-sized globe of mashed potatoes with a minced meat center." loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/JCx3iu_Gv5X8bE3-2nA46zbfHgcBhvYf1SgcvZPR6EA/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8wNzcz/Zjc2ZDBiZDEzYjhi/NzdfMjAyNDA5IEJh/cmNlbG9uYSBTcGFp/bi00ODUyLmpwZw.jpg" /> </picture> </a> <div class="absolute right-3 -bottom-[8px]"> <div class="activity-buttons flex gap-1 bg-transparent"> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_62448" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNDQ4P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--81d830b7c692ff6e05d91462ce82dc47d2b306fd" data-aon--activity-streams--button-component-resource-id-value="62448" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="has-done" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I've Been Here" data-aon--toggle-button-component-inactive-title-value="Been Here?" data-aon--toggle-button-component-active-tooltip-value="I've Been Here" data-aon--toggle-button-component-inactive-tooltip-value="Been Here?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-has-done-place_62448" class="aon-toggle-button activity-button btn has-done" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-flag-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-controller="aon--activity-streams--button-component" data-action="click->aon--activity-streams--button-component#redirectIfGuest aon-toggle-button:toggled->aon--activity-streams--button-component#handleToggled aon-event:activityButtonToggled->analytics#handleAtlasAction" data-aon--activity-streams--button-component-marked-value="false" data-aon--activity-streams--button-component-mark-id-value="place_62448" data-aon--activity-streams--button-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNDQ4P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--81d830b7c692ff6e05d91462ce82dc47d2b306fd" data-aon--activity-streams--button-component-resource-id-value="62448" data-aon--activity-streams--button-component-resource-type-value="Place" data-aon--activity-streams--button-component-kind-value="wants-to" data-aon--activity-streams--button-component-source-value="" data-activity-streams-target="button" class="activity-streams--button" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked click->aon--toggle-button-component#toggle" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="I Want to Visit" data-aon--toggle-button-component-inactive-title-value="Want to Visit?" data-aon--toggle-button-component-active-tooltip-value="I Want to Visit" data-aon--toggle-button-component-inactive-tooltip-value="Want to Visit?" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="as-button-wants-to-place_62448" class="aon-toggle-button activity-button btn wants-to" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-small-star-full block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> <div data-user-lists-popup-component class="inline-block" data-controller="aon--lists-popup-component" data-action="aon-toggle-button:clicked->aon--lists-popup-component#triggerDrawer" data-aon--lists-popup-component-lists-index-url-value="/aon/current_user_lists?create_list=true&popup=true&resource_sgid=eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNDQ4P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--81d830b7c692ff6e05d91462ce82dc47d2b306fd" data-aon--lists-popup-component-loaded-value="false" data-aon--lists-popup-component-resource-sgid-value="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL2F0bGFzL1BsYWNlLzYyNDQ4P2V4cGlyZXNfaW4iLCJwdXIiOiJkZWZhdWx0In19--81d830b7c692ff6e05d91462ce82dc47d2b306fd" > <div data-list-button-id="lists-popup-button-place-62448" data-list-buttons-target="button" data-list-buttons-listable-id="62448" data-list-buttons-listable-type="place" class="lists-popup--anchor inline-block" > <sl-tooltip data-tooltip content="" class="aon-tooltip"> <button data-controller="aon--toggle-button-component" data-action="click->aon--toggle-button-component#clicked" data-aon--toggle-button-component-active-value="false" data-aon--toggle-button-component-active-title-value="Add to List" data-aon--toggle-button-component-inactive-title-value="Add to List" data-aon--toggle-button-component-active-tooltip-value="Add to List" data-aon--toggle-button-component-inactive-tooltip-value="Add to List" data-aon--toggle-button-component-active-class="active" data-aon--toggle-button-component-inactive-class="inactive" data-toggle-button-id="lists-popup-button-place-62448" class="aon-toggle-button activity-button list-button btn in-list" role="button" aria-pressed="false" > <i class="ao-icon ao-icon-list block"></i> <span class="sr-only">Button</span> </button> </sl-tooltip> </div> </div> </div> </div> </figure> <div class="card__body p-3 border border-ao-lightgray text-ao-brown flex h-full flex-col gap-1" > <a class="flex grow flex-col" href="/places/la-cova-fumada" data-turbo=false > <header class="flex flex-initial flex-col gap-1 leading-none"> <h3 class="text-xs font-semibold uppercase leading-4 tracking-widest" > <span>Barcelona, Spain</span> </h3> <h4 class=" text-xl font-semibold leading-5 tracking-wider" > <span>La Cova Fumada</span> </h4> </header> <div class="card__body-small-content flex flex-col"> <div class="font-ao-serif my-1 text-base font-light leading-snug sm:leading-5" > <span> Behind this unmarked facade lies the original bomba—a crunchy orb of fried mashed potatoes stuffed with minced meat. </span> </div> </div> </a> </div> </article> <span class="text-ao-sand text-sm font-normal leading-4 tracking-wider"> </span> </div> </div> </div> <div class="mt-8 flex justify-center"> <a data-turbo="false" class="flat-btn flat-btn-gastro-yellow w-full sm:w-1/2 flex items-center gap-x-2 justify-center" href="/cool-places-to-eat/barcelona-spain"> See all <span class="text-2xl" >13</span> Places to Eat in Barcelona </a> </div> </div> </section> <section class="border-b py-8"> <div class="ao-container-padded py-8"> <div class="font-ao-sans mb-2 text-base tracking-wider text-gray-600"> In partnership with KAYAK </div> <h1 class="font-ao-sans text-ao-brown mb-2 text-2xl font-semibold lg:text-5xl" > Plan Your Trip </h1> <div id="kayakWidget3" data-affiliate-id="kan_247383_561413" data-country-code="US" data-language-code="en" data-location-id="geo_page_center" data-click-id="6760_barcelona_spain" data-vertical="hotels" data-vertical-list="hotels,flights,cars" data-location-id="geo_show" data-fill-location-from="GEOIP" data-fill-location-to="Barcelona Spain" data-fill-date1-days="14" data-fill-date2-days="21" class="mb-8 lg:mb-16" ></div> <div class="flex min-h-[300px] flex-col items-center justify-center rounded-2xl bg-cover bg-center bg-no-repeat p-8 text-white md:min-h-[400px]" style="background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.4), rgba(51, 51, 51, 0.6)), url('https://images.atlasobscura.com/aon/getyourguide/barcelona-spain.jpg');" > <div class="flex max-w-2xl grow flex-col items-center justify-center text-center" > <div class="aon-label-small md:aon-label-big mb-4"> In Partnership with GetYourGuide </div> <h1 class="aon-heading-tiny md:aon-heading-smaller"> Unforgettable Experiences Nearby </h1> <h2 class="md:aon-subtitle-small hidden md:mt-1 md:block"> From morning hot air balloon rides to cava, tapas, and vineyards. </h2> <a class="aon-white-button mt-6" href="https://www.getyourguide.com/-l45/-tc268/?partner_id=1SQ97RY&utm_medium=online_publisher&placement=content-middle&cmp=AO-W2BCN"> Discover Experiences <i class="fa-light fa-arrow-up-right-from-square ml-1"></i> </a> </div> <div class="mt-4 w-[75px] md:mt-0 md:self-end"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 521.57 446.48" viewBox="81.24 81.3 359.09 283.89"><g fill="#fff"><path d="m173.62 199.31c-5.55 0-9.94 4.28-9.94 9.94s4.39 9.94 9.94 9.94 9.94-4.28 9.94-9.94-4.39-9.94-9.94-9.94z"/><path d="m230.37 150.44h-35.15v-16.88h31.34v-16.88h-31.34v-16.65h34.57v-17h-53.53v84.41h54.11z"/><path d="m191.2 201.39c5.55 0 9.94-4.28 9.94-9.94s-4.39-9.94-9.94-9.94-9.94 4.28-9.94 9.94 4.39 9.94 9.94 9.94z"/><path d="m117.43 169.17c12.26 0 23.01-6.24 29.37-15.84v14.11h16.65v-46.94h-44.63v16.19h18.73c-1.73 8.67-9.37 15.38-18.62 15.38-10.29 0-18.62-8.33-18.62-20.47v-12.49c0-11.91 8.9-20.7 21.39-20.7 9.71 0 18.38 5.32 21.27 13.07l17.58-6.13c-4.86-14.8-20.58-24.05-38.73-24.05-22.89 0-40.01 15.38-40.01 37.81v12.49c.01 21.61 15.96 37.57 35.62 37.57z"/><path d="m279.97 117.99v-11.24h-18.7v15.74 11.23h18.7z"/><path d="m238.46 83.03h64.06v17h-64.06z"/><path d="m113.04 265.44h18.96v-32.02l31.8-52.38h-21.39l-20.01 34.57-19.77-34.57h-21.39l31.8 52.61z"/><path d="m279.97 156.18v-15.73h-18.7v11.23 15.73h18.7z"/><path d="m424.23 265.44-23.01-32.26c11.22-3.47 19.08-13.3 19.08-25.32 0-15.26-12.6-26.83-28.56-26.83h-11.1v17.11h10.41c5.55 0 9.83 4.39 9.83 10.17s-4.28 10.18-9.83 10.18h-10.41v16.19l20.58 30.76z"/><path d="m330.26 278.93h-27.87v84.52h27.87c26.13 0 44.63-17.92 44.63-42.2s-18.5-42.32-44.63-42.32zm1.5 67.52h-10.41v-50.53h10.41c14.11 0 23.7 10.87 23.7 25.32s-9.59 25.21-23.7 25.21z"/><path d="m405.18 329.57h31.34v-16.88h-31.34v-16.65h34.57v-16.99h-53.53v84.4h54.11v-17h-35.15z"/><path d="m374.97 236.9-9.8-13.89 9.68-14.05-9.81-13.88 9.68-14.04-19.55.01-9.68 14.19 9.81 13.89-9.68 14.05 9.81 13.88-9.68 14.06 10.41 14.45h19.76l-10.63-14.61z"/><path d="m331.8 232.61v-51.57h-18.85v51.92c0 9.71-6.94 16.88-16.42 16.88s-16.42-7.17-16.42-16.88v-51.92h-18.85v51.57c0 19.89 14.92 34.57 35.27 34.57s35.27-14.69 35.27-34.57z"/><path d="m228.31 330.96c0 9.71-6.94 16.88-16.42 16.88s-16.42-7.17-16.42-16.88v-51.92h-18.85v51.57c0 19.89 14.92 34.57 35.27 34.57s35.27-14.68 35.27-34.57v-51.57h-18.85z"/><path d="m118.82 332.7h18.73c-1.73 8.67-9.37 15.38-18.62 15.38-10.29 0-18.62-8.33-18.62-20.47v-12.49c0-11.91 8.9-20.7 21.39-20.7 9.71 0 18.38 5.32 21.27 13.07l17.58-6.13c-4.86-14.8-20.58-24.05-38.73-24.05-22.89 0-40.01 15.38-40.01 37.81v12.49c0 21.62 15.96 37.58 35.61 37.58 12.26 0 23.01-6.24 29.37-15.84v14.11h16.65v-46.94h-44.63v16.18z"/><path d="m205.42 179.3v17.81c13.88 0 24.86 11.33 24.86 26.13s-10.98 26.13-24.86 26.13c-13.87 0-24.86-11.33-24.86-26.13h-19.43c0 24.63 19.66 43.94 44.28 43.94 24.63 0 44.28-19.31 44.28-43.94s-19.64-43.94-44.27-43.94z"/><path d="m282.97 318.78c2.8-2.53 7.49-6.76 7.49-14.51s-4.69-11.98-7.49-14.51c-.12-.11-.24-.22-.35-.31-1.4-1.47-1.64-3.58-1.67-4.58v-5.94h-18.99v7.9h.01c0 .1-.01.19-.01.29 0 7.75 4.69 11.98 7.49 14.51 2.01 1.82 2.01 1.91 2.01 2.64s0 .82-2.01 2.64c-2.69 2.43-7.12 6.45-7.45 13.66h-.02c0 .14-.02.27-.02.4 0 .08.01.15.01.22 0 .08-.01.15-.01.22 0 .14.01.27.02.4h.02c.33 7.21 4.76 11.23 7.45 13.66 2.01 1.82 2.01 1.91 2.01 2.64s0 .82-2.01 2.64c-2.8 2.53-7.49 6.76-7.49 14.51 0 .1 0 .2.01.29h-.01v7.9h18.99v-5.94c.03-.99.27-3.11 1.67-4.58.11-.1.22-.2.35-.31 2.8-2.53 7.49-6.76 7.49-14.51s-4.69-11.98-7.49-14.51c-1.79-1.61-1.99-1.87-2.01-2.41.02-.54.22-.8 2.01-2.41z"/></g></svg> </div> </div> </div> </section> <section class="advertisement-disclaimer flex flex-col items-center justify-center bg-gray-50" data-hide-on-search="false" > <div data-aa-adunit="/22181265/atlasobscura_970v_3" data-aaad="true"></div> </section> <section class="border-b" id="map"> <div class="ao-container-padded"> <h1 class="font-ao-sans text-ao-brown my-4 text-2xl font-semibold lg:mt-8 lg:mb-6 lg:text-5xl" > Explore Barcelona, Spain </h1> <div class="mb-16"> <div data-controller="aon--dynamic-map-component" data-aon--dynamic-map-component-latitude-value="41.385064" data-aon--dynamic-map-component-longitude-value="2.173404" data-aon--dynamic-map-component-starting-points-value="W3siaWQiOjEwNjQyLCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IkNhc2EgQmF0 bGzDsyIsImxvbmdpdHVkZSI6IjIuMTY0OTYxIiwibGF0aXR1ZGUiOiI0MS4z OTE2OTcifSx7ImlkIjo4NjUxLCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IlNh Z3JhZGEgRmFtw61saWEiLCJsb25naXR1ZGUiOiIyLjE3NDM1NiIsImxhdGl0 dWRlIjoiNDEuNDAzNjI5In0seyJpZCI6MTMxMzAsImdhc3RybyI6ZmFsc2Us InRpdGxlIjoiTGFieXJpbnRoIFBhcmsgb2YgSG9ydGEiLCJsb25naXR1ZGUi OiIyLjE0NzYxMiIsImxhdGl0dWRlIjoiNDEuNDM3ODc5In0seyJpZCI6MTUw MDQsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiUGFyayBHw7xlbGwiLCJsb25n aXR1ZGUiOiIyLjE1Mjc3OCIsImxhdGl0dWRlIjoiNDEuNDEzNjExIn0seyJp ZCI6NjIyNiwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJNb250anXDr2MgQ2Vt ZXRlcnkiLCJsb25naXR1ZGUiOiIyLjE1MzU3NyIsImxhdGl0dWRlIjoiNDEu MzU3NzcifSx7ImlkIjoxMDg3LCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IkNh bGRlciBNZXJjdXJ5IEZvdW50YWluIiwibG9uZ2l0dWRlIjoiMi4xNTk4NzIi LCJsYXRpdHVkZSI6IjQxLjM2ODYzIn0seyJpZCI6MTMzODIsImdhc3RybyI6 ZmFsc2UsInRpdGxlIjoiQnVua2VycyBvZiBDYXJtZWwiLCJsb25naXR1ZGUi OiIyLjE2MTY1NiIsImxhdGl0dWRlIjoiNDEuNDE5MzE2In0seyJpZCI6Mzc0 MSwiZ2FzdHJvIjp0cnVlLCJ0aXRsZSI6IkNob2NvbGF0ZSBNdXNldW0iLCJs b25naXR1ZGUiOiIyLjE4MTg5MSIsImxhdGl0dWRlIjoiNDEuMzg3MjU4In0s eyJpZCI6MjQ0NDYsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiQ2FzYSBWaWNl bnMiLCJsb25naXR1ZGUiOiIyLjE1MDY1MiIsImxhdGl0dWRlIjoiNDEuNDAz NDkxIn0seyJpZCI6MTcyNzIsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiU2V3 ZXJzIG9mIEJhcmNlbG9uYSIsImxvbmdpdHVkZSI6IjIuMTcwMzQyIiwibGF0 aXR1ZGUiOiI0MS4zOTg0OSJ9LHsiaWQiOjU1NjUsImdhc3RybyI6ZmFsc2Us InRpdGxlIjoiQmFyY2Vsb25hIEVyb3RpYyBNdXNldW0iLCJsb25naXR1ZGUi OiIyLjE3MjU4NCIsImxhdGl0dWRlIjoiNDEuMzgyMjg5In0seyJpZCI6MzE1 MCwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJUaWJpZGFibyIsImxvbmdpdHVk ZSI6IjIuMTE5MDY5IiwibGF0aXR1ZGUiOiI0MS40MjE3NjgifSx7ImlkIjox Nzc1MCwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJKYXJkaW5zIGRlIENhIG4n QWx0aW1pcmEiLCJsb25naXR1ZGUiOiIyLjEzMjIxMiIsImxhdGl0dWRlIjoi NDEuNDA0MTIyIn0seyJpZCI6MjQyOTQsImdhc3RybyI6ZmFsc2UsInRpdGxl IjoiU2FudCBQYXUgUmVjaW50ZSBNb2Rlcm5pc3RhIiwibG9uZ2l0dWRlIjoi Mi4xNzQ0MDMiLCJsYXRpdHVkZSI6IjQxLjQxMTg0MSJ9LHsiaWQiOjI4ODc3 LCJnYXN0cm8iOnRydWUsInRpdGxlIjoiQ2FlbHVtIiwibG9uZ2l0dWRlIjoi Mi4xNzQzNzgiLCJsYXRpdHVkZSI6IjQxLjM4MzAwOSJ9LHsiaWQiOjIzNzI1 LCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IkNvbHVtbnMgb2YgdGhlIFRlbXBs ZSBvZiBBdWd1c3R1cyIsImxvbmdpdHVkZSI6IjIuMTc3Mjg2IiwibGF0aXR1 ZGUiOiI0MS4zODM0OTQifSx7ImlkIjoxNjQxNCwiZ2FzdHJvIjpmYWxzZSwi dGl0bGUiOiJIYXNoIE1hcmlqdWFuYSAmIEhlbXAgTXVzZXVtIEJhcmNlbG9u YSIsImxvbmdpdHVkZSI6IjIuMTgwMDciLCJsYXRpdHVkZSI6IjQxLjM4MDg0 OCJ9LHsiaWQiOjE3NzQ0LCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IlBhbGF1 IERhbG1hc2VzIiwibG9uZ2l0dWRlIjoiMi4xODE0MTUiLCJsYXRpdHVkZSI6 IjQxLjM4NDUyOCJ9LHsiaWQiOjM2OTIsImdhc3RybyI6ZmFsc2UsInRpdGxl IjoiRmVzdGEgTWFqb3IgZGUgR3LDoGNpYSIsImxvbmdpdHVkZSI6IjIuMTU3 NjQ3IiwibGF0aXR1ZGUiOiI0MS40MDAyMjYifSx7ImlkIjoxODE4MSwiZ2Fz dHJvIjpmYWxzZSwidGl0bGUiOiJFdXJvcGVhbiBNdXNldW0gb2YgTW9kZXJu IEFydCIsImxvbmdpdHVkZSI6IjIuMTgwMjMzIiwibGF0aXR1ZGUiOiI0MS4z ODQ5NzMifSx7ImlkIjo0Mjk0MiwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiIn RWwgUGV0w7MgZGUgbGEgTW9ydCcgKCdUaGUgS2lzcyBvZiBEZWF0aCcpIiwi bG9uZ2l0dWRlIjoiMi4yMDE3NTkiLCJsYXRpdHVkZSI6IjQxLjM5NTE1NSJ9 LHsiaWQiOjM3MzcsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiQmFyY2Vsb25h J3MgQmFieSBEcm9wLW9mZiIsImxvbmdpdHVkZSI6IjIuMTY4NjE0IiwibGF0 aXR1ZGUiOiI0MS4zODQxOCJ9LHsiaWQiOjE3NzQ2LCJnYXN0cm8iOmZhbHNl LCJ0aXRsZSI6IlRhbGxlciBkJ09sZWd1ZXIgSnVueWVudCAoT2xlZ3VlciBK dW55ZW50J3MgV29ya3Nob3ApIiwibG9uZ2l0dWRlIjoiMi4xNjAyMTMiLCJs YXRpdHVkZSI6IjQxLjM5ODUyNCJ9LHsiaWQiOjExMzEyLCJnYXN0cm8iOmZh bHNlLCJ0aXRsZSI6IkJhcmNlbG9uYSBTdXBlcmNvbXB1dGluZyBDZW50ZXIg IiwibG9uZ2l0dWRlIjoiMi4xMTYwOTIiLCJsYXRpdHVkZSI6IjQxLjM4OTM4 MyJ9LHsiaWQiOjIwNTMsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiTXVzZXUg ZGUgQ2Fycm9zc2VzIEbDum5lYnJlcyBkZSBCYXJjZWxvbmEiLCJsb25naXR1 ZGUiOiIyLjE1NjMzMSIsImxhdGl0dWRlIjoiNDEuMzUyOTg0In0seyJpZCI6 MzYxOTMsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiQmVsbGVzZ3VhcmQiLCJs b25naXR1ZGUiOiIyLjEyNjQyMSIsImxhdGl0dWRlIjoiNDEuNDA5NTk4In0s eyJpZCI6MTc3NDcsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiQmFzaWxpY2Eg b2YgU2FpbnRzIEp1c3R1cyBhbmQgUGFzdG9yIiwibG9uZ2l0dWRlIjoiMi4x NzgyMzIiLCJsYXRpdHVkZSI6IjQxLjM4MjgzNCJ9LHsiaWQiOjQ1MDkyLCJn YXN0cm8iOmZhbHNlLCJ0aXRsZSI6IlBhbGF1IEfDvGVsbCIsImxvbmdpdHVk ZSI6IjIuMTc0MjQiLCJsYXRpdHVkZSI6IjQxLjM3ODg4NSJ9LHsiaWQiOjUz NDEsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiUGFyYyBkZSBsJ0VzcGFueWEg SW5kdXN0cmlhbCIsImxvbmdpdHVkZSI6IjIuMTQwNDgzIiwibGF0aXR1ZGUi OiI0MS4zNzc0MTQifSx7ImlkIjozNjIxMCwiZ2FzdHJvIjpmYWxzZSwidGl0 bGUiOiJNb25hc3RlcmlvIGRlIFBlZHJhbGJlcyIsImxvbmdpdHVkZSI6IjIu MTEyMDciLCJsYXRpdHVkZSI6IjQxLjM5NTMzOSJ9LHsiaWQiOjIyMTY3LCJn YXN0cm8iOmZhbHNlLCJ0aXRsZSI6IlN0cmVldCBQZXJmb3JtZXJzIG9mIExh cyBSYW1ibGFzIiwibG9uZ2l0dWRlIjoiMi4xNzMyNzEiLCJsYXRpdHVkZSI6 IjQxLjM4MTE1OCJ9LHsiaWQiOjI5NzE5LCJnYXN0cm8iOmZhbHNlLCJ0aXRs ZSI6IkNhc2lubyBkZSBsYSBSYWJhc3NhZGEiLCJsb25naXR1ZGUiOiIyLjEz MTIzNyIsImxhdGl0dWRlIjoiNDEuNDI1MTMyIn0seyJpZCI6MTc3NDMsImdh c3RybyI6ZmFsc2UsInRpdGxlIjoiUm9zc2VuZCBBcsO6cyBNYXNvbmljIExp YnJhcnkiLCJsb25naXR1ZGUiOiIyLjE3ODU4OCIsImxhdGl0dWRlIjoiNDEu MzkyOTY3In0seyJpZCI6NDM0NDAsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoi VGhlIEfDvGVsbCBQYXZpbGxpb25zIERyYWdvbiBHYXRlIiwibG9uZ2l0dWRl IjoiMi4xMTk0MTkiLCJsYXRpdHVkZSI6IjQxLjM4OTQwNiJ9LHsiaWQiOjE3 MzUyLCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6Ik1pcmFkb3IgZGUgQ29sb20g KENvbHVtYnVzIE1vbnVtZW50KSIsImxvbmdpdHVkZSI6IjIuMTc3NzEyIiwi bGF0aXR1ZGUiOiI0MS4zNzU3NzgifSx7ImlkIjozNzM4LCJnYXN0cm8iOmZh bHNlLCJ0aXRsZSI6IlNhbGEgR2ltYmVybmF0IiwibG9uZ2l0dWRlIjoiMi4x NjkyODUiLCJsYXRpdHVkZSI6IjQxLjM4MTY2MSJ9LHsiaWQiOjM2NDIwLCJn YXN0cm8iOmZhbHNlLCJ0aXRsZSI6IlRyYW12aWEgQmxhdSIsImxvbmdpdHVk ZSI6IjIuMTM3MDMiLCJsYXRpdHVkZSI6IjQxLjQwOTkxIn0seyJpZCI6MTI5 MDUsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiVGhlIEdpYW50cyBvZiBTYW50 YSBNYXJpYSBkZWwgUGkiLCJsb25naXR1ZGUiOiIyLjE3Mzg4OSIsImxhdGl0 dWRlIjoiNDEuMzgyMjIyIn0seyJpZCI6MjU2NzQsImdhc3RybyI6ZmFsc2Us InRpdGxlIjoiIEphcmRpbnMgZGUgbGVzIDMgWGVtZW5laWVzIiwibG9uZ2l0 dWRlIjoiMi4xNzIxMjIiLCJsYXRpdHVkZSI6IjQxLjM3NDA5NCJ9LHsiaWQi OjM4MTAyLCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IkNhc2EgQW1hdGxsZXIi LCJsb25naXR1ZGUiOiIyLjE2NDk4MSIsImxhdGl0dWRlIjoiNDEuMzkxNDgi fSx7ImlkIjoxNzc1MSwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJTb3ZpZXQg QnVua2VyIGF0IFNhbHZhZG9yIEFuZHJldSBIb3VzZSAiLCJsb25naXR1ZGUi OiIyLjEzNTY4NSIsImxhdGl0dWRlIjoiNDEuNDExODE0In0seyJpZCI6MzI2 MjMsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiTGFzIEFyZW5hcyBkZSBCYXJj ZWxvbmEiLCJsb25naXR1ZGUiOiIyLjE0OTMzMyIsImxhdGl0dWRlIjoiNDEu Mzc2MzE4In0seyJpZCI6NDI4MzgsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoi TXVzZXUgRWdpcGNpIGRlIEJhcmNlbG9uYSAoRWd5cHRpYW4gTXVzZXVtIG9m IEJhcmNlbG9uYSkiLCJsb25naXR1ZGUiOiIyLjE2NDcyIiwibGF0aXR1ZGUi OiI0MS4zOTM2MTYifSx7ImlkIjoxOTkxMSwiZ2FzdHJvIjpmYWxzZSwidGl0 bGUiOiJNb2RlbCBUcmFpbiBNYXJrZXQgYXQgRXN0YWNpw7MgZGUgRnJhbsOn YSIsImxvbmdpdHVkZSI6IjIuMTg2NDkxIiwibGF0aXR1ZGUiOiI0MS4zODM5 NjQifSx7ImlkIjo0MzY4MCwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJJbnF1 aXNpdGlvbidzIEJsYXpvbiIsImxvbmdpdHVkZSI6IjIuMTc2NyIsImxhdGl0 dWRlIjoiNDEuMzg0MTMifSx7ImlkIjozNjQzMSwiZ2FzdHJvIjpmYWxzZSwi dGl0bGUiOiJKYXJkaW5lcyBkZSBsYSBUYW1hcml0YSIsImxvbmdpdHVkZSI6 IjIuMTM1NTI2IiwibGF0aXR1ZGUiOiI0MS40MTA2NTgifSx7ImlkIjoyODY2 MSwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJNdXNldSBGcmVkZXJpYyBNYXLD qHMiLCJsb25naXR1ZGUiOiIyLjE3Njc1NCIsImxhdGl0dWRlIjoiNDEuMzg0 MjAyIn0seyJpZCI6MzczMywiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJUacOz IGRlIE5hZGFsIiwibG9uZ2l0dWRlIjoiMi4xNjk5MTkiLCJsYXRpdHVkZSI6 IjQxLjM4NzkxNyJ9LHsiaWQiOjQ2NjMyLCJnYXN0cm8iOmZhbHNlLCJ0aXRs ZSI6IkxhIExsYW1hIiwibG9uZ2l0dWRlIjoiMi4xNjEzMjYiLCJsYXRpdHVk ZSI6IjQxLjM4MTkwMyJ9LHsiaWQiOjMyNzIyLCJnYXN0cm8iOmZhbHNlLCJ0 aXRsZSI6IidEb25hIGkgT2NlbGwnICgnV29tYW4gYW5kIEJpcmQnKSIsImxv bmdpdHVkZSI6IjIuMTQ2OTY2IiwibGF0aXR1ZGUiOiI0MS4zNzc4MTcifSx7 ImlkIjoyOTQ0NiwiZ2FzdHJvIjpmYWxzZSwidGl0bGUiOiJGQyBCYXJjZWxv bmEgQ29hdCBvZiBBcm1zIiwibG9uZ2l0dWRlIjoiMi4xODIwNzEiLCJsYXRp dHVkZSI6IjQxLjM4Mzg4NyJ9LHsiaWQiOjMyMDI4LCJnYXN0cm8iOmZhbHNl LCJ0aXRsZSI6IlRyZXMgWGVtZW5laWVzIChUaHJlZSBDaGltbmV5cykiLCJs b25naXR1ZGUiOiIyLjIzNTQ3OCIsImxhdGl0dWRlIjoiNDEuNDI2NjM5In0s eyJpZCI6MzQ5MjQsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiUHJpYXB1cyBv ZiBIb3N0YWZyYW5jcyIsImxvbmdpdHVkZSI6IjIuMTU3Njg3IiwibGF0aXR1 ZGUiOiI0MS4zNjk4NDcifSx7ImlkIjo1MTc1NSwiZ2FzdHJvIjpmYWxzZSwi dGl0bGUiOiJNYWRhbWUgQ2hvY29sYXQgU3RvcmUiLCJsb25naXR1ZGUiOiIy LjE3ODc4IiwibGF0aXR1ZGUiOiI0MS4zOTEwMjkifSx7ImlkIjoyMDAxOCwi Z2FzdHJvIjpmYWxzZSwidGl0bGUiOiJTYWludCBKb3NlcGggT3Jpb2wgUGxh cXVlIiwibG9uZ2l0dWRlIjoiMi4xNzQ0ODUiLCJsYXRpdHVkZSI6IjQxLjM4 MjEyNCJ9LHsiaWQiOjQ3NzY0LCJnYXN0cm8iOmZhbHNlLCJ0aXRsZSI6IkZv bnQgZGUgU2FudCBKdXN0IiwibG9uZ2l0dWRlIjoiMi4xNzg0OTEiLCJsYXRp dHVkZSI6IjQxLjM4MjkxNiJ9LHsiaWQiOjU2OTEwLCJnYXN0cm8iOmZhbHNl LCJ0aXRsZSI6IkZvdW5kYXRpb25zIG9mIHRoZSBSb21hbiBBcXVlZHVjdCBv ZiBCYXJjaW5vIiwibG9uZ2l0dWRlIjoiMi4xNzQ1MTkiLCJsYXRpdHVkZSI6 IjQxLjM4NjE0MSJ9LHsiaWQiOjYyNTI2LCJnYXN0cm8iOnRydWUsInRpdGxl IjoiR3JhbmphIER1bGNpbmVhIiwibG9uZ2l0dWRlIjoiMi4xNzM0NDUiLCJs YXRpdHVkZSI6IjQxLjM4MjU2MyJ9LHsiaWQiOjYyNDQ4LCJnYXN0cm8iOnRy dWUsInRpdGxlIjoiTGEgQ292YSBGdW1hZGEiLCJsb25naXR1ZGUiOiIyLjE4 OTIxOCIsImxhdGl0dWRlIjoiNDEuMzc5MjcyIn0seyJpZCI6NjI0NTAsImdh c3RybyI6dHJ1ZSwidGl0bGUiOiJMJ0FudGljIEJvY29pIGRlbCBHw7J0aWMi LCJsb25naXR1ZGUiOiIyLjE3OTQ1NCIsImxhdGl0dWRlIjoiNDEuMzgyMDcz In0seyJpZCI6NjI0ODMsImdhc3RybyI6dHJ1ZSwidGl0bGUiOiJDYW4gQ3Vs bGVyZXRlcyIsImxvbmdpdHVkZSI6IjIuMTc0NDkiLCJsYXRpdHVkZSI6IjQx LjM4MTI2MSJ9LHsiaWQiOjYyNTM1LCJnYXN0cm8iOnRydWUsInRpdGxlIjoi UGludWxsZXQiLCJsb25naXR1ZGUiOiIyLjE1MzcxNSIsImxhdGl0dWRlIjoi NDEuMzk5MTY3In0seyJpZCI6NjI0ODEsImdhc3RybyI6dHJ1ZSwidGl0bGUi OiJHcmFuamEgTS4gVmlhZGVyIiwibG9uZ2l0dWRlIjoiMi4xNzA4MzMiLCJs YXRpdHVkZSI6IjQxLjM4MzAzIn0seyJpZCI6NjI1MTYsImdhc3RybyI6dHJ1 ZSwidGl0bGUiOiJDYWwgQm90ZXIiLCJsb25naXR1ZGUiOiIyLjE2MjUwNCIs ImxhdGl0dWRlIjoiNDEuNDAyMTMxIn0seyJpZCI6NjI1MTcsImdhc3RybyI6 dHJ1ZSwidGl0bGUiOiJMYSBQdWJpbGxhIiwibG9uZ2l0dWRlIjoiMi4xNTM3 NDkiLCJsYXRpdHVkZSI6IjQxLjM5OTU2MSJ9LHsiaWQiOjYyNTI1LCJnYXN0 cm8iOnRydWUsInRpdGxlIjoiWGlyaW5ndWl0byBFc2NyaWLDoCIsImxvbmdp dHVkZSI6IjIuMjA1MzczIiwibGF0aXR1ZGUiOiI0MS4zOTM1NzEifSx7Imlk Ijo2MjUzNywiZ2FzdHJvIjp0cnVlLCJ0aXRsZSI6Ik5hIE1pbmRvbmEiLCJs b25naXR1ZGUiOiIyLjE2NTA1MyIsImxhdGl0dWRlIjoiNDEuMzc4NjA3In0s eyJpZCI6MjIxNjYsImdhc3RybyI6ZmFsc2UsInRpdGxlIjoiTGEgQ2FyYm9u ZXLDrWEiLCJsb25naXR1ZGUiOiIyLjE2MTEwMyIsImxhdGl0dWRlIjoiNDEu MzgwNjIyIn0seyJpZCI6NDUzNjUsImdhc3RybyI6dHJ1ZSwidGl0bGUiOiJM byBQaW55b2wiLCJsb25naXR1ZGUiOiIyLjE2MDk5NyIsImxhdGl0dWRlIjoi NDEuMzk4NTkxIn1d" data-aon--dynamic-map-component-starting-zoom-value="6" data-aon--dynamic-map-component-draggable-value="true" data-aon--dynamic-map-component-open-class="h-full w-full fixed inset-0 overflow-hidden bottom-0 left-0 z-[999999]" data-aon--dynamic-map-component-closed-class="h-[400px] w-full" class="h-[400px] w-full" > <div class="relative flex h-full min-h-full w-full"> <div class="absolute top-6 right-6 z-40"> <button data-action="click->aon--dynamic-map-component#maximizeMap" data-aon--dynamic-map-component-target="maximizeButton" class="rounded-full border border-gray-300 bg-white/75 p-2 text-gray-900 shadow backdrop-blur hover:bg-white/100" > <div class="flex h-5 w-5 items-center justify-center"> <span class="sr-only">Maximize map</span> <i class="fa-thin fa-maximize"></i> </div> </button> <button data-action="click->aon--dynamic-map-component#minimizeMap" data-aon--dynamic-map-component-target="minimizeButton" class="hidden items-center justify-center rounded-full border border-gray-300 bg-white/75 p-2 text-gray-900 shadow backdrop-blur hover:bg-white/100" > <div class="flex h-5 w-5 items-center justify-center"> <span class="sr-only">Minimize map</span> <i class="fa-thin fa-xmark"></i> </div> </button> </div> <div class="flex h-full w-full flex-col"> <div data-aon--dynamic-map-component-target="map" class="h-full w-full bg-gray-200"> <div class="flex h-full w-full items-center justify-center"> <i role="status" aria-busy="true" class="fa-solid fa-circle-notch fa-spin text-gray-700" ></i> </div> </div> </div> </div> <template data-aon--dynamic-map-component-target="placeMarkerTemplate"> <div class="flex cursor-pointer flex-col items-center justify-center drop-shadow-md hover:brightness-90" > <img width="20" height="32" alt="Map marker" class="object-contain" /> </div> </template> <template data-aon--dynamic-map-component-target="gastroMarkerTemplate"> <div class="group flex cursor-pointer flex-col items-center justify-center drop-shadow-md hover:brightness-110" > <img width="20" height="32" alt="Gastro map marker" class="object-contain" /> </div> </template> <template data-aon--dynamic-map-component-target="clusterTemplate"> <div class="cluster-marker flex cursor-pointer items-center justify-center rounded-full border-2 border-white bg-[#316150]/75 hover:bg-[#316150]/95" > <span class="cluster-count block font-sans font-semibold text-white"> </span> </div> </template> <template data-aon--dynamic-map-component-target="calloutTemplate"> <div data-url="/aon/map/places/ID" class="flex min-h-[275px] w-60 justify-center border bg-white drop-shadow" ></div> </template> </div> </div> <div class="mb-4 flex w-full flex-wrap items-center justify-center gap-2 lg:mb-8" > <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/architecture"> <span class="aon-pill-badge-text-with-count">Architecture</span> <span class="aon-pill-badge-count">14</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/museums"> <span class="aon-pill-badge-text-with-count">Museums</span> <span class="aon-pill-badge-count">10</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/sacred-spaces"> <span class="aon-pill-badge-text-with-count">Sacred Spaces</span> <span class="aon-pill-badge-count">9</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/restaurants"> <span class="aon-pill-badge-text-with-count">Restaurants</span> <span class="aon-pill-badge-count">9</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/churches"> <span class="aon-pill-badge-text-with-count">Churches</span> <span class="aon-pill-badge-count">8</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/food"> <span class="aon-pill-badge-text-with-count">Food</span> <span class="aon-pill-badge-count">7</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/art"> <span class="aon-pill-badge-text-with-count">Art</span> <span class="aon-pill-badge-count">6</span> </a> </div> <div class=" md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/history-culture"> <span class="aon-pill-badge-text-with-count">History & Culture</span> <span class="aon-pill-badge-count">5</span> </a> </div> <div class="hidden md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/history"> <span class="aon-pill-badge-text-with-count">History</span> <span class="aon-pill-badge-count">5</span> </a> </div> <div class="hidden md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/roman"> <span class="aon-pill-badge-text-with-count">Roman</span> <span class="aon-pill-badge-count">5</span> </a> </div> <div class="hidden md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/collections"> <span class="aon-pill-badge-text-with-count">Collections</span> <span class="aon-pill-badge-count">5</span> </a> </div> <div class="hidden md:block"> <a data-turbo="false" class="aon-pill-badge-component" href="/things-to-do/barcelona-spain/homes"> <span class="aon-pill-badge-text-with-count">Homes</span> <span class="aon-pill-badge-count">4</span> </a> </div> </div> </div> </section> <section class="advertisement-disclaimer flex flex-col items-center justify-center bg-gray-50" data-hide-on-search="false" > <div data-aa-adunit="/22181265/atlasobscura_970v_4" data-aaad="true"></div> </section> <section class="md:scroll-mt-12" id="leaderboards"> <div class="ao-container-padded"> <h1 class="font-ao-sans text-ao-brown my-4 text-2xl font-semibold lg:mt-8 lg:mb-6 lg:text-5xl" > Barcelona Leaderboard </h1> <div class="grid grid-cols-1 gap-5 md:grid-cols-3"> <article class="text-ao-brown w-full border bg-white py-3.5 px-5"> <h1 class="text-xl font-semibold tracking-wide md:text-2xl"> Places Added </h1> <ol class="mt-2.5 flex flex-col divide-y border-t border-neutral-200"> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/austin-bush"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/PZtyO91Sn_oVuP7p9KpGl-fGzPTECSY4ZacM4EivVxg/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDIwLzAyLzI3LzAx/LzQzLzUwLzU3ZDVh/NjVkLTA1OWItNGU5/Yi1hOWEyLTRmNjA1/ZWI5OTIyYS9TY3Jl/ZW4gU2hvdCAyMDIw/LTAyLTI3IGF0IDgu/MzUuNDMgQU0ucG5n.png" initials="A" label="Avatar image for Austin Bush" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> Austin Bush </div> <div class="text-ao-brown flex-initial text-right"> 10 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/felipetrigo"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/thRqSMJIhLfYUjKIZ5q1Cic4KkvB4zPphZ5WzUPk1oU/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDE2LzA3LzE4LzIy/LzIzLzE4LzRiNjc2/NDdlLTIyZTQtNGYy/MS1iMDA0LTc1ODE4/MDIxMTNmYy9EU0Nf/MDk3NS5KUEc.jpg" initials="F" label="Avatar image for FelipeTrigo" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> FelipeTrigo </div> <div class="text-ao-brown flex-initial text-right"> 7 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/serflac"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/luGfuDjghlZyCCpo3bhlXNvd8VY6LHQbUD98LIzhFQI/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDE4LzA0LzAzLzE5/LzQ5LzU4LzdiYmIy/OGNiLTliNmMtNGI3/OC1hOTM3LTRjOGEz/ZmNhOTljYy91bm5h/bWVkLmpwZw.jpg" initials="S" label="Avatar image for serflac" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> serflac </div> <div class="text-ao-brown flex-initial text-right"> 5 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/andyjkaye"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/XOPhilBRTu2qrGH1TSrO-EYbscfpyY__RRVyAeSrxTA/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDE5LzEyLzE2LzEx/LzM4LzM2LzdmYTQ5/YThhLTY2MzYtNGFh/NS05YzkyLTFiOGFk/Y2EyMWEzZS9JTUdf/MjAxOTExMzBfMTkz/MDE3XzgzMS5qcGc.jpg" initials="A" label="Avatar image for andyjkaye" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> andyjkaye </div> <div class="text-ao-brown flex-initial text-right"> 2 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/joanicinapoli"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/_A0czsgk3nRVxki5KIcIDLK7979IHKDLlYUPKysViVE/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDIwLzAzLzMwLzIz/LzQyLzQ5L2UzNjg3/YzRiLTdmNWEtNDkz/OC04NmY1LTcwMTFl/NTEwMjkzOS9JTUdf/NTA1MC5KUEc.jpg" initials="J" label="Avatar image for joanicinapoli" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> joanicinapoli </div> <div class="text-ao-brown flex-initial text-right"> 2 </div> </a> </li> </ol> </article> <article class="text-ao-brown w-full border bg-white py-3.5 px-5"> <h1 class="text-xl font-semibold tracking-wide md:text-2xl"> Places Edited </h1> <ol class="mt-2.5 flex flex-col divide-y border-t border-neutral-200"> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/xavixavir"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/YJze8G95DZXQXQoHKnkfI8_JOC70lhZi51VmKZBq8qQ/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDIxLzA4LzEwLzE4/LzAyLzE4LzE2NmMx/ZDcwLTMwMzgtNDY3/OS05YmEzLWEzNjVm/YjMwNGJlMC84NjY2/REE3Ny0xRjQ3LTQ1/MEUtQTMxQy0yQkQ2/MzVCOTk1RDUuSlBH.jpg" initials="X" label="Avatar image for Xavixavir" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> Xavixavir </div> <div class="text-ao-brown flex-initial text-right"> 27 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/mocchiatto"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/b1Uxn0CvuhcQXO9RHMBdBKsUu_nj_aW0esUTcgEfops/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS9h/cHBfdXBsb2Fkcy91/c2VyX2ltYWdlcy91/c2VyXzcyNDg5MF9j/M2Q0Mjg2Ny0wNTI2/LTQzZmUtYTU2NC02/YmQ3ZTQ4Njc2NGM.jpg" initials="M" label="Avatar image for mocchiatto" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> mocchiatto </div> <div class="text-ao-brown flex-initial text-right"> 11 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/the-bearded-vagabond"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/rDpjQ_xCPoxtaKOz6AuWUxRRKuipYjN5zOFZOxVY5So/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDI0LzAzLzI2LzE0/LzU3LzQ5LzQ1YzNi/YTRmLTdkNjctNDQw/Ni04MWUxLTM1NDM3/ODVjYmFmZS9GQl9J/TUdfMTcxMTQ2NTAw/MDU3OS5qcGc.jpg" initials="T" label="Avatar image for The Bearded Vagabond" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> The Bearded Vagabond </div> <div class="text-ao-brown flex-initial text-right"> 9 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/sanprica"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/gfSKfDmKFdqeQ7UEGBvh5SvaEht96yP5ZdnkxuheNTY/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDIwLzExLzI4LzEw/LzEyLzIyLzU1NmMx/MmY2LWQ2YTItNDc4/ZS1iYmM1LWFmZWU5/MTgxZWM4OC9BTlRF/UyBERSBCQUlMQVIg/LSAyOTc0OTc0MDk3/Ml9hM2M5NzgzOTZi/X28uanBn.jpg" initials="S" label="Avatar image for sanprica" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> sanprica </div> <div class="text-ao-brown flex-initial text-right"> 7 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/vturiserra"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/d0WHbrqtlWn8VUeAUickPh05CXEq6nHTRY_8-7mSRyI/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3VzZXJf/aW1hZ2VzLzZiMWJl/OGI5ZDRhMzM1YTQ5/ZGRhZGQzNTdiNTFm/NjJiSm8gYW1iIHVs/bGVyZXMuMDE0Lmpw/Zw.jpg" initials="V" label="Avatar image for vturiserra" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> vturiserra </div> <div class="text-ao-brown flex-initial text-right"> 6 </div> </a> </li> </ol> </article> <article class="text-ao-brown w-full border bg-white py-3.5 px-5"> <h1 class="text-xl font-semibold tracking-wide md:text-2xl"> Places Visited </h1> <ol class="mt-2.5 flex flex-col divide-y border-t border-neutral-200"> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/stepyoshi"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/LqR-o5VRqyAR8kvUR7Qpl_wFAz7HcImE-ZwcmFYQSEs/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDE4LzAxLzA2LzIy/LzMwLzUwLzViZTQ3/ZjFkLTY5YjMtNGVk/MS05ZjFjLTYxNDI5/MjliMTkzMC9JTUdf/MjgzOS5KUEc.jpg" initials="S" label="Avatar image for StepYoshi" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> StepYoshi </div> <div class="text-ao-brown flex-initial text-right"> 43 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/ola-bartek"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large has-image" image="https://img.atlasobscura.com/MhFLTAzcBiWldQKTTjD_Q4ml-lywPqXx7VnXqstDx6I/rs:fill:80:80:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS8y/MDE3LzA1LzI4LzIw/LzM0LzM2LzdmZjNi/MjZkLWU4OGQtNDQ0/My1iOGI1LTRiZWJm/MmU5OGI2My9sb2dv/LmpwZw.jpg" initials="O" label="Avatar image for Ola Bartek" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> Ola Bartek </div> <div class="text-ao-brown flex-initial text-right"> 39 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/d2de559a-8037-4679-b638-1e2de14014c5"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large " image="" initials="J" label="Avatar image for joemgiralt" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> joemgiralt </div> <div class="text-ao-brown flex-initial text-right"> 38 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/bitxuverinosa"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large " image="" initials="B" label="Avatar image for bitxuverinosa" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> bitxuverinosa </div> <div class="text-ao-brown flex-initial text-right"> 35 </div> </a> </li> <li> <a class="flex w-full flex-row items-center justify-between gap-3.5 p-1.5 text-xl tracking-wider hover:text-black group" data-turbo="false" href="/users/db01adee-d413-4817-ae61-19c6e1fec5d5"> <div class="flex-none items-center"> <div class="group-hover:brightness-110"> <sl-avatar class="aon--avatar-component large " image="" initials="F" label="Avatar image for fernandhacosta" ></sl-avatar> </div> </div> <div class="grow truncate align-middle"> fernandhacosta </div> <div class="text-ao-brown flex-initial text-right"> 34 </div> </a> </li> </ol> </article> </div> </div> </section> <section class="mt-10 border-b pb-10 sm:mt-14 sm:pb-14"> <div class="ao-container-padded"> <h1 class="flex justify-center text-xl font-semibold uppercase tracking-widest" > Recent Barcelona Activity </h1> <div class="mt-8 flex justify-center sm:mt-10">  <div class="flow-root w-full max-w-2xl"> <ul role="list" class="-mb-8"> <li> <div class="relative pb-4"> <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-neutral-200" aria-hidden="true" ></span> <div class="relative flex space-x-3"> <div> <span class="flex h-8 w-8 items-center justify-center rounded-full bg-white ring-8 ring-white" > <sl-avatar class="aon--avatar-component small " image="" initials="T" label="Avatar image for thu5022098" ></sl-avatar> </span> </div> <div class="sm:flex min-w-0 sm:flex-1 sm:justify-between sm:space-x-4 pt-0.5 tracking-wider" > <div> <p class="text-ao-brown text-lg"> <a data-turbo="false" class="font-medium text-gray-900 hover:underline" href="/users/thu5022098">thu5022098</a> </p> <p class="leading-none"> <span class="text-neutral-500">wants to go to</span> <a data-turbo="false" class="font-medium text-ao-green hover:underline" href="/places/guell-pavilions-dragon-gate">The Güell Pavillions Dragon Gate</a> </p> </div> <div class="text-gray-600 whitespace-nowrap pt-2 text-left sm:text-right text-xs font-semibold uppercase tracking-widest" > <time title="Mon, 17 Feb 2025 16:34:16 +0000" datetime="2025-02-17T16:34:16Z" data-controller="timeago" data-timeago-datetime-value="2025-02-17T16:34:16Z" data-timeago-add-suffix-value="true" ></time> </div> </div> </div> </div> </li> <li> <div class="relative pb-4"> <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-neutral-200" aria-hidden="true" ></span> <div class="relative flex space-x-3"> <div> <span class="flex h-8 w-8 items-center justify-center rounded-full bg-white ring-8 ring-white" > <sl-avatar class="aon--avatar-component small " image="" initials="T" label="Avatar image for thu5022098" ></sl-avatar> </span> </div> <div class="sm:flex min-w-0 sm:flex-1 sm:justify-between sm:space-x-4 pt-0.5 tracking-wider" > <div> <p class="text-ao-brown text-lg"> <a data-turbo="false" class="font-medium text-gray-900 hover:underline" href="/users/thu5022098">thu5022098</a> </p> <p class="leading-none"> <span class="text-neutral-500">wants to go to</span> <a data-turbo="false" class="font-medium text-ao-green hover:underline" href="/places/mirador-de-colom-columbus-monument">Mirador de Colom (Columbus Monument)</a> </p> </div> <div class="text-gray-600 whitespace-nowrap pt-2 text-left sm:text-right text-xs font-semibold uppercase tracking-widest" > <time title="Mon, 17 Feb 2025 16:34:53 +0000" datetime="2025-02-17T16:34:53Z" data-controller="timeago" data-timeago-datetime-value="2025-02-17T16:34:53Z" data-timeago-add-suffix-value="true" ></time> </div> </div> </div> </div> </li> <li> <div class="relative pb-4"> <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-neutral-200" aria-hidden="true" ></span> <div class="relative flex space-x-3"> <div> <span class="flex h-8 w-8 items-center justify-center rounded-full bg-white ring-8 ring-white" > <sl-avatar class="aon--avatar-component small " image="" initials="T" label="Avatar image for thu5022098" ></sl-avatar> </span> </div> <div class="sm:flex min-w-0 sm:flex-1 sm:justify-between sm:space-x-4 pt-0.5 tracking-wider" > <div> <p class="text-ao-brown text-lg"> <a data-turbo="false" class="font-medium text-gray-900 hover:underline" href="/users/thu5022098">thu5022098</a> </p> <p class="leading-none"> <span class="text-neutral-500">wants to go to</span> <a data-turbo="false" class="font-medium text-ao-green hover:underline" href="/places/casa-amatller">Casa Amatller</a> </p> </div> <div class="text-gray-600 whitespace-nowrap pt-2 text-left sm:text-right text-xs font-semibold uppercase tracking-widest" > <time title="Mon, 17 Feb 2025 16:37:40 +0000" datetime="2025-02-17T16:37:40Z" data-controller="timeago" data-timeago-datetime-value="2025-02-17T16:37:40Z" data-timeago-add-suffix-value="true" ></time> </div> </div> </div> </div> </li> <li> <div class="relative pb-4"> <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-neutral-200" aria-hidden="true" ></span> <div class="relative flex space-x-3"> <div> <span class="flex h-8 w-8 items-center justify-center rounded-full bg-white ring-8 ring-white" > <sl-avatar class="aon--avatar-component small " image="" initials="B" label="Avatar image for bressack" ></sl-avatar> </span> </div> <div class="sm:flex min-w-0 sm:flex-1 sm:justify-between sm:space-x-4 pt-0.5 tracking-wider" > <div> <p class="text-ao-brown text-lg"> <a data-turbo="false" class="font-medium text-gray-900 hover:underline" href="/users/ab0136e0-8b3b-4fe2-a9b2-b8daed688704">bressack</a> </p> <p class="leading-none"> <span class="text-neutral-500">wants to go to</span> <a data-turbo="false" class="font-medium text-ao-green hover:underline" href="/places/sewers-of-barcelona">Sewers of Barcelona</a> </p> </div> <div class="text-gray-600 whitespace-nowrap pt-2 text-left sm:text-right text-xs font-semibold uppercase tracking-widest" > <time title="Mon, 17 Feb 2025 18:08:06 +0000" datetime="2025-02-17T18:08:06Z" data-controller="timeago" data-timeago-datetime-value="2025-02-17T18:08:06Z" data-timeago-add-suffix-value="true" ></time> </div> </div> </div> </div> </li> <li> <div class="relative pb-4"> <div class="relative flex space-x-3"> <div> <span class="flex h-8 w-8 items-center justify-center rounded-full bg-white ring-8 ring-white" > <sl-avatar class="aon--avatar-component small " image="" initials="C" label="Avatar image for Cherryl" ></sl-avatar> </span> </div> <div class="sm:flex min-w-0 sm:flex-1 sm:justify-between sm:space-x-4 pt-0.5 tracking-wider" > <div> <p class="text-ao-brown text-lg"> <a data-turbo="false" class="font-medium text-gray-900 hover:underline" href="/users/cherryl">Cherryl</a> </p> <p class="leading-none"> <span class="text-neutral-500">has been to</span> <a data-turbo="false" class="font-medium text-ao-green hover:underline" href="/places/palau-guell">Palau Güell</a> </p> </div> <div class="text-gray-600 whitespace-nowrap pt-2 text-left sm:text-right text-xs font-semibold uppercase tracking-widest" > <time title="Mon, 17 Feb 2025 20:25:49 +0000" datetime="2025-02-17T20:25:49Z" data-controller="timeago" data-timeago-datetime-value="2025-02-17T20:25:49Z" data-timeago-add-suffix-value="true" ></time> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </section> <a name="stories"></a> <section class="mt-4 border-b border-neutral-200 pb-5 sm:mt-8"> <div class="ao-container-padded"> <h1 class="font-ao-sans text-ao-brown mb-4 text-2xl font-semibold lg:mb-6 lg:text-5xl" > Stories About Barcelona </h1> <div class="flex flex-col gap-8 sm:gap-5"> <div class="flex-grow"> <a href="/articles/best-restaurants-barcelona" class="group"> <article class="flex flex-col gap-4 sm:flex-row"> <div class="w-full flex-none sm:w-64"> <link itemprop="image" href="https://img.atlasobscura.com/sd9DMcP-4UgxD_Nuinz_RBPbm6pRvU5x6xZmBMTNu0I/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jYmM3OWEzMi1i/MmJlLTQyMjgtOGVh/ZC1mMWE4ZGFhM2Jk/ZDYxZTg5NWY3ZDY1/MDUyYjViYmJfMjAy/NDA5IEJhcmNlbG9u/YSBTcGFpbi02MDQ5/LmpwZw.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/S6iMgKFFEZzaZqRffWgKifubBYflO0oC6aWVlgZgF1s/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jYmM3OWEzMi1i/MmJlLTQyMjgtOGVh/ZC1mMWE4ZGFhM2Jk/ZDYxZTg5NWY3ZDY1/MDUyYjViYmJfMjAy/NDA5IEJhcmNlbG9u/YSBTcGFpbi02MDQ5/LmpwZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/sd9DMcP-4UgxD_Nuinz_RBPbm6pRvU5x6xZmBMTNu0I/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jYmM3OWEzMi1i/MmJlLTQyMjgtOGVh/ZC1mMWE4ZGFhM2Jk/ZDYxZTg5NWY3ZDY1/MDUyYjViYmJfMjAy/NDA5IEJhcmNlbG9u/YSBTcGFpbi02MDQ5/LmpwZw.jpg" /> <img alt="Order fideuà loaded with meat and seafood at Xiringuito Escribà. " loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/sd9DMcP-4UgxD_Nuinz_RBPbm6pRvU5x6xZmBMTNu0I/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jYmM3OWEzMi1i/MmJlLTQyMjgtOGVh/ZC1mMWE4ZGFhM2Jk/ZDYxZTg5NWY3ZDY1/MDUyYjViYmJfMjAy/NDA5IEJhcmNlbG9u/YSBTcGFpbi02MDQ5/LmpwZw.jpg" /> </picture> </div> <div class="flex flex-col sm:border-t sm:pt-3"> <h3 class="text-ao-brown decoration-ao-sand mb-2.5 text-2xl font-semibold leading-7 tracking-wide decoration-2 group-hover:underline lg:text-3xl lg:leading-8 " > Gastro Obscura's 10 Essential Places to Eat and Drink in Barcelona </h3> <div class="text-ao-brown font-ao-serif text-lg font-medium leading-5"> Scout out rare Catalan “sea and mountain” specialties, superlative hot chocolate, and boozy “fork breakfasts.” </div> <div class="text-ao-brown font-ao-sans mt-1 text-base font-normal uppercase tracking-widest" > <address class="inline-block not-italic">by Austin Bush</address> <time class="ml-2.5 inline-block" datetime="2024-12-16" > December 16, 2024 </time> </div> </div> </article> </a> </div> <div class="flex-grow"> <a href="/articles/spain-catalonia-trip-2022" class="group"> <article class="flex flex-col gap-4 sm:flex-row"> <div class="w-full flex-none sm:w-64"> <link itemprop="image" href="https://img.atlasobscura.com/EarrZxbPirZWk-diMYc4RbbgqZsVCCcJ1T6cSNi7sps/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jZTZmNDRjMC05/NWZiLTQxZWMtYTFh/Mi01M2VlOGUzMjgz/ZThkMzY5MDcyMzVk/NWIxMjVhMGFfUHJp/b3JhdCBHcmFwZXMu/SlBH.jpg" /> <picture data-controller="" data-action=""> <source srcset="https://img.atlasobscura.com/jAxnFxPMn0BuqJjXnOMPtoGu6P0VwrlMGsnj1dP6RQw/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jZTZmNDRjMC05/NWZiLTQxZWMtYTFh/Mi01M2VlOGUzMjgz/ZThkMzY5MDcyMzVk/NWIxMjVhMGFfUHJp/b3JhdCBHcmFwZXMu/SlBH.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/EarrZxbPirZWk-diMYc4RbbgqZsVCCcJ1T6cSNi7sps/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jZTZmNDRjMC05/NWZiLTQxZWMtYTFh/Mi01M2VlOGUzMjgz/ZThkMzY5MDcyMzVk/NWIxMjVhMGFfUHJp/b3JhdCBHcmFwZXMu/SlBH.jpg" /> <img alt="Grapes ripening on the vine in Catalonia, Spain." loading="lazy" class="w-full bg-gray-100" style="aspect-ratio: 600 / 400;" src="https://img.atlasobscura.com/EarrZxbPirZWk-diMYc4RbbgqZsVCCcJ1T6cSNi7sps/rs:fill:600:400:1/g:ce/q:81/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL2Fzc2V0/cy9jZTZmNDRjMC05/NWZiLTQxZWMtYTFh/Mi01M2VlOGUzMjgz/ZThkMzY5MDcyMzVk/NWIxMjVhMGFfUHJp/b3JhdCBHcmFwZXMu/SlBH.jpg" /> </picture> </div> <div class="flex flex-col sm:border-t sm:pt-3"> <h3 class="text-ao-brown decoration-ao-sand mb-2.5 text-2xl font-semibold leading-7 tracking-wide decoration-2 group-hover:underline lg:text-3xl lg:leading-8 " > Spanish Wine, Off the Beaten Path </h3> <div class="text-ao-brown font-ao-serif text-lg font-medium leading-5"> Atlas Obscura Trip Leader Danny Adler speaks about the wonders of Catalonia’s wine regions and our "Spain: Avant-Garde Winemaking in Catalonia” adventure. </div> <div class="text-ao-brown font-ao-sans mt-1 text-base font-normal uppercase tracking-widest" > Sponsored by Atlas Obscura Trips </div> </div> </article> </a> </div> </div> </div> </section> <section class="advertisement-disclaimer flex flex-col items-center justify-center bg-gray-50" data-hide-on-search="false" > <div data-aa-adunit="/22181265/atlasobscura_970v_4" data-aaad="true"></div> </section> <a name="lists"></a> <section class="mt-2 border-b border-neutral-200 pb-5 sm:mt-4"> <div class="ao-container-padded"> <h1 class="font-ao-sans text-ao-brown mb-4 text-2xl font-semibold lg:mb-6 lg:text-5xl" > Lists Featuring Barcelona </h1> <div class="flex flex-col gap-8 sm:mt-9"> <div class="flex-initial"> <a data-turbo="false" class="group" href="/lists/freemason-secrets-temples-lodges"> <div class="flex w-full flex-col sm:flex-row"> <div class="h-full w-full grow-0 pr-4 sm:w-auto"> <div class="grid-cols-2 gap-px grid"> <div class="bg-gray-100"> <picture> <source srcset="https://img.atlasobscura.com/8Y7QGaHOlrn1NeGqJCaMTto0dwZ2OMIMQP0PxPuV3Zs/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy83N2Y4/OGFkNC05YzY0LTQ3/MDMtYjY2Ni03MWU2/MDVhZjIyMjhiMzA2/MDI4MWUyMzcxMDk2/ZDhfSU1HXzY2NTQu/SlBH.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/rzA1bOPGpNx0TAJeUcW8YQsCAjr19Fju5vYTrySZSPw/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy83N2Y4/OGFkNC05YzY0LTQ3/MDMtYjY2Ni03MWU2/MDVhZjIyMjhiMzA2/MDI4MWUyMzcxMDk2/ZDhfSU1HXzY2NTQu/SlBH.jpg" /> <img class="h-auto w-full sm:max-w-[75px] object-cover " src="https://img.atlasobscura.com/rzA1bOPGpNx0TAJeUcW8YQsCAjr19Fju5vYTrySZSPw/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy83N2Y4/OGFkNC05YzY0LTQ3/MDMtYjY2Ni03MWU2/MDVhZjIyMjhiMzA2/MDI4MWUyMzcxMDk2/ZDhfSU1HXzY2NTQu/SlBH.jpg" nopin="nopin" loading="lazy"> </picture> </div> <div class="bg-gray-100"> <picture> <source srcset="https://img.atlasobscura.com/poUm-QabyEE3qCf4gFROmXbVIDcb54s7o-NzgW3HRuc/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xY2Mz/NWYxN2I1OWY0NjQy/ZDFfMzk0Mjk1NzE3/MF9lMGExYmE4MTcz/X2IuanBn.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/4b93dK4zhKzq-hGBPlLM2KX6VV3fALNnFolk-s2YZW4/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xY2Mz/NWYxN2I1OWY0NjQy/ZDFfMzk0Mjk1NzE3/MF9lMGExYmE4MTcz/X2IuanBn.jpg" /> <img class="h-auto w-full sm:max-w-[75px] object-cover " src="https://img.atlasobscura.com/4b93dK4zhKzq-hGBPlLM2KX6VV3fALNnFolk-s2YZW4/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8xY2Mz/NWYxN2I1OWY0NjQy/ZDFfMzk0Mjk1NzE3/MF9lMGExYmE4MTcz/X2IuanBn.jpg" nopin="nopin" loading="lazy"> </picture> </div> <div class="bg-gray-100"> <picture> <source srcset="https://img.atlasobscura.com/CdiPJOlA57Cl3L0orf3oXSMRPmGqqWzZk74pTkFyQ3k/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zZmM0/NTU2YWQ4NGZmOTYx/NzVfSG91c2Vfb2Zf/dGhlX1RlbXBsZV8t/X0R1cG9udF9DaXJj/bGUuanBlZw.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/H-T-HI3gFc-GqlUumxlPUusrViArrrUo6aDL1tzKzvY/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zZmM0/NTU2YWQ4NGZmOTYx/NzVfSG91c2Vfb2Zf/dGhlX1RlbXBsZV8t/X0R1cG9udF9DaXJj/bGUuanBlZw.jpg" /> <img class="h-auto w-full sm:max-w-[75px] object-cover " src="https://img.atlasobscura.com/H-T-HI3gFc-GqlUumxlPUusrViArrrUo6aDL1tzKzvY/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy8zZmM0/NTU2YWQ4NGZmOTYx/NzVfSG91c2Vfb2Zf/dGhlX1RlbXBsZV8t/X0R1cG9udF9DaXJj/bGUuanBlZw.jpg" nopin="nopin" alt="The House of the Temple. " loading="lazy"> </picture> </div> <div class="bg-gray-100"> <picture> <source srcset="https://img.atlasobscura.com/k7IDNThHW3ZkghA2P4j6NNRw66x88CzTEACnl3BukD8/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy83ZTA2/Y2RmNmQ4MDJlYTM3/ZmNfOTg4NzA0NzQ2/NF80MzhhM2ZjYTUy/X2guanBn.webp" type="image/webp" /> <source srcset="https://img.atlasobscura.com/fRmaqhTZNlIpzHyIRptLr3u2WD5OFj8U6xoyq_A_QQY/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy83ZTA2/Y2RmNmQ4MDJlYTM3/ZmNfOTg4NzA0NzQ2/NF80MzhhM2ZjYTUy/X2guanBn.jpg" /> <img class="h-auto w-full sm:max-w-[75px] object-cover " src="https://img.atlasobscura.com/fRmaqhTZNlIpzHyIRptLr3u2WD5OFj8U6xoyq_A_QQY/rs:fill:380:380:1/g:ce/q:50/sm:1/scp:1/ar:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS91/cGxvYWRzL3BsYWNl/X2ltYWdlcy83ZTA2/Y2RmNmQ4MDJlYTM3/ZmNfOTg4NzA0NzQ2/NF80MzhhM2ZjYTUy/X2guanBn.jpg" nopin="nopin" alt="Statue of George Washington" loading="lazy"> </picture> </div> </div> </div> <div class="flex w-full grow border-t border-neutral-200 px-2 pt-6 sm:w-1/2" > <div class="sm:pr-6 md:pr-24 lg:pr-36"> <h3 class="text-ao-brown decoration-ao-sand mb-2 text-2xl font-semibold leading-6 tracking-wide decoration-2 underline-offset-2 group-hover:underline sm:text-3xl sm:leading-8" > Novus Ordo Seclorum: 14 Places to Unearth Masonic Secrets </h3> <p class="font-ao-serif mt-1 text-base font-light leading-tight text-zinc-800 md:text-lg md:leading-6" > Your best bets for gaining insight into the real history of Freemasonry. </p> </div> </div> <div class="mdplus:block w-full flex-none border-t border-neutral-200 pl-2 text-xs sm:hidden sm:w-1/4 sm:text-sm" > <div class="mt-4"> <i class="fa-solid fa-list-ul text-ao-green"></i> <span class="text-ao-green font-semibold uppercase tracking-widest"> 14 </span> </div> <p class="mt-1 text-xs leading-tight tracking-wider text-zinc-800 md:text-base md:leading-5" > Including Zedekiah's Cave, Masonic Lodge of the Andaz Hotel, and House of the Temple </p> </div> </div> </a> </div> </div> </div> </section> <section class="advertisement-disclaimer flex flex-col items-center justify-center bg-gray-50" data-hide-on-search="false" > <div data-aa-adunit="/22181265/atlasobscura_970v_4" data-aaad="true"></div> </section> <section class="ao-container-padded py-12 text-center text-ao-brown"> <h1 class="text-4xl font-semibold leading-9 tracking-[1.05px] mb-3">See Fewer Ads</h1> <h2 class="text-2xl font-medium tracking-[0.84px] leading-[28px] mb-8">Become an Atlas Obscura member and experience far fewer ads and no pop-ups.</h2> <a class="inline-block text-white bg-ao-rust rounded tracking-wide py-2 px-6 hover:cursor-pointer hover:bg-ao-rust-100 hover:shadow-ao-depth-2" data-turbo="false" href="/membership">Learn More</a> </section> </main> <footer class="bg-aon-brown-black pt-10 pb-4 text-white md:py-10"> <div class="aon-container-fluid"> <section class="col-auto mb-16 grid grid-cols-1 gap-x-4 text-center md:mb-0 md:grid-cols-3 md:text-left" > <header class="mb-8"> <h2 class="aon-label-big mb-4"> Get Our Email Newsletter </h2> <div id="email-lists-signup"> <form action="/aon/email_lists_subscriptions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7NJGpK3PICt-n0Jr-opSXmI6xc1IOy-vXLtWoGwBlk4pzd14p3YMWhujlmov4vbSKk-j_jVDq07F_GGqV21EcQ" autocomplete="off" /> <input value="true" autocomplete="off" type="hidden" name="subscribe_daily" id="subscribe_daily" /> <input value="newsletter_footer" autocomplete="off" type="hidden" name="source" id="source" /> <div class="mdplus:flex-row mdplus:justify-start flex flex-col gap-2 sm:flex-row sm:justify-center md:flex-col" > <input placeholder="Enter your email" class="aon-form-input w-full sm:w-1/2 md:w-full mdplus:w-1/2" id="email-footer" type="email" name="email" /> <input type="submit" name="commit" value="Subscribe" class="aon-primary-button" data-disable-with="Subscribe" /> </div> </form> </div> </header> <header> <h2 class="aon-label-big mb-2">Follow Us</h2> <div class="mb-8 flex items-center justify-around gap-4 md:justify-start" > <a data-action="click->analytics#sendEvent" data-ga-event-category="Footer" data-ga-event-action="Clicked Social" data-ga-event-label="Facebook" class="w-10 h-10 flex items-center justify-center" href="https://www.facebook.com/atlasobscura/"> <span class="sr-only">Facebook</span> <i class="fa-brands fa-facebook hover:text-ao-rust text-2xl"></i> </a> <a data-action="click->analytics#sendEvent" data-ga-event-category="Footer" data-ga-event-action="Clicked Social" data-ga-event-label="YouTube" class="w-10 h-10 flex items-center justify-center" href="https://www.youtube.com/user/atlasobscura"> <span class="sr-only">YouTube</span> <i class="fa-brands fa-youtube hover:text-ao-rust text-2xl"></i> </a> <a data-action="click->analytics#sendEvent" data-ga-event-category="Footer" data-ga-event-action="Clicked Social" data-ga-event-label="Twitter" class="w-10 h-10 flex items-center justify-center" href="https://twitter.com/atlasobscura"> <span class="sr-only">Twitter</span> <i class="fa-brands fa-twitter hover:text-ao-rust text-2xl"></i> </a> <a data-action="click->analytics#sendEvent" data-ga-event-category="Footer" data-ga-event-action="Clicked Social" data-ga-event-label="Instagram" class="w-10 h-10 flex items-center justify-center" href="https://www.instagram.com/atlasobscura/"> <span class="sr-only">Instagram</span> <i class="fa-brands fa-instagram hover:text-ao-rust text-2xl"></i> </a> <a data-action="click->analytics#sendEvent" data-ga-event-category="Footer" data-ga-event-action="Clicked Social" data-ga-event-label="Pinterest" class="w-10 h-10 flex items-center justify-center" href="https://www.pinterest.com/atlasobscura/_saved/"> <span class="sr-only">Pinterest</span> <i class="fa-brands fa-pinterest hover:text-ao-rust text-2xl"></i> </a> <a data-action="click->analytics#sendEvent" data-ga-event-category="Footer" data-ga-event-action="Clicked Social" data-ga-event-label="RSS Feed" class="w-10 h-10 flex items-center justify-center" href="/feeds/latest"> <span class="sr-only">RSS Feed</span> <i class="fa-solid fa-square-rss hover:text-ao-rust text-2xl"></i> </a> </div> </header> <header> <h2 class="aon-label-big mb-4">Get the app</h2> <a class="hidden md:inline-flex aon-white-button gap-2 fill-ao-rust" href="https://app.atlasobscura.com"> <svg fill="none" class="mdplus:inline fill-inherit md:hidden" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" > <path clip-rule="evenodd" d="m13.3673 7.56543c.0196-.01249.1374-.04856.1451-.10097.0145-.09727-.0091-.22078-.0624-.30416-.4387-.68524-.8878-1.36371-1.3339-2.04422-.2278-.3474-.4502-.69846-.6852-1.04087-.2137-.31118-.4391-.28688-.5917.0533-.0142.03154-.0302.06235-.0423.09462-.4164 1.10624-.83625 2.21118-1.24217 3.32122-.04104.11216.00229.25513.00651.38379.12062-.00999.2516.00724.36014-.03425.80822-.30894 1.63112-.5204 2.50692-.42984.292.03018.584.06297.939.10138zm-10.17496 4.12907c-.00657 1.8598.32025 3.2218 1.05714 4.4748.09964.1695.15495.4271.41879.4063.26275-.0208.27973-.2818.34962-.4653 1.25714-3.2997 2.50876-6.60152 3.76168-9.90286.27583-.72672.558-1.45115.82086-2.18246.03656-.10169.01781-.27251-.04812-.34647-.05568-.0624-.21692-.03482-.33166-.03815-.04078-.00119-.0826.0228-.12333.03706-3.53804 1.23891-5.90686 4.62051-5.90498 8.01708zm17.73166.3641c-.0182-.0046-.0364-.0091-.0547-.0137-.0396-.4393-.0694-.8797-.1226-1.3174-.0323-.2646-.0953-.5261-.154-.78681-.8093-3.58926-3.9623-6.36723-7.6093-6.69554-.1383-.01249-.3476.02202-.4087.11232-.0555.08213.0088.29469.0835.4082 2.35 3.5724 4.7064 7.14063 7.0686 10.70503.1083.1635.2788.4019.4205.402.2622.0002.3396-.3041.3823-.5227.1486-.7604.2655-1.5271.3944-2.2914zm-8.8346 8.7928c.2614-.0271.6586-.0566 1.0525-.1107 1.9309-.265 3.6074-1.0694 5.0026-2.4273.3814-.3711.7193-.7971 1.0204-1.2368.2361-.3448.3156-.768.0694-1.152-.4528-.7062-.9298-1.3969-1.4072-2.0868-.0496-.0718-.1777-.1415-.2543-.1278-.0778.014-.1621.1215-.1987.2072-.0605.1413-.0795.2997-.1252.4481-.8478 2.7519-3.6187 4.3386-6.4162 3.6598-1.68774-.4096-2.8955-1.4214-3.65626-2.9785-.05124-.1049-.1576-.2023-.26254-.2505-.03505-.0161-.1814.1187-.2164.2081-.30832.7879-.6018 1.5816-.9022 2.3726-.17297.4553-.04745.8378.3016 1.146 1.67171 1.4757 3.62351 2.2511 5.9925 2.3286zm-.0015-3.8514c2.2582.0421 4.291-1.8484 4.227-4.3257-.0601-2.3249-1.996-4.12441-4.2774-4.09729-2.30051.02732-4.25418 1.95909-4.15783 4.39659.08963 2.2672 2.01263 4.057 4.20823 4.0264zm9.9114-5.0053c.0588 5.4674-4.4267 9.8761-9.7322 10.0024-5.63487.1341-10.1749-4.3749-10.26563-9.7953-.0951-5.68175 4.43822-10.1151 9.83433-10.2005 5.7288-.09067 10.2305 4.59162 10.1635 9.9934z" fill-rule="evenodd" /> </svg> Download the App </a> <div class="flex items-center justify-center gap-3 md:hidden"> <a href="https://apps.apple.com/us/app/atlas-obscura-travel-guide/id1563250221"> <img class="inline" src="https://img.atlasobscura.com/zC0JMejKGWd67FxsKvxRcFuf38tdXli31kuvS-yKXSM/q:81/sm:1/scp:1/aHR0cHM6Ly9hdGxh/cy1kZXYuczMuYW1h/em9uYXdzLmNvbS9t/aXNjL2ludGVybmFs/LW9uZS1vZmZzL2Fw/cGxlX2xvZ28uc3Zn" alt="Download on the Apple App Store" /> </a> <a href="https://play.google.com/store/apps/details?id=com.atlasobscura.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"> <img alt="Get it on Google Play" src="https://images.atlasobscura.com/aon/logos/google-play-badge.png" class="h-10" /> </a> </div> </header> </section> <section class="col-auto mb-10 grid grid-cols-1 gap-x-4 divide-y divide-[#4E4638] sm:grid-cols-3 sm:divide-y-0 lg:grid-cols-6" > <div class="relative" role="navigation" aria-label="Places"> <input id="footer-accordion-places" type="checkbox" class="peer hidden" /> <label for="footer-accordion-places" class="aon-label-big relative z-10 block py-6 hover:cursor-pointer sm:hover:cursor-auto" > Places </label> <i class="fa-light fa-chevron-down absolute right-[1em] top-6 text-base leading-none peer-checked:hidden sm:hidden sm:peer-checked:hidden" ></i> <i class="fa-light fa-chevron-up absolute right-[1em] top-6 hidden text-base leading-none peer-checked:block sm:hidden sm:peer-checked:hidden" ></i> <ul class="mb-6 hidden flex-col gap-2 peer-checked:flex sm:flex"> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/articles/all-places-in-the-atlas-on-one-map">All Places</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/places?sort=published_at">Latest Places</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/places?sort=likes_count">Most Popular</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/cool-places-to-eat">Places to Eat</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/random">Random</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/search/search_nearby">Nearby</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/places/new">Add a Place</a> </li> </ul> </div> <div class="relative" role="navigation" aria-label="Editorial"> <input id="footer-accordion-editorial" type="checkbox" class="peer hidden" /> <label for="footer-accordion-editorial" class="aon-label-big relative z-10 block py-6 hover:cursor-pointer sm:hover:cursor-auto" > Editorial </label> <i class="fa-light fa-chevron-down absolute right-[1em] top-6 text-base leading-none peer-checked:hidden sm:hidden sm:peer-checked:hidden" ></i> <i class="fa-light fa-chevron-up absolute right-[1em] top-6 hidden text-base leading-none peer-checked:block sm:hidden sm:peer-checked:hidden" ></i> <ul class="mb-6 hidden flex-col gap-2 peer-checked:flex sm:flex"> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/articles">Stories</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/unique-food">Food & Drink</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/itineraries">Itineraries</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/lists">Lists</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/series/ao-puzzles">Puzzles</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/videos">Video</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/podcast">Podcast</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/newsletters">Newsletters</a> </li> </ul> </div> <div class="relative" role="navigation" aria-label="Trips"> <input id="footer-accordion-trips" type="checkbox" class="peer hidden" /> <label for="footer-accordion-trips" class="aon-label-big relative z-10 block py-6 hover:cursor-pointer sm:hover:cursor-auto" > Trips </label> <i class="fa-light fa-chevron-down absolute right-[1em] top-6 text-base leading-none peer-checked:hidden sm:hidden sm:peer-checked:hidden" ></i> <i class="fa-light fa-chevron-up absolute right-[1em] top-6 hidden text-base leading-none peer-checked:block sm:hidden sm:peer-checked:hidden" ></i> <ul class="mb-6 hidden flex-col gap-2 peer-checked:flex sm:flex"> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="true" href="/adventures/trips">All Trips</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-action="click->analytics#sendEvent" data-ga-event-action="interest selection" data-ga-event-category="family trip" data-ga-event-label="footer" href="/adventures/trips?int=family+trip">Family Trip</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-action="click->analytics#sendEvent" data-ga-event-action="interest selection" data-ga-event-category="food & drink" data-ga-event-label="footer" href="/adventures/trips?int=food+%26+drink">Food & Drink</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-action="click->analytics#sendEvent" data-ga-event-action="interest selection" data-ga-event-category="history & culture" data-ga-event-label="footer" href="/adventures/trips?int=history+%26+culture">History & Culture</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-action="click->analytics#sendEvent" data-ga-event-action="interest selection" data-ga-event-category="wildlife & nature" data-ga-event-label="footer" href="/adventures/trips?int=wildlife+%26+nature">Wildlife & Nature</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="true" href="/adventures/adventures-faq">FAQ</a> </li> </ul> </div> <div class="relative" role="navigation" aria-label="Community"> <input id="footer-accordion-community" type="checkbox" class="peer hidden" /> <label for="footer-accordion-community" class="aon-label-big relative z-10 block py-6 hover:cursor-pointer sm:hover:cursor-auto" > Community </label> <i class="fa-light fa-chevron-down absolute right-[1em] top-6 text-base leading-none peer-checked:hidden sm:hidden sm:peer-checked:hidden" ></i> <i class="fa-light fa-chevron-up absolute right-[1em] top-6 hidden text-base leading-none peer-checked:block sm:hidden sm:peer-checked:hidden" ></i> <ul class="mb-6 hidden flex-col gap-2 peer-checked:flex sm:flex"> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/membership">Membership</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" data-nolt="modal" href="https://atlas-obscura-digital-product.nolt.io">Feedback & Ideas</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/community-guidelines">Community Guidelines</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/product-blog">Product Blog</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/unique-gifts">Unique Gifts</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/jobs">Work With Us</a> </li> </ul> </div> <div class="relative" role="navigation" aria-label="Company"> <input id="footer-accordion-company" type="checkbox" class="peer hidden" /> <label for="footer-accordion-company" class="aon-label-big relative z-10 block py-6 hover:cursor-pointer sm:hover:cursor-auto" > Company </label> <i class="fa-light fa-chevron-down absolute right-[1em] top-6 text-base leading-none peer-checked:hidden sm:hidden sm:peer-checked:hidden" ></i> <i class="fa-light fa-chevron-up absolute right-[1em] top-6 hidden text-base leading-none peer-checked:block sm:hidden sm:peer-checked:hidden" ></i> <ul class="mb-6 hidden flex-col gap-2 peer-checked:flex sm:flex"> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="/about">About</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/faq">FAQ</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" data-turbo="false" href="https://studio-obscura.atlasobscura.com/">Advertise With Us</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/advertising-acceptability-guidelines">Advertising Guidelines</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/privacy">Privacy Policy</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/cookies">Cookie Policy</a> </li> <li> <a class="text-white inline-block leading-4 text-lg tracking-wide hover:underline" href="/terms">Terms of Use</a> </li> </ul> </div> </section> <a class="inline-flex items-center sm:hidden" data-turbo="false" href="/"> <svg width="171" height="24" viewBox="0 0 171 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M32.8983 13.1237H35.7686L34.3334 9.00865L32.8983 13.1237ZM36.8982 16.4156H31.7687L30.4272 20.2949H26.5682L32.2628 4.02411H36.4041L42.4278 20.2949H38.2629L36.8982 16.4156Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.6951 7.71579H48.3657V10.8897H46.6951V15.8982C46.6951 16.7445 47.0479 17.0266 47.7302 17.0266H48.3657V20.2009C48.3657 20.2009 47.7775 20.4362 46.4601 20.4362C44.0599 20.4362 42.9066 19.1898 42.9066 17.0266V10.8897H41.801V7.71579H42.9066V5.7171H46.6951V7.71579Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M49.6208 20.2949H53.409V3.10699H49.6208V20.2949Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M73.732 12.0657C74.273 12.183 74.8376 12.2774 75.2612 12.3946C77.4496 13.006 78.4375 14.0168 78.4375 16.298C78.4375 19.2602 76.1554 20.4594 73.6375 20.4594C69.9198 20.4594 68.8375 18.3435 68.9316 16.1567H72.5319C72.5082 16.7918 72.7201 17.4736 73.6847 17.4736C74.3202 17.4736 74.7671 17.1915 74.7671 16.6973C74.7671 16.1803 74.508 15.9451 73.732 15.7806C72.9315 15.6161 72.4846 15.4981 71.8255 15.2868C69.9903 14.6518 69.1434 13.3586 69.1434 11.4779C69.1434 9.03228 71.1199 7.55096 73.708 7.55096C76.3905 7.55096 78.2024 8.75018 78.2256 11.6424H74.7671C74.7435 10.8897 74.3907 10.4196 73.6375 10.4196C73.0729 10.4196 72.7201 10.7253 72.7201 11.1954C72.7201 11.666 73.026 11.9245 73.732 12.0657Z" fill="white" /> <mask id="mask0_1882_13" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="68" height="24" > <path fill-rule="evenodd" clip-rule="evenodd" d="M67.8173 23.9764H0.0235596V0.336792H33.9204H67.8173V23.9764Z" fill="white" /> </mask> <g mask="url(#mask0_1882_13)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M61.229 17.1443C63.0642 17.1443 64.1466 15.7806 64.1466 13.9936C64.1466 12.2066 62.9469 10.8665 61.2054 10.8665C59.3466 10.8665 58.2642 12.2302 58.2642 13.9936C58.2642 15.7806 59.4171 17.1443 61.229 17.1443ZM64.3351 19.2527C63.9335 19.6773 62.9448 20.5066 60.9699 20.5066C57.0877 20.5066 54.4993 17.8969 54.4993 13.9936C54.4993 10.3019 57.0172 7.50415 60.9699 7.50415C62.422 7.50415 63.5583 8.03648 64.2642 8.67149V7.71582H67.8173V20.295H64.3351V19.2527Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8402 24C5.3011 24 -0.00012207 18.7027 -0.00012207 12.1684C-0.00012207 5.6341 5.3011 0.336792 11.8402 0.336792C18.3793 0.336792 23.6805 5.6341 23.6805 12.1684C23.6805 18.7027 18.3793 24 11.8402 24ZM5.81924 15.4568C5.72435 15.4568 5.6334 15.5315 5.57985 15.6929C5.57985 15.6929 4.75537 17.8143 4.52819 18.445C4.33329 18.9856 4.35967 19.3173 4.77191 19.7953C4.86877 19.9074 7.65246 22.5986 11.8075 22.5986C12.1906 22.5986 12.5859 22.5757 12.9911 22.5258C15.7779 22.1827 18.1809 20.8151 19.8605 18.8215C20.6425 17.8938 20.6527 17.1805 20.3393 16.7319C20.3393 16.7319 18.8703 14.5849 18.7518 14.3866C18.6663 14.2442 18.5561 14.1659 18.4529 14.1659C18.3344 14.1659 18.2254 14.2694 18.175 14.4988C17.4757 17.4744 14.9235 19.4872 11.9449 19.4872C10.0117 19.4872 7.38196 18.5162 6.09564 15.6944C6.02555 15.541 5.92003 15.4568 5.81924 15.4568ZM11.9489 8.12812C11.7662 8.12812 11.5815 8.13835 11.3957 8.15881C8.66711 8.46137 6.69333 10.9259 6.99611 13.6524C7.27841 16.1941 9.43922 18.0799 11.9414 18.0799C12.1237 18.0799 12.3083 18.0696 12.4942 18.0492C15.2228 17.7466 17.1965 15.2821 16.8938 12.5551C16.6115 10.0139 14.4506 8.12812 11.9489 8.12812ZM8.74742 2.24972C8.68797 2.24972 8.62103 2.26113 8.5474 2.28591C3.95609 3.82624 1.02041 8.33037 1.47518 13.3169C1.64724 15.2018 2.27642 16.4353 2.82135 17.3477C2.91821 17.5102 3.03514 17.5896 3.14657 17.5896C3.27414 17.5896 3.39462 17.4866 3.4714 17.2851L8.98996 2.76159C9.1069 2.45627 8.99665 2.24972 8.74742 2.24972ZM12.8143 1.79567C12.4662 1.79567 12.3493 2.04983 12.5591 2.36577L21.1295 15.3273C21.2343 15.5032 21.3414 15.5819 21.4445 15.5819C21.5555 15.5819 21.6618 15.4898 21.7552 15.3293C22.0532 14.8174 22.4277 12.9588 22.2068 11.0184C21.6516 6.13691 17.8202 2.25403 12.8871 1.79921C12.8619 1.79685 12.8375 1.79567 12.8143 1.79567ZM10.8 2.54479C10.6681 2.54479 10.5452 2.64826 10.4673 2.85167L8.92344 6.95371C8.81674 7.23266 8.888 7.39869 9.08014 7.39869C9.14865 7.39869 9.23252 7.37744 9.32938 7.33298C9.32938 7.33298 10.3216 6.90335 11.2677 6.79869C11.4595 6.77744 11.654 6.76879 11.8426 6.76879C12.584 6.76879 13.2309 6.9002 13.2309 6.9002C13.2911 6.91318 13.3455 6.91948 13.3939 6.91908C13.6612 6.91908 13.7337 6.72748 13.5439 6.44144L11.1374 2.77731C11.0338 2.62151 10.9138 2.54479 10.8 2.54479Z" fill="#C3AD85" /> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M90.9132 16.935C93.7839 16.935 95.3368 14.8186 95.3368 12.1617C95.3368 9.5048 93.6894 7.38887 90.8896 7.38887C88.0189 7.38887 86.4896 9.5048 86.4896 12.1617C86.4896 14.8422 88.2071 16.935 90.9132 16.935ZM90.8191 3.72083C96.1369 3.72083 99.4549 7.36528 99.4549 12.1145C99.4549 16.8642 96.1601 20.6027 90.9364 20.6027C85.6187 20.6027 82.3716 16.9586 82.3716 12.1853C82.3716 7.45932 85.8073 3.72083 90.8191 3.72083Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M107.275 17.123C109.134 17.123 110.193 15.7825 110.193 13.9955C110.193 12.1853 109.063 10.8448 107.252 10.8448C105.369 10.8448 104.31 12.1853 104.31 13.9955C104.31 15.8062 105.486 17.123 107.275 17.123ZM104.192 20.2973H100.639V3.10938H104.428V8.58767C105.063 8.02347 106.31 7.5061 107.769 7.5061C111.605 7.5061 113.958 10.1162 113.958 13.9955C113.958 17.7344 111.416 20.509 107.51 20.509C106.263 20.509 105.016 20.1325 104.192 19.451V20.2973Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M119.378 12.0677C119.919 12.1853 120.484 12.2794 120.907 12.397C123.096 13.0084 124.084 14.0192 124.084 16.3C124.084 19.2626 121.801 20.4618 119.284 20.4618C115.566 20.4618 114.484 18.3455 114.578 16.1591H118.178C118.154 16.7937 118.366 17.4756 119.331 17.4756C119.966 17.4756 120.413 17.1935 120.413 16.6997C120.413 16.1823 120.155 15.9474 119.378 15.7826C118.578 15.6181 118.131 15.5005 117.472 15.2892C115.636 14.6542 114.79 13.361 114.79 11.4799C114.79 9.03466 116.766 7.55334 119.354 7.55334C122.037 7.55334 123.849 8.75216 123.872 11.6444H120.413C120.39 10.8921 120.037 10.4219 119.284 10.4219C118.719 10.4219 118.366 10.7276 118.366 11.1978C118.366 11.668 118.672 11.9269 119.378 12.0677Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M148.729 7.71777V15.2892C148.729 18.4399 146.964 20.4382 143.67 20.4382C140.046 20.4382 138.611 18.4399 138.611 15.2892V7.71777H142.399V15.3124C142.399 16.2295 142.776 16.8409 143.67 16.8409C144.564 16.8409 144.94 16.2295 144.94 15.3124V7.71777H148.729Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M133.966 14.7403C133.675 16.1009 132.84 17.1159 131.337 17.1159C129.605 17.1159 128.575 15.7117 128.575 14.0073C128.575 12.1806 129.707 10.8988 131.304 10.8988C132.722 10.8988 133.718 11.9072 134.003 13.2268L137.716 12.9675C137.273 9.85614 134.583 7.5061 131.304 7.5061C127.711 7.5061 124.798 10.3314 124.798 14.0073C124.798 17.8509 127.497 20.509 131.304 20.509C134.72 20.509 137.287 18.1011 137.736 14.9485L133.966 14.7403Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M164.079 17.1466C165.915 17.1466 166.997 15.7825 166.997 13.9955C166.997 12.2089 165.797 10.8684 164.056 10.8684C162.197 10.8684 161.115 12.2321 161.115 13.9955C161.115 15.7825 162.267 17.1466 164.079 17.1466ZM167.186 19.2547C166.784 19.6796 165.795 20.509 163.821 20.509C159.938 20.509 157.35 17.8989 157.35 13.9955C157.35 10.3043 159.868 7.5061 163.821 7.5061C165.272 7.5061 166.409 8.03882 167.115 8.67384V7.71778H170.668V20.2973H167.186V19.2547Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M156.958 11.6211H155.208C154.196 11.6211 153.937 12.0209 153.937 12.7967V20.2973H150.149V7.71777H153.937V8.84262C154.151 8.37718 154.468 8.00853 154.953 7.82597C155.438 7.64341 156.09 7.64735 156.958 7.64735V11.6211Z" fill="white" /> </svg> <span class="sr-only">Atlas Obscura</span> </a> <p class="mt-2 text-sm leading-none tracking-wide text-gray-300"> © 2025 Atlas Obscura. All Rights Reserved. </p> </div> </footer> <button data-controller="new-window" data-action="click->new-window#open" data-new-window-href-value="/contact_form" data-new-window-title-value="Contact Atlas Obscura" data-new-window-options-value="width=600,height=700,toolbar=no,menubar=no,scrollbars" class="font-ao-sans bg-ao-tan block w-full cursor-pointer p-[13px] text-center text-sm leading-none text-gray-900 hover:bg-gray-300" > Questions or Feedback? <span class="underline">Contact Us</span> </button> </div> </div> <script type="text/javascript"> var _qevents = _qevents || []; (function () { var elem = document.createElement("script"); elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName("script")[0]; scpt.parentNode.insertBefore(elem, scpt); })(); </script> <script> _qevents.push({ qacct:"p-wCQ2x-2BzmYPY" ,labels: "Section.DestinationPage.Spain.Barcelona,Location.Spain.Barcelona.DestinationPage" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-wCQ2x-2BzmYPY.gif" border="0" height="1" width="1" alt="Quantcast" /> </div> </noscript>  <div id="parsely-root" style="display: none"> <span id="parsely-cfg" data-parsely-site="atlasobscura.com"></span> </div> <script> (function (s, p, d) { var h = d.location.protocol, i = p + "-" + s, e = d.getElementById(i), r = d.getElementById(p + "-root"), u = h === "https:" ? "d1z2jf7jlzjs58.cloudfront.net" : "static." + p + ".com"; if (e) return; e = d.createElement(s); e.id = i; e.async = true; e.src = h + "//" + u + "/p.js"; r.appendChild(e); })("script", "parsely", document); </script>  <script async src="https://cdn.nolt.io/widgets.js"></script> <script> window.noltQueue = window.noltQueue || []; function nolt() { noltQueue.push(arguments); } </script> <sl-drawer label="Drawer" id="system-drawer"> <div class="drawer-content"> <i role="status" aria-busy="true" class="fa-solid fa-circle-notch fa-spin text-gray-700" ></i> </div> </sl-drawer>  <img src='https://tag.yieldoptimizer.com/ps/analytics?pxid=149095&' width='1' height='1'><img src='https://tag.yieldoptimizer.com/ps/analytics?pxid=149097&' width='1' height='1'> <script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/UUnqkC/klaviyo.js"></script>  <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "21716107" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = "https://sb.scorecardresearch.com/cs/21716107/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="https://sb.scorecardresearch.com/p?c1=2&c2=21716107&cv=3.6.0&cj=1"> </noscript>  <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'913b2092fc35cdd5',t:'MTczOTg1MTQwNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

CINXE.COM

69 Cool and Unusual Things to Do in Barcelona - Atlas Obscura