Best Hotels in Barcelona, Spain from 24US$/night

<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Barcelona is a mesmerizing city that seamlessly blends rich history, vibrant culture, and stunning architecture. Whether you’re strolling down La Rambla"> <title>Best Hotels in Barcelona, Spain from 24US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/barcelona-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Barcelona, Spain from 24US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-NZ" type="text/html" href="https://touristvr.com/nz/barcelona-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/barcelona-hotels" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/barcelona-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/barcelona-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/barcelona-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/barcelona-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/barcelone-hotels" title="Français"> <link rel="alternate" hreflang="fr-BE" type="text/html" href="https://touristvr.com/fr-be/barcelone-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/barcelona-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/barcellona-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/barcelona-hotels" title="Nederlands"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/barcelona-hoteis" title="Português"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/barcelona-hoteis" title="Português do Brasil"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "120US$", "address": { "@type": "PostalAddress", "streetAddress": "Diagonal, 1" }, "name": "Barcelona Princess" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "101US$", "address": { "@type": "PostalAddress", "streetAddress": "Placa De Sant Agusti, 3" }, "name": "Hotel Sant Agusti" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "52US$", "address": { "@type": "PostalAddress", "streetAddress": "Marina 19-21" }, "name": "Hotel Arts Barcelona" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "82US$", "address": { "@type": "PostalAddress", "streetAddress": "Carrer De Badajoz 148-154" }, "name": "Hotel SB Glow" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "182US$", "address": { "@type": "PostalAddress", "streetAddress": "Pelai, 3" }, "name": "Hotel Jazz" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "326US$", "address": { "@type": "PostalAddress", "streetAddress": "La Rambla, 109" }, "name": "Hotel 1898" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "83US$", "address": { "@type": "PostalAddress", "streetAddress": "Sant Vicenc, 39" }, "name": "Hostal Radio Barcelona" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "69US$", "address": { "@type": "PostalAddress", "streetAddress": "Lope De Vega 4" }, "name": "Eurohotel Diagonal Port" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "1" }, "priceRange" : "49US$", "address": { "@type": "PostalAddress", "streetAddress": "Carrer De La Boqueria,18 Traslados" }, "name": "Hostal Europa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "113US$", "address": { "@type": "PostalAddress", "streetAddress": "Carrer Del Duc, 15" }, "name": "Kimpton Vividora Hotel, An IHG Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "405US$", "address": { "@type": "PostalAddress", "streetAddress": "Gran Via De Les Corts Catalanes, 670" }, "name": "Cotton House Hotel, Autograph Collection" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "125US$", "address": { "@type": "PostalAddress", "streetAddress": "Carrer De Llanca, 24" }, "name": "Ofelias Hotel 4Sup By Bondia Hotel Group" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "126US$", "address": { "@type": "PostalAddress", "streetAddress": "Nou De La Rambla, 12" }, "name": "Gaudi Hotel" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/nz/barcelona-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nz.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NZ</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/gb/barcelona-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/barcelona-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/au/barcelona-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/au.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AU</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/barcelona-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/barcelone-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/fr-be/barcelone-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/be.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BE</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/es/barcelona-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/barcellona-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/barcelona-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nl.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NL</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> <a href="https://touristvr.com/pt/barcelona-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/pt.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">PT</span> <span class="text-secondary-950 text-base ">Português</span> </a> <a href="https://touristvr.com/br/barcelona-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/br.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BR</span> <span class="text-secondary-950 text-base ">Português do Brasil</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1920x1080/17.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/data/images/city/450x450/17.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Barcelona Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Barcelona Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Barcelona</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 19, 2025 - Feb 20, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/spain-hotels/'>Spain Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-catalonia/'>Catalonia Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Barcelona Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="occidental-atenea-mar-adults-only" data-bhotel-id="occidental-atenea-mar-adults-only" data-name = "Occidental Atenea Mar - Adults Only" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13823/1382393/1382393330.JPEG" data-lat="41.402274" data-lng="2.21167" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13823/1382393/1382393330.JPEG" alt="" loading="lazy" data-bhotel-id="92509" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (777)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/occidental-atenea-mar-adults-only-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Occidental Atenea Mar - Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92509" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="allegro-barcelona" data-bhotel-id="allegro-barcelona" data-name = "Allegro Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15960/1596020/1596020908.JPEG" data-lat="41.392678564218365" data-lng="2.156433016061783" data-price = "137US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15960/1596020/1596020908.JPEG" alt="" loading="lazy" data-bhotel-id="189972" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1408)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/allegro-barcelona-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Allegro Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">137US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="189972" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-metropolitan-4-sup" data-bhotel-id="h10-metropolitan-4-sup" data-name = "H10 Metropolitan 4* Sup" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15397/1539712/1539712192.JPEG" data-lat="41.3877641" data-lng="2.167727" data-price = "163US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15397/1539712/1539712192.JPEG" alt="" loading="lazy" data-bhotel-id="1106549" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (391)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/h10-metropolitan-4-sup-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Metropolitan 4* Sup</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">163US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1106549" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-marina-barcelona" data-bhotel-id="h10-marina-barcelona" data-name = "H10 Marina Barcelona" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/5088/508874/508874826.JPEG" data-lat="41.392951" data-lng="2.192382" data-price = "131US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5088/508874/508874826.JPEG" alt="" loading="lazy" data-bhotel-id="90420" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (951)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/h10-marina-barcelona-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Marina Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">131US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90420" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-urquinaona-plaza" data-bhotel-id="h10-urquinaona-plaza" data-name = "H10 Urquinaona Plaza" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15960/1596040/1596040702.JPEG" data-lat="41.389226" data-lng="2.172629" data-price = "163US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15960/1596040/1596040702.JPEG" alt="" loading="lazy" data-bhotel-id="541614" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (412)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/h10-urquinaona-plaza-adults-only-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Urquinaona Plaza</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">163US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="541614" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-universitat" data-bhotel-id="h10-universitat" data-name = "H10 Universitat" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15567/1556712/1556712772.JPEG" data-lat="41.38684" data-lng="2.16672" data-price = "98US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15567/1556712/1556712772.JPEG" alt="" loading="lazy" data-bhotel-id="90977" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (867)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/h10-universitat-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Universitat</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">98US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90977" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-casanova" data-bhotel-id="h10-casanova" data-name = "H10 Casanova" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15726/1572667/1572667880.JPEG" data-lat="41.384167" data-lng="2.160738" data-price = "286US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15726/1572667/1572667880.JPEG" alt="" loading="lazy" data-bhotel-id="325001" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (562)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/h10-casanova-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Casanova</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">286US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="325001" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-cubik-4-sup" data-bhotel-id="h10-cubik-4-sup" data-name = "H10 Cubik 4* Sup" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273166/1273166758.JPEG" data-lat="41.38801" data-lng="2.17324" data-price = "262US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273166/1273166758.JPEG" alt="" loading="lazy" data-bhotel-id="1512567" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (358)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/h10-cubik-4-sup-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Cubik 4* Sup</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">262US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1512567" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="boutique-hotel-h10-catalunya-plaza" data-bhotel-id="boutique-hotel-h10-catalunya-plaza" data-name = "Boutique Hotel H10 Catalunya Plaza" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14075/1407557/1407557972.JPEG" data-lat="41.38708043" data-lng="2.16864109" data-price = "283US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14075/1407557/1407557972.JPEG" alt="" loading="lazy" data-bhotel-id="90372" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (605)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/boutique-hotel-h10-catalunya-plaza-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel H10 Catalunya Plaza</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">283US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90372" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="intercontinental-barcelona-an-ihg-hotel" data-bhotel-id="intercontinental-barcelona-an-ihg-hotel" data-name = "Intercontinental Barcelona, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273191/1273191043.JPEG" data-lat="41.372684" data-lng="2.154831" data-price = "218US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273191/1273191043.JPEG" alt="" loading="lazy" data-bhotel-id="90397" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (733)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/intercontinental-barcelona-by-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Intercontinental Barcelona, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">218US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90397" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="barcelo-raval" data-bhotel-id="barcelo-raval" data-name = "Barcelo Raval" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4464/446413/446413332.JPEG" data-lat="41.37898" data-lng="2.16949" data-price = "147US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4464/446413/446413332.JPEG" alt="" loading="lazy" data-bhotel-id="12697" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1025)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/barcelo-raval-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Barcelo Raval</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">147US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="12697" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="barcelona-hotel-colonial" data-bhotel-id="barcelona-hotel-colonial" data-name = "Barcelona Hotel Colonial" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15804/1580422/1580422831.JPEG" data-lat="41.38238" data-lng="2.180746" data-price = "240US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15804/1580422/1580422831.JPEG" alt="" loading="lazy" data-bhotel-id="188827" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (592)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/barcelona-hotel-colonial" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Barcelona Hotel Colonial</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">240US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="188827" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="barcelona-princess" data-bhotel-id="barcelona-princess" data-name = "Barcelona Princess" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16395/1639549/1639549400.JPEG" data-lat="41.4110149978243" data-lng="2.21877694129944" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16395/1639549/1639549400.JPEG" alt="" loading="lazy" data-bhotel-id="91032" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2103)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/barcelona-princess-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Barcelona Princess</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">120US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91032" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="petit-palace-boqueria-garden" data-bhotel-id="petit-palace-boqueria-garden" data-name = "Petit Palace Boqueria Garden" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12730/1273067/1273067902.JPEG" data-lat="41.381435" data-lng="2.1739383" data-price = "231US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12730/1273067/1273067902.JPEG" alt="" loading="lazy" data-bhotel-id="92923" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1061)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/petit-palace-boqueria-garden-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Petit Palace Boqueria Garden</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">231US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92923" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="h10-casa-mimosa-4-sup" data-bhotel-id="h10-casa-mimosa-4-sup" data-name = "H10 Casa Mimosa 4* Sup" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7114/711430/711430135.JPEG" data-lat="41.3963088989258" data-lng="2.1622200012207" data-price = "253US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7114/711430/711430135.JPEG" alt="" loading="lazy" data-bhotel-id="1869201" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (294)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/h10-casa-mimosa-4-sup-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">H10 Casa Mimosa 4* Sup</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">253US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1869201" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="melia-barcelona-sarria" data-bhotel-id="melia-barcelona-sarria" data-name = "Melia Barcelona Sarria" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14320/1432098/1432098322.JPEG" data-lat="41.390819" data-lng="2.141808" data-price = "178US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14320/1432098/1432098322.JPEG" alt="" loading="lazy" data-bhotel-id="90480" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (509)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/melia-barcelona-sarria-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Melia Barcelona Sarria</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">178US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90480" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-rialto" data-bhotel-id="hotel-rialto" data-name = "Hotel Rialto" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12199/1219954/1219954360.JPEG" data-lat="41.38205" data-lng="2.176426" data-price = "117US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12199/1219954/1219954360.JPEG" alt="" loading="lazy" data-bhotel-id="94351" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (863)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-rialto-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Rialto</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">117US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="94351" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="citadines-ramblas-barcelona" data-bhotel-id="citadines-ramblas-barcelona" data-name = "Citadines Ramblas Barcelona" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14986/1498675/1498675780.JPEG" data-lat="41.383848" data-lng="2.171446" data-price = "113US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14986/1498675/1498675780.JPEG" alt="" loading="lazy" data-bhotel-id="90155" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (736)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/citadines-ramblas-barcelona-aparthotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Citadines Ramblas Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">113US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90155" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-regina-barcelona" data-bhotel-id="hotel-regina-barcelona" data-name = "Hotel Regina Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16002/1600213/1600213818.JPEG" data-lat="41.38610221" data-lng="2.16793918" data-price = "228US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16002/1600213/1600213818.JPEG" alt="" loading="lazy" data-bhotel-id="92237" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1225)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-regina-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Regina Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">228US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92237" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sercotel-hotel-rosellon" data-bhotel-id="sercotel-hotel-rosellon" data-name = "Sercotel Hotel Rosellon" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/6832/683292/683292831.JPEG" data-lat="41.404885" data-lng="2.17277" data-price = "176US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6832/683292/683292831.JPEG" alt="" loading="lazy" data-bhotel-id="188825" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2261)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sercotel-hotel-rosellon-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sercotel Hotel Rosellon</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">176US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="188825" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="monument-hotel" data-bhotel-id="monument-hotel" data-name = "Monument Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14321/1432183/1432183327.JPEG" data-lat="41.39391" data-lng="2.16226" data-price = "503US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14321/1432183/1432183327.JPEG" alt="" loading="lazy" data-bhotel-id="1659470" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (247)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/monument-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Monument Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">503US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1659470" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="toc-hostel-barcelona" data-bhotel-id="toc-hostel-barcelona" data-name = "Toc Hostel Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12730/1273082/1273082197.JPEG" data-lat="41.38476" data-lng="2.162473" data-price = "49US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12730/1273082/1273082197.JPEG" alt="" loading="lazy" data-bhotel-id="911602" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (213)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/toc-hostel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Toc Hostel Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">49US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="911602" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="condes-de-barcelona" data-bhotel-id="condes-de-barcelona" data-name = "Condes De Barcelona" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6648/664871/664871772.JPEG" data-lat="41.3937" data-lng="2.16256" data-price = "151US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6648/664871/664871772.JPEG" alt="" loading="lazy" data-bhotel-id="92782" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (676)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/condes-de-barcelona-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Condes De Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">151US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92782" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="45-times-barcelona-hotel" data-bhotel-id="45-times-barcelona-hotel" data-name = "45 Times Barcelona Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16243/1624337/1624337093.JPEG" data-lat="41.387873" data-lng="2.169386" data-price = "332US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16243/1624337/1624337093.JPEG" alt="" loading="lazy" data-bhotel-id="2553297" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (338)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/45-times-barcelona-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">45 Times Barcelona Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">332US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2553297" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="andante-hotel" data-bhotel-id="andante-hotel" data-name = "Andante Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12732/1273230/1273230343.JPEG" data-lat="41.3767121" data-lng="2.1728001" data-price = "176US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12732/1273230/1273230343.JPEG" alt="" loading="lazy" data-bhotel-id="364790" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1804)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/andante-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Andante Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">176US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="364790" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="gaudi-hotel" data-bhotel-id="gaudi-hotel" data-name = "Gaudi Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273169/1273169947.JPEG" data-lat="41.37894" data-lng="2.17404" data-price = "126US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273169/1273169947.JPEG" alt="" loading="lazy" data-bhotel-id="92698" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1640)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/gaudi-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Gaudi Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">126US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92698" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-indigo-barcelona-plaza-catalunya-4sup-an-ihg-hotel" data-bhotel-id="hotel-indigo-barcelona-plaza-catalunya-4sup-an-ihg-hotel" data-name = "Hotel Indigo Barcelona - Plaza Catalunya 4Sup, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14426/1442615/1442615680.JPEG" data-lat="41.39124" data-lng="2.17029" data-price = "192US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14426/1442615/1442615680.JPEG" alt="" loading="lazy" data-bhotel-id="461340" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (843)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-indigo-barcelona-plaza-catalunya-4sup-by-ihg" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Indigo Barcelona - Plaza Catalunya 4Sup, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">192US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="461340" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="innside-by-melia-barcelona-apolo" data-bhotel-id="innside-by-melia-barcelona-apolo" data-name = "Innside By Melia Barcelona Apolo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13723/1372369/1372369589.JPEG" data-lat="41.374706" data-lng="2.170767" data-price = "202US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13723/1372369/1372369589.JPEG" alt="" loading="lazy" data-bhotel-id="91493" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (648)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/innside-by-melia-barcelona-apolo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Innside By Melia Barcelona Apolo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">202US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91493" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="park-hotel" data-bhotel-id="park-hotel" data-name = "Park Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273126/1273126918.JPEG" data-lat="41.38423" data-lng="2.18443" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273126/1273126918.JPEG" alt="" loading="lazy" data-bhotel-id="90902" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (931)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/park-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Park Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90902" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-royal-passeig-de-gracia" data-bhotel-id="hotel-royal-passeig-de-gracia" data-name = "Hotel Royal Passeig De Gracia" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273156/1273156732.JPEG" data-lat="41.39432" data-lng="2.1626" data-price = "308US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273156/1273156732.JPEG" alt="" loading="lazy" data-bhotel-id="482808" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (466)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-royal-passeig-de-gracia-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Royal Passeig De Gracia</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">308US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="482808" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-lleo" data-bhotel-id="hotel-lleo" data-name = "Hotel Lleo" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/2459/245996/245996789.JPEG" data-lat="41.3857" data-lng="2.16643" data-price = "123US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/2459/245996/245996789.JPEG" alt="" loading="lazy" data-bhotel-id="91162" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1534)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-lleo-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Lleo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">123US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91162" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="olivia-balmes-hotel" data-bhotel-id="olivia-balmes-hotel" data-name = "Olivia Balmes Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6449/644954/644954424.JPEG" data-lat="41.392262" data-lng="2.158477" data-price = "182US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6449/644954/644954424.JPEG" alt="" loading="lazy" data-bhotel-id="555685" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (357)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/olivia-balmes-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Olivia Balmes Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">182US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="555685" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-barcelona" data-bhotel-id="hilton-barcelona" data-name = "Hilton Barcelona" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16005/1600559/1600559278.JPEG" data-lat="41.388746" data-lng="2.131467" data-price = "188US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16005/1600559/1600559278.JPEG" alt="" loading="lazy" data-bhotel-id="96879" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (370)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hilton-barcelona-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">188US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="96879" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="colon-hotel-barcelona" data-bhotel-id="colon-hotel-barcelona" data-name = "Colon Hotel Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7016/701659/701659714.JPEG" data-lat="41.38501" data-lng="2.17592" data-price = "214US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7016/701659/701659714.JPEG" alt="" loading="lazy" data-bhotel-id="93365" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (831)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/lamaro-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Colon Hotel Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">214US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="93365" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="kabul-party-hostel-barcelona" data-bhotel-id="kabul-party-hostel-barcelona" data-name = "Kabul Party Hostel Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8305/830541/830541311.JPEG" data-lat="41.37957" data-lng="2.17526" data-price = "60US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8305/830541/830541311.JPEG" alt="" loading="lazy" data-bhotel-id="361735" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (195)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/kabul-party-hostel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Kabul Party Hostel Barcelona</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">60US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="361735" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-gotico" data-bhotel-id="hotel-gotico" data-name = "Hotel Gotico" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15868/1586824/1586824026.JPEG" data-lat="41.38354" data-lng="2.17819" data-price = "86US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15868/1586824/1586824026.JPEG" alt="" loading="lazy" data-bhotel-id="92655" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (447)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-gotico-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Gotico</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">86US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92655" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-alimara" data-bhotel-id="hotel-alimara" data-name = "Hotel Alimara" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16298/1629888/1629888943.JPEG" data-lat="41.43382" data-lng="2.14741" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16298/1629888/1629888943.JPEG" alt="" loading="lazy" data-bhotel-id="90450" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1101)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-alimara-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Alimara</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">95US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90450" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="catalonia-born" data-bhotel-id="catalonia-born" data-name = "Catalonia Born" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15473/1547374/1547374237.JPEG" data-lat="41.389744" data-lng="2.17991699999993" data-price = "85US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15473/1547374/1547374237.JPEG" alt="" loading="lazy" data-bhotel-id="90586" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (975)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/catalonia-born-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Catalonia Born</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">85US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90586" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-premier-hotel-dante" data-bhotel-id="best-western-premier-hotel-dante" data-name = "Best Western Premier Hotel Dante" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12730/1273064/1273064527.JPEG" data-lat="41.389343" data-lng="2.156421" data-price = "59US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12730/1273064/1273064527.JPEG" alt="" loading="lazy" data-bhotel-id="91565" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (884)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-premier-hotel-dante-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Premier Hotel Dante</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">59US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91565" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-america-barcelona" data-bhotel-id="hotel-america-barcelona" data-name = "Hotel America Barcelona" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12730/1273085/1273085962.JPEG" data-lat="41.39175" data-lng="2.157397" data-price = "165US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12730/1273085/1273085962.JPEG" alt="" loading="lazy" data-bhotel-id="91923" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (539)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-america-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel America Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">165US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91923" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="aparthotel-arai-4-superior" data-bhotel-id="aparthotel-arai-4-superior" data-name = "Aparthotel Arai 4* Superior" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6701/670197/670197945.JPEG" data-lat="41.38086" data-lng="2.17729" data-price = "124US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6701/670197/670197945.JPEG" alt="" loading="lazy" data-bhotel-id="482487" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (206)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/aparthotel-arai-4-superior-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Aparthotel Arai 4* Superior</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">124US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="482487" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="wittmore-hotel-adults-only" data-bhotel-id="wittmore-hotel-adults-only" data-name = "Wittmore Hotel - Adults Only" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7098/709842/709842442.JPEG" data-lat="41.381123" data-lng="2.179627" data-price = "462US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7098/709842/709842442.JPEG" alt="" loading="lazy" data-bhotel-id="1771563" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (107)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/wittmore-hotel-adults-only-small-luxury-hotels-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Wittmore Hotel - Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">462US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1771563" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="negresco-princess-4-sup" data-bhotel-id="negresco-princess-4-sup" data-name = "Negresco Princess 4* Sup" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/5362/536279/536279289.JPEG" data-lat="41.39049718" data-lng="2.17258896" data-price = "217US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5362/536279/536279289.JPEG" alt="" loading="lazy" data-bhotel-id="1558009" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (525)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/negresco-princess-4-sup-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Negresco Princess 4* Sup</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">217US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1558009" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="moxy-barcelona" data-bhotel-id="moxy-barcelona" data-name = "Moxy Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16164/1616418/1616418349.JPEG" data-lat="41.379247878998" data-lng="2.14285969734192" data-price = "105US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16164/1616418/1616418349.JPEG" alt="" loading="lazy" data-bhotel-id="91971" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2352)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/moxy-barcelona-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Moxy Barcelona</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">105US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91971" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="royal-ramblas" data-bhotel-id="royal-ramblas" data-name = "Royal Ramblas" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/2564/256492/256492665.JPEG" data-lat="41.38431" data-lng="2.17066" data-price = "218US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/2564/256492/256492665.JPEG" alt="" loading="lazy" data-bhotel-id="90228" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1773)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/royal-ramblas-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Royal Ramblas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">218US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90228" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="catalonia-eixample-1864" data-bhotel-id="catalonia-eixample-1864" data-name = "Catalonia Eixample 1864" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14320/1432022/1432022536.JPEG" data-lat="41.3935" data-lng="2.16858" data-price = "115US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14320/1432022/1432022536.JPEG" alt="" loading="lazy" data-bhotel-id="90585" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (580)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/catalonia-eixample-1864-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Catalonia Eixample 1864</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">115US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90585" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="boutique-hotel-h10-montcada" data-bhotel-id="boutique-hotel-h10-montcada" data-name = "Boutique Hotel H10 Montcada" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273181/1273181269.JPEG" data-lat="41.38437" data-lng="2.17841" data-price = "187US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273181/1273181269.JPEG" alt="" loading="lazy" data-bhotel-id="90455" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (574)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/boutique-hotel-h10-montcada-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel H10 Montcada</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">187US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90455" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="gran-hotel-havana-4sup-by-escampa-hotels" data-bhotel-id="gran-hotel-havana-4sup-by-escampa-hotels" data-name = "Gran Hotel Havana 4Sup By Escampa Hotels" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12730/1273043/1273043833.JPEG" data-lat="41.39260595" data-lng="2.172024092" data-price = "324US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12730/1273043/1273043833.JPEG" alt="" loading="lazy" data-bhotel-id="91635" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (909)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/gran-hotel-havana-4sup-by-escampa-hotels-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Gran Hotel Havana 4Sup By Escampa Hotels</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">324US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91635" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="el-avenida-palace" data-bhotel-id="el-avenida-palace" data-name = "El Avenida Palace" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15669/1566917/1566917639.JPEG" data-lat="41.38909" data-lng="2.16729" data-price = "197US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15669/1566917/1566917639.JPEG" alt="" loading="lazy" data-bhotel-id="91794" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1066)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/el-avenida-palace-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">El Avenida Palace</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">197US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91794" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-sb-diagonal-zero-4-sup" data-bhotel-id="hotel-sb-diagonal-zero-4-sup" data-name = "Hotel Sb Diagonal Zero 4 Sup" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15490/1549036/1549036468.JPEG" data-lat="41.412037" data-lng="2.21961899999997" data-price = "132US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15490/1549036/1549036468.JPEG" alt="" loading="lazy" data-bhotel-id="16995" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2251)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-sb-diagonal-zero-4-sup-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Sb Diagonal Zero 4 Sup</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">132US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="16995" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="black-swan-hostel" data-bhotel-id="black-swan-hostel" data-name = "Black Swan Hostel" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/6958/695863/695863932.JPEG" data-lat="41.39125" data-lng="2.17785" data-price = "9US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6958/695863/695863932.JPEG" alt="" loading="lazy" data-bhotel-id="424097" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (165)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/black-swan-hostel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Black Swan Hostel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">9US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="424097" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="olivia-plaza-hotel" data-bhotel-id="olivia-plaza-hotel" data-name = "Olivia Plaza Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7046/704605/704605714.JPEG" data-lat="41.38617" data-lng="2.17091" data-price = "198US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7046/704605/704605714.JPEG" alt="" loading="lazy" data-bhotel-id="91952" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1166)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/olivia-plaza-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Olivia Plaza Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">198US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91952" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-del-mar" data-bhotel-id="hotel-del-mar" data-name = "Hotel Del Mar" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273127/1273127491.JPEG" data-lat="41.3822" data-lng="2.18398" data-price = "155US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273127/1273127491.JPEG" alt="" loading="lazy" data-bhotel-id="92547" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (615)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-del-mar-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Del Mar</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">155US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92547" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="b-hotel" data-bhotel-id="b-hotel" data-name = "B Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273123/1273123825.JPEG" data-lat="41.376482" data-lng="2.150477" data-price = "189US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273123/1273123825.JPEG" alt="" loading="lazy" data-bhotel-id="91198" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (705)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/b-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">B Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">189US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91198" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hcc-montblanc" data-bhotel-id="hcc-montblanc" data-name = "Hcc Montblanc" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15379/1537919/1537919620.JPEG" data-lat="41.38788" data-lng="2.17356" data-price = "82US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15379/1537919/1537919620.JPEG" alt="" loading="lazy" data-bhotel-id="90295" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (899)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hcc-montblanc-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hcc Montblanc</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">82US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90295" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ac-hotel-barcelona-forum-by-marriott" data-bhotel-id="ac-hotel-barcelona-forum-by-marriott" data-name = "Ac Hotel Barcelona Forum By Marriott" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16431/1643135/1643135979.JPEG" data-lat="41.41008" data-lng="2.2188199" data-price = "125US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16431/1643135/1643135979.JPEG" alt="" loading="lazy" data-bhotel-id="91345" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (602)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ac-hotel-barcelona-forum-by-marriott" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ac Hotel Barcelona Forum By Marriott</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">125US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91345" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="travelodge-barcelona-poblenou" data-bhotel-id="travelodge-barcelona-poblenou" data-name = "Travelodge Barcelona Poblenou" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12731/1273193/1273193503.JPEG" data-lat="41.39977" data-lng="2.20089" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12731/1273193/1273193503.JPEG" alt="" loading="lazy" data-bhotel-id="444783" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1054)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/travelodge-barcelona-poblenou" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Travelodge Barcelona Poblenou</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">1</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="444783" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="catalonia-ramblas-4-sup" data-bhotel-id="catalonia-ramblas-4-sup" data-name = "Catalonia Ramblas 4* Sup" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/4222/422220/422220126.JPEG" data-lat="41.38566" data-lng="2.16676" data-price = "160US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4222/422220/422220126.JPEG" alt="" loading="lazy" data-bhotel-id="93430" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1946)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/catalonia-ramblas-4-sup-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Catalonia Ramblas 4* Sup</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">160US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="93430" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hcc-regente" data-bhotel-id="hcc-regente" data-name = "Hcc Regente" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16417/1641719/1641719123.JPEG" data-lat="41.392184" data-lng="2.162204" data-price = "88US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16417/1641719/1641719123.JPEG" alt="" loading="lazy" data-bhotel-id="90043" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (253)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hcc-regente-hotel-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hcc Regente</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">88US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90043" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-sb-icaria" data-bhotel-id="hotel-sb-icaria" data-name = "Hotel Sb Icaria" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8884/888433/888433972.JPEG" data-lat="41.39369" data-lng="2.199395" data-price = "81US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8884/888433/888433972.JPEG" alt="" loading="lazy" data-bhotel-id="91271" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1687)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-sb-icaria-barcelona" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Sb Icaria</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91271" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="41.411014997824" data-lng="2.2187769412994"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Barcelona is a mesmerizing city that seamlessly blends rich history, vibrant culture, and stunning architecture. Whether you’re strolling down La Rambla or marveling at the intricate designs of Gaudí, selecting the right accommodation is crucial to enjoying all that this enchanting city has to offer. To elevate your experience, consider staying at some of the best hotels in Barcelona where comfort meets extraordinary service.</p><p>From luxury hotels overlooking the Mediterranean to boutique accommodations nestled in the heart of the Gothic Quarter, the options are as diverse as the city itself. Each area boasts its own unique charm and allure, making it essential to find a hotel that complements your travel style. Many of the best hotels in Barcelona offer not just a place to rest, but also immersive experiences that reflect the local culture, cuisine, and hospitality.</p><p>After a day of exploring iconic landmarks and indulging in delectable tapas, returning to a top-rated hotel can significantly enhance your travel experience. With a range of amenities, including rooftop pools, spa services, and gourmet dining, these hotels provide the perfect sanctuary for relaxation and rejuvenation. In this article, we will guide you through some of the best hotels in Barcelona ensuring that your stay is nothing short of remarkable.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-706902" data-langcode="en" data-bcity-id="-372490" data-city-name="Barcelona" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#barcelona-princess" class="js-clk-open" data-type="table" data-bhotel-id="91032" data-open-once data-open-passive>Barcelona Princess</a> </td> <td> <p> 8.3 / 10 </p> <p> (11897 Reviews)</p> </td> <td> <span>From 120US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="91032">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-sant-agusti" class="js-clk-open" data-type="table" data-bhotel-id="97502" data-open-once data-open-passive>Hotel Sant Agusti</a> </td> <td> <p> 8.0 / 10 </p> <p> (4557 Reviews)</p> </td> <td> <span>From 101US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="97502">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-arts-barcelona" class="js-clk-open" data-type="table" data-bhotel-id="14713" data-open-once data-open-passive>Hotel Arts Barcelona</a> </td> <td> <p> 8.6 / 10 </p> <p> (1398 Reviews)</p> </td> <td> <span>From 52US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="14713">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-jazz" class="js-clk-open" data-type="table" data-bhotel-id="90560" data-open-once data-open-passive>Hotel Jazz</a> </td> <td> <p> 8.9 / 10 </p> <p> (3269 Reviews)</p> </td> <td> <span>From 182US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="90560">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-1898" class="js-clk-open" data-type="table" data-bhotel-id="91675" data-open-once data-open-passive>Hotel 1898</a> </td> <td> <p> 8.9 / 10 </p> <p> (4243 Reviews)</p> </td> <td> <span>From 326US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="91675">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="barcelona-princess" data-id="1345971" data-lat="41.411014997824" data-lng="2.2187769412994"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049971.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12730/1273049/1273049971.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273046/1273046866.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048696.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049401.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049509.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273050/1273050088.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047640.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049302.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273046/1273046977.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048357.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660003.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660014.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600558/1600558049.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600558/1600558048.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600558/1600558039.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047571.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048414.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048606.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048813.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049029.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660007.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660015.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048006.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048078.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049713.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049893.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047901.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048903.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048258.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047838.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660005.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660009.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660008.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273046/1273046743.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047700.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11585/1158556/1158556911.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11620/1162068/1162068900.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047784.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4156/415600/415600155.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11187/1118719/1118719080.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047271.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9937/993707/993707857.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8124/812494/812494311.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8178/817810/817810232.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7796/779633/779633943.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15983/1598394/1598394315.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11585/1158556/1158556242.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11620/1162064/1162064031.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11187/1118712/1118712717.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11187/1118718/1118718309.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11585/1158556/1158556254.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510449/510449970.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510462/510462720.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589504/1589504553.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048168.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660004.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510466/510466014.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047388.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7464/746447/746447381.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049203.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510452/510452559.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613659/1613659999.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11620/1162064/1162064139.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510466/510466827.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586365.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586413.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586417.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586437.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586477.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586481.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586485.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510462/510462408.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510464/510464103.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586429.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047334.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586405.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049116.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2585/258582/258582077.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510467/510467391.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613660/1613660006.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510456/510456738.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11585/1158554/1158554505.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9536/953658/953658025.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7464/746446/746446046.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11585/1158556/1158556518.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9937/993707/993707842.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510465/510465768.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047193.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586377.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5104/510449/510449367.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9595/959515/959515156.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4156/415602/415602732.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11187/1118718/1118718558.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273049/1273049623.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239586/239586441.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938631/938631649.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938631/938631676.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938631/938631721.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131080/1131080046.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7045/704532/704532754.JPEG" data-image-gallery="gallerybarcelona-princess" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="barcelona-princess" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (11897)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="91032">Barcelona Princess</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Diagonal, 1</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Offering stunning views of the Mediterranean, Barcelona Princess is an excellent option for families seeking both luxury and practicality. This modern hotel boasts spacious family suites, providing comfort for all members while being one of the best hotels in Barcelona. With kid-friendly amenities like a children's pool and recreational areas, families can enjoy quality time together. Located near the beach and major attractions, it offers the perfect balance of relaxation and exploration. Dining options on the property include casual fare that caters to all tastes. Barcelona Princess ensures that families have everything they need for a delightful stay. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">120US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="91032" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-sant-agusti" data-id="1345972" data-lat="41.3805" data-lng="2.17161"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043008.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12730/1273043/1273043008.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273038/1273038571.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043704.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273037/1273037884.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13282/1328215/1328215748.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13282/1328217/1328217173.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13200/1320063/1320063616.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13200/1320072/1320072664.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13200/1320091/1320091813.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11533/1153372/1153372917.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128407/1128407313.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128408/1128408297.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128412/1128412332.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128439/1128439929.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128439/1128439965.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128440/1128440001.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128468/1128468282.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128473/1128473658.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11243/1124376/1124376963.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11243/1124377/1124377368.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11243/1124377/1124377848.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273038/1273038178.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128440/1128440478.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273042/1273042783.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273042/1273042951.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043047.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043155.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043461.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273044/1273044493.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128404/1128404481.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128408/1128408210.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128468/1128468309.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2533/253300/253300881.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2533/253300/253300961.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2533/253300/253300981.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13282/1328227/1328227196.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273042/1273042840.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2533/253301/253301137.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2533/253300/253300785.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128449/1128449619.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226931/1226931500.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207890/1207890949.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891420.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891525.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891942.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207892/1207892002.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891567.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207892/1207892686.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043935.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14319/1431906/1431906199.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14319/1431906/1431906373.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14319/1431906/1431906403.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273042/1273042897.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226931/1226931332.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891636.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207892/1207892737.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12691/1269138/1269138244.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13200/1320086/1320086092.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891123.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891906.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4802/480271/480271890.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207892/1207892362.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207894/1207894180.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11158/1115848/1115848896.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14319/1431906/1431906298.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14319/1431906/1431906340.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273042/1273042726.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128467/1128467664.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128468/1128468258.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11243/1124377/1124377338.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4690/469004/469004817.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13200/1320072/1320072640.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400051.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400174.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400576.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400837.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13200/1320061/1320061675.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014370/1014370588.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014370/1014370693.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014370/1014370645.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014370/1014370879.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207891/1207891312.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014370/1014370543.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12956/1295632/1295632660.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400375.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226931/1226931644.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226932/1226932022.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207894/1207894132.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226931/1226931584.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11284/1128432/1128432954.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234906/1234906394.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043224.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400480.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832400/832400753.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6528/652807/652807017.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226932/1226932289.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234905/1234905812.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226931/1226931887.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4563/456382/456382557.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12078/1207893/1207893253.JPEG" data-image-gallery="galleryhotel-sant-agusti" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sant-agusti" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (4557)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="97502">Hotel Sant Agusti</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Placa De Sant Agusti, 3</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Sant Agusti is an elegant hotel located in a beautiful 19th-century building near the heart of Barcelona. It embraces the history of the city while offering contemporary comforts, thus ranking among the best hotels in Barcelona. The charming interiors reflect traditional Catalan architecture, creating a warm and inviting atmosphere for guests. Its proximity to La Rambla and other attractions ensures easy exploration of Barcelona’s vibrant streets. The hotel’s restaurant serves traditional Catalan cuisine, helping visitors connect with local culture. With its rich heritage and welcoming ambiance, Hotel Sant Agusti is a great choice for history enthusiasts. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">101US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="97502" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="luxury-escapes-at-the-best-hotels-in-barcelona-spain">Luxury Escapes at the Best Hotels in Barcelona, Spain</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to indulging in opulence and comfort, Barcelona boasts a selection of luxury hotels that define elegance. These accommodations not only provide lavish amenities but also curate unforgettable experiences uniquely connected to the city's vibrant culture. Staying in one of the best hotels in Barcelona offers guests an enhanced getaway, blending exquisite design with breathtaking views. Whether it's enjoying a fine dining experience, unwinding at a spa, or relaxing by a rooftop pool, the choice of luxury accommodations will ensure a memorable stay. Visitors can immerse themselves in both modern elegance and rich history, making each moment spent in these hotels truly special. Let's explore some of the standout luxury choices in this enchanting city.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-arts-barcelona" data-id="1345973" data-lat="41.38716" data-lng="2.1965353"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657011.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15536/1553657/1553657011.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220521.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220522.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220524.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220525.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220527.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220528.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958604.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958621.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586827/1586827451.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534016/1534016605.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534016/1534016626.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534016/1534016689.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656873.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656885.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656909.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656921.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656945.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656957.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656999.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657014.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657023.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657038.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657041.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657062.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657125.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657152.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657161.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657185.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657200.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657206.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657227.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657239.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657257.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657320.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657323.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657335.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657350.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657356.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657359.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657413.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657284.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657392.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657404.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657452.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15166/1516669/1516669561.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15166/1516669/1516669678.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15166/1516669/1516669759.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15166/1516669/1516669768.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15235/1523511/1523511946.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220526.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14087/1408754/1408754918.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958598.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958608.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610220/1610220523.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656840.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656906.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657110.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657302.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534016/1534016668.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656960.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958597.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780259.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657020.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958602.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656903.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657095.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657299.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657329.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14163/1416356/1416356997.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14163/1416366/1416366108.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657089.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612958/1612958588.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13683/1368338/1368338114.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13683/1368340/1368340499.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371353/1371353132.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371353/1371353183.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371360/1371360464.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371360/1371360692.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371362/1371362441.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371367/1371367109.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371367/1371367172.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13724/1372448/1372448201.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377325/1377325832.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377326/1377326990.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13775/1377527/1377527042.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13683/1368339/1368339101.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371363/1371363335.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371367/1371367403.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656879.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13197/1319789/1319789401.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657068.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657143.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657449.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15166/1516669/1516669609.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553657/1553657269.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656912.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15340/1534016/1534016635.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15536/1553656/1553656954.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13713/1371360/1371360389.JPEG" data-image-gallery="galleryhotel-arts-barcelona" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-arts-barcelona" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1398)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="14713">Hotel Arts Barcelona</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Marina 19-21</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Situated right by the beach, Hotel Arts Barcelona is synonymous with luxury and sophistication, featuring stunning views of the Mediterranean Sea. This five-star hotel offers a blend of modern architecture and lavish interiors, making it one of the best hotels in Barcelona. Guests can enjoy the rooftop pool, a full-service spa, and a wide range of dining options, including Michelin-starred restaurants. The hotel’s contemporary art collection further enhances the experience, giving guests a taste of Barcelona's vibrant art scene. With direct access to the city's cultural landmarks, Hotel Arts embodies the perfect fusion of comfort and location. Whether you’re in town for business or leisure, this hotel promises an unforgettable stay. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">52US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="14713" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-sb-glow" data-id="1345991" data-lat="41.401901245117" data-lng="2.1912899017334"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938468/938468503.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9384/938468/938468503.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938468/938468518.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262476.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262389.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262407.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262422.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262425.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262428.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262479.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262488.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262404.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262437.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938468/938468443.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262362.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262365.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262392.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262371.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262380.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262383.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262386.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262401.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262419.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262431.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262440.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262467.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262395.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262413.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262470.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262485.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262398.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262368.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262374.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262443.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262410.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262434.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262446.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262356.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262449.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262359.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262482.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8148/814851/814851524.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262473.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262458.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938468/938468473.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262377.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938468/938468530.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262461.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262464.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262416.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240262/1240262353.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6059/605936/605936163.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6059/605936/605936136.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6059/605936/605936196.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6059/605936/605936223.JPEG" data-image-gallery="galleryhotel-sb-glow" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-sb-glow" > </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600">Hotel SB Glow</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Carrer De Badajoz 148-154</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel SB Glow is located within walking distance of the beach, providing guests with a contemporary escape by the seaside. Recognized as one of the best hotels in Barcelona it offers stylish rooms and a rooftop terrace with stunning city views. Guests can unwind in the health club or take advantage of the nearby beach for sun and recreation. The hotel’s modern amenities and inviting atmosphere make it ideal for those wanting to enjoy Barcelona’s coastal charm. With its proximity to public transportation, visitors can easily explore the city's iconic attractions. Hotel SB Glow beautifully merges city life with beachside relaxation. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">82US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="boutique-charm-at-the-best-hotels-in-barcelona-spain">Boutique Charm at the Best Hotels in Barcelona, Spain</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Barcelona's boutique hotels offer charming and personalized experiences that stand apart from larger hotel chains. These accommodations emphasize unique design, local character, and intimate atmospheres, catering to travelers who seek to immerse themselves in the city's vibe. As some of the best hotels in Barcelona these boutique options often provide customized services, ensuring that every detail of your stay is tailored to your preferences. Whether it's a cozy room with artistic touches or personalized recommendations from the staff, each boutique hotel delivers a memorable experience. Discovering these unique stays can make your trip to Barcelona even more special. Here are a few standout boutique hotels worth considering.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-jazz" data-id="1345992" data-lat="41.38602" data-lng="2.16572"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670421/670421343.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6704/670421/670421343.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12253/1225343/1225343669.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670421/670421040.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670428/670428477.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670422/670422042.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670428/670428795.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670421/670421643.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670421/670421661.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670433/670433343.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099408.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099696.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100044.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100461.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100350.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100575.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473036/1473036805.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670428/670428831.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670425/670425606.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273097/1273097992.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473036/1473036682.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473037/1473037081.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473037/1473037093.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473037/1473037135.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473037/1473037171.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473037/1473037258.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14657/1465744/1465744967.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273098/1273098703.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099891.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473037/1473037066.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273098/1273098874.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099012.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099480.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099648.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099744.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100086.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100128.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100392.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670433/670433487.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099927.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273098/1273098058.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100305.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100008.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099966.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100173.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100506.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670424/670424955.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099555.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099840.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273100/1273100212.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6931/693120/693120648.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874721.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099132.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473036/1473036706.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7324/732470/732470608.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307269/307269960.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7324/732470/732470797.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874856.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874862.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874865.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670425/670425003.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307269/307269952.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5220/522002/522002217.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1563/156399/156399651.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874676.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874688.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874823.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874832.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874835.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874844.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874880.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874883.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874886.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3492/349221/349221592.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307269/307269968.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307269/307269976.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3412/341266/341266765.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3412/341266/341266768.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1208/120862/120862098.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874718.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874826.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874838.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1080/108032/108032808.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1080/108032/108032826.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1048/104820/104820287.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273099/1273099279.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/843/84316/84316010.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273098/1273098541.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874658.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1080/108032/108032817.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6931/693122/693122556.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6931/693117/693117195.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6931/693122/693122604.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6931/693122/693122649.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874715.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874679.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874739.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6931/693117/693117438.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7558/755874/755874664.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473036/1473036958.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473036/1473036874.JPEG" data-image-gallery="galleryhotel-jazz" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-jazz" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (3269)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="90560">Hotel Jazz</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Pelai, 3</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Jazz offers a comfortable stay equipped with family-sized rooms near the bustling Plaça Catalunya. This hotel is praised for its welcoming atmosphere, making it a top choice among the best hotels in Barcelona for families. Its proximity to major attractions like the Gothic Quarter and modern conveniences make it a practical option for exploring the city. Guests can enjoy the spacious rooftop pool, perfect for winding down after a day of adventure. Additionally, the hotel provides complimentary high-speed internet, keeping both parents and kids connected. With its welcoming staff and family-oriented services, Hotel Jazz ensures that families feel right at home. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">182US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="90560" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-1898" data-id="1345993" data-lat="41.383456" data-lng="2.171049"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832955/832955354.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/8329/832955/832955354.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574677/1574677940.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574677/1574677994.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574678/1574678000.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574678/1574678060.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213075.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214932.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218254/218254034.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218266/218266643.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218254/218254037.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218263/218263268.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218266/218266634.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213534.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212586.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214728.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213843.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218262/218262224.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214149.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218254/218254814.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212151.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212541.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214872.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218254/218254805.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212202.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212289.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212316.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212763.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212991.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213324.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213501.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213582.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213639.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213729.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213765.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213807.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213924.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214005.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214113.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214194.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214242.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214320.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214374.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214476.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214626.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214665.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214770.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214818.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214989.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212253.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218254/218254028.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832955/832955507.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832956/832956170.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033973.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033271.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033478.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033520.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033685.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2182/218266/218266646.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473032/1473032629.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473032/1473032779.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832955/832955858.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14657/1465745/1465745390.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033565.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273215/1273215034.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033901.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473032/1473032734.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473032/1473032533.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033004.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473032/1473032671.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832955/832955168.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473033/1473033943.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938629/938629897.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213117.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213462.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273214/1273214284.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832955/832955324.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832955/832955183.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938629/938629831.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14730/1473032/1473032944.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880385.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880757.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880715.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880802.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880034.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880895.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880097.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880334.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880283.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880574.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880850.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808879/808879848.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808880/808880430.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212862.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273213/1273213195.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938414/938414683.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938414/938414635.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8088/808879/808879800.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5219/521939/521939121.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273212/1273212445.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7045/704570/704570884.JPEG" data-image-gallery="galleryhotel-1898" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-1898" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (4243)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="91675">Hotel 1898</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">La Rambla, 109</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Set in a historic tobacco factory, Hotel 1898 encapsulates the essence of Barcelona's vibrant past while providing modern luxury. As one of the best hotels in Barcelona its architecture blends classic elements with contemporary design, creating an inviting atmosphere. Guests can relax in the rooftop garden or enjoy a meal at the hotel's restaurant that serves local dishes. The hotel's prime location along La Rambla places visitors at the center of cultural attractions. Rooms are elegantly designed, adding to the overall sense of charm and history. Hotel 1898 is a remarkable place for travelers who appreciate both luxury and heritage. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">326US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="91675" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="family-friendly-accommodations-at-the-best-hotels-in-barcelona-spain">Family-Friendly Accommodations at the Best Hotels in Barcelona, Spain</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can be a rewarding experience, and choosing the right hotel is vital for a harmonious stay. Many family-friendly hotels in Barcelona cater to travelers of all ages, providing amenities and activities that ensure everyone enjoys their time away. The best hotels in Barcelona for families often feature spacious suites, kid-friendly dining options, and location advantages near major attractions. With comfort and convenience in mind, finding the right hotel can make all the difference in creating lasting family memories. Explore these family-friendly accommodations that are sure to meet everyone's needs.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hostal-radio-barcelona" data-id="1345994" data-lat="41.3823" data-lng="2.16409"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005317/1005317929.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10053/1005317/1005317929.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005317/1005317944.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006638/1006638220.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006638/1006638697.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006638/1006638817.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006639/1006639555.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005317/1005317887.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006638/1006638058.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006639/1006639597.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005318/1005318292.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006639/1006639471.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005318/1005318136.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006639/1006639306.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006637/1006637578.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005317/1005317959.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006637/1006637632.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686091/686091840.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686091/686091888.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686091/686091969.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686092/686092050.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686092/686092404.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686092/686092500.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686092/686092569.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686093/686093151.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686093/686093220.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006637/1006637827.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686093/686093331.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006638/1006638715.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006638/1006638670.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686093/686093412.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10066/1006639/1006639501.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453217.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6860/686094/686094207.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453225.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453133.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453145.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453153.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453161.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453169.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453177.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453185.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453193.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453201.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453209.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453233.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453241.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453253.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453261.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453269.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453277.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453285.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2384/238453/238453293.JPEG" data-image-gallery="galleryhostal-radio-barcelona" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hostal-radio-barcelona" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (5455)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="311333">Hostal Radio Barcelona</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Sant Vicenc, 39</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hostal Radio Barcelona is a cozy, budget-friendly guesthouse located in the center of the city. Offering clean, comfortable rooms with modern amenities, it stands strong among the best hotels in Barcelona for travelers seeking affordability. Guests praise its welcoming atmosphere and attentive staff, ensuring a pleasant experience. Conveniently situated near public transport, visitors can easily access major attractions and local markets. The hostal’s décor features artistic touches, giving it a unique flair reflective of the city's creative spirit. At Hostal Radio, you can enjoy a memorable stay without overspending. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">83US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="311333" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="eurohotel-diagonal-port" data-id="1346008" data-lat="41.400784" data-lng="2.208751"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11258/1125859/1125859608.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11258/1125859/1125859608.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13593/1359364/1359364721.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363862/1363862951.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363863/1363863020.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363863/1363863035.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363863/1363863074.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363865/1363865366.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363865/1363865393.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363865/1363865402.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363865/1363865438.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363865/1363865453.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363865/1363865468.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866053.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866485.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866569.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866593.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868414.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868489.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868504.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869653.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869710.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869746.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162875/1162875534.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184944.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866533.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162875/1162875459.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868399.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868441.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162869/1162869648.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11258/1125860/1125860694.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11258/1125861/1125861267.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11258/1125856/1125856833.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869731.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869665.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273185/1273185508.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869683.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866584.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6636/663653/663653055.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866497.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363869/1363869695.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273185/1273185454.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363868/1363868456.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273185/1273185085.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436430/1436430376.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436432/1436432149.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436434/1436434327.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273185/1273185349.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208014/1208014456.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208014/1208014624.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208014/1208014852.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208014/1208014951.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208014/1208014999.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208015/1208015104.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208015/1208015164.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208016/1208016385.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363866/1363866551.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162877/1162877205.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184350.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184407.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162873/1162873668.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363878/1363878746.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436435/1436435041.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436435/1436435341.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436435/1436435806.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436436/1436436511.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436437/1436437012.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436437/1436437273.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436438/1436438542.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436438/1436438659.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436439/1436439553.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162869/1162869603.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162875/1162875519.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162877/1162877277.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162870/1162870872.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162873/1162873689.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162873/1162873704.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11258/1125857/1125857535.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184317.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408463/1408463228.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14364/1436434/1436434495.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408463/1408463267.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408984/1408984526.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408463/1408463246.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11525/1152580/1152580083.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11525/1152580/1152580167.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11525/1152580/1152580347.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923658/923658958.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923659/923659276.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162875/1162875444.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273185/1273185037.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408463/1408463195.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184629.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273185/1273185274.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184473.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184584.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273184/1273184119.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307263/307263032.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12080/1208016/1208016646.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363862/1363862993.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2178/217800/217800104.JPEG" data-image-gallery="galleryeurohotel-diagonal-port" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="eurohotel-diagonal-port" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (5813)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="90292">Eurohotel Diagonal Port</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Lope De Vega 4</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Eurohotel Diagonal Port is perfectly situated near the beach, offering guests the chance to indulge in seaside activities without sacrificing city access. As one of the best hotels in Barcelona it features comfortable accommodations with scenic views of the coastline. Guests can take advantage of the hotel's outdoor swimming pool and proximity to the beach for a truly relaxed experience. Popular attractions, such as the Olympic Port and Parc de la Ciutadella, are within walking distance, making it easy to explore. The on-site restaurant serves delicious Mediterranean fare, enhancing the beachside experience. Eurohotel Diagonal Port is where comfort meets coastal enjoyment. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">69US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="90292" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-friendly-stays-at-the-best-hotels-in-barcelona-spain">Budget-Friendly Stays at the Best Hotels in Barcelona, Spain</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Finding affordable accommodations in a vibrant city like Barcelona can be a challenge, but there are plenty of budget-friendly options that don’t sacrifice quality. Many economical hotels excel at providing comfort, convenience, and excellent service, making them some of the best hotels in Barcelona. These establishments often feature shared amenities, cozy rooms, and prime locations, allowing you to save money for your adventures. Travelers can discover charming areas of the city while enjoying a welcoming atmosphere without breaking the bank. Here's a selection of affordable hotels that ensure an enjoyable and budget-conscious stay.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hostal-europa" data-id="1346025" data-lat="41.38154" data-lng="2.17438"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658754.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/696/69658/69658754.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9615/961503/961503811.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658733.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658745.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658748.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658724.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658739.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/696/69658/69658730.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/642/64262/64262785.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/642/64262/64262797.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/669/66925/66925612.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/665/66521/66521494.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/665/66521/66521500.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/669/66909/66909910.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/665/66521/66521506.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/669/66909/66909922.JPEG" data-image-gallery="galleryhostal-europa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hostal-europa" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (6879)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="16706">Hostal Europa</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">1</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Carrer De La Boqueria,18 Traslados</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Situated just steps from popular travel hubs, Hostal Europa provides budget-conscious travelers with a fantastic location and warm hospitality. Known for its friendly service, this guesthouse offers a range of comfortable accommodations, making it a notable option among the best hotels in Barcelona. The rooms are simple and well-equipped, ensuring an enjoyable retreat after a day of exploration. Guests can take advantage of nearby restaurants and shops, relishing the vibrant local atmosphere. Its proximity to landmark sites like Las Ramblas makes it a convenient choice for sightseeing. Hostal Europa is the perfect place for those looking for value and accessibility. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">49US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="16706" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="kimpton-vividora-hotel-an-ihg-hotel" data-id="1346026" data-lat="41.38466" data-lng="2.17293"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4145/414533/414533718.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/4145/414533/414533718.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432093/1432093540.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273022/1273022218.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12729/1272999/1272999700.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432111/1432111675.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432112/1432112398.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432104/1432104961.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432090/1432090120.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432104/1432104253.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273055/1273055233.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273037/1273037314.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273038/1273038604.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273050/1273050409.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273022/1273022512.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273045/1273045249.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273044/1273044565.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432097/1432097710.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432090/1432090897.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432110/1432110379.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432104/1432104760.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432087/1432087834.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432088/1432088347.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432091/1432091710.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432094/1432094722.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432095/1432095754.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432096/1432096804.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432098/1432098337.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432105/1432105225.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432106/1432106248.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432107/1432107328.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432107/1432107565.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432107/1432107784.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432108/1432108825.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432109/1432109851.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273012/1273012480.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432098/1432098070.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273001/1273001785.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273001/1273001989.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273006/1273006738.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273013/1273013233.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273014/1273014274.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273043/1273043722.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273046/1273046830.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273048/1273048069.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273054/1273054249.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273053/1273053487.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273053/1273053760.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273054/1273054468.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432098/1432098205.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273050/1273050631.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273050/1273050886.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273044/1273044772.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432102/1432102174.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432105/1432105999.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273026/1273026334.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273011/1273011712.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432091/1432091980.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273007/1273007893.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432097/1432097572.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273025/1273025542.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432096/1432096564.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273009/1273009420.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432106/1432106305.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432100/1432100917.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371283/1371283772.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371289/1371289775.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371290/1371290117.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371293/1371293579.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371297/1371297044.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13716/1371699/1371699356.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371705/1371705179.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371709/1371709070.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371709/1371709931.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371709/1371709943.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371711/1371711440.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371718/1371718136.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13712/1371294/1371294011.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13717/1371706/1371706427.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432090/1432090636.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432091/1432091395.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432093/1432093729.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432094/1432094077.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432095/1432095250.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432096/1432096273.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432099/1432099081.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14320/1432099/1432099348.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432101/1432101679.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14321/1432110/1432110151.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273040/1273040224.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12690/1269068/1269068344.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12690/1269059/1269059770.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273042/1273042237.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273046/1273046323.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047214.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047403.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273047/1273047817.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273053/1273053298.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162847/1162847997.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11628/1162842/1162842729.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12690/1269061/1269061912.JPEG" data-image-gallery="gallerykimpton-vividora-hotel-an-ihg-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="kimpton-vividora-hotel-an-ihg-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2761)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="5302169">Kimpton Vividora Hotel, An IHG Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Carrer Del Duc, 15</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Located in the heart of the Gothic Quarter, Kimpton Vividora Hotel offers a vibrant and artistic experience for its guests. This boutique hotel features chic, modern design with Spanish flair, making it one of the best hotels in Barcelona for those seeking a stylish getaway. Guests can take advantage of its rooftop terrace with panoramic city views or enjoy themed weekend brunches. The hotel is pet-friendly, emphasizing Kimpton's commitment to making every guest feel at home. With a bustling environment and nearby attractions, the hotel's location adds to its charm. Kimpton Vividora is ideal for travelers wanting to experience Barcelona's lively spirit in an elegant setting. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">113US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="5302169" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="trendy-and-modern-hotels-at-the-best-hotels-in-barcelona-spain">Trendy and Modern Hotels at the Best Hotels in Barcelona, Spain</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers looking to immerse themselves in contemporary aesthetics and modern amenities, Barcelona offers a variety of trendy hotels that embody the spirit of the city. These accommodations often showcase cutting-edge design, innovative services, and vibrant atmospheres, all while maintaining high standards of comfort. As some of the best hotels in Barcelona these trendy options cater to the tech-savvy traveler and are ideal for those wishing to experience the latest in hospitality. Their prime locations and excellent services make these hotels a perfect base for exploring Barcelona’s unique blend of history and modernity. Dive into some of the most stylish options that the city has to offer.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="cotton-house-hotel-autograph-collection" data-id="1346030" data-lat="41.391749058284" data-lng="2.1718041387272"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13550/1355062/1355062901.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13550/1355062/1355062901.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15002/1500287/1500287098.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615683/1615683118.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615683/1615683119.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615683/1615683120.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615683/1615683121.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608308/1608308794.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460531.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460615.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460624.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460642.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357461/1357461791.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357461/1357461875.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357461/1357461914.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462148.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462232.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462247.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462526.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462679.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462700.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462727.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462754.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463669.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463711.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463771.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463867.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463885.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471307.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471364.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471418.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15002/1500287/1500287116.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15002/1500287/1500287086.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471433.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979550/979550260.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460540.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471451.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460606.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460612.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463849.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979548/979548850.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608308/1608308791.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462583.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460588.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979548/979548235.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460609.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15002/1500287/1500287023.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463600.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463558.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979552/979552324.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979552/979552306.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608308/1608308796.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357461/1357461836.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979552/979552000.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471187.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12956/1295641/1295641918.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460576.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750503.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462817.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463969.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410749/1410749933.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410749/1410749969.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750113.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750002.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750035.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750284.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750335.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750410.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750452.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750074.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409022/1409022950.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750152.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6875/687536/687536037.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750197.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014378/1014378952.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014379/1014379000.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014380/1014380044.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014380/1014380221.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014378/1014378331.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014378/1014378517.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014380/1014380680.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014380/1014380854.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014382/1014382426.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014378/1014378709.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750242.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7597/759721/759721241.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357460/1357460570.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7597/759720/759720893.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357461/1357461806.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471175.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014378/1014378760.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357471/1357471103.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357462/1357462541.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463696.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357463/1357463585.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014378/1014378658.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10143/1014382/1014382144.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357461/1357461779.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3385/338511/338511913.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9795/979552/979552015.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3584/358401/358401031.JPEG" data-image-gallery="gallerycotton-house-hotel-autograph-collection" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="cotton-house-hotel-autograph-collection" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (90)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="1291291">Cotton House Hotel, Autograph Collection</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Gran Via De Les Corts Catalanes, 670</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Housed in a former cotton workshop, the Cotton House Hotel beautifully marries history with contemporary luxury. This hotel is characterized by its stylish design, plush furnishings, and a warm, inviting atmosphere, establishing it as one of the best hotels in Barcelona. Guests can relax in its elegant library or take a dip in the rooftop pool while enjoying stunning views of the city. The hotel also offers personalized services, ensuring that each guest feels pampered during their stay. Dining at the hotel's restaurant provides a taste of local flavors, crafted with fresh ingredients sourced from nearby markets. The Cotton House is perfect for those seeking a unique blend of tradition and luxury in the lively heart of Barcelona. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">405US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="1291291" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="ofelias-hotel-4sup-by-bondia-hotel-group" data-id="1346035" data-lat="41.37673" data-lng="2.15001"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034944.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12730/1273034/1273034944.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034704.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035031.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035202.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034626.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034794.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035577.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035727.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035892.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035979.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033768.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035454.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033993.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035670.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035820.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035121.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033114.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035388.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033273.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033498.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272501/272501117.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272502/272502545.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272504/272504497.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1408/140891/140891205.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4005/400565/400565739.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272502/272502653.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272503/272503049.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033030.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034437.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1408/140891/140891334.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034224.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034389.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034875.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272502/272502217.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034503.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034551.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273035/1273035316.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272501/272501293.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272509/272509121.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3052/305260/305260806.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759740.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033579.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273033/1273033837.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266832.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759764.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759772.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266864.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266976.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3697/369794/369794686.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266968.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/954/95480/95480189.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3052/305260/305260791.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273032/1273032898.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759752.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266856.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759756.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11703/1170399/1170399406.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5886/588626/588626706.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2284/228443/228443225.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2284/228443/228443180.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/954/95480/95480153.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692580/692580189.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692580/692580288.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273032/1273032817.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/954/95480/95480171.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266912.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1697/169770/169770294.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266808.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266936.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266800.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266952.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692578/692578425.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692577/692577981.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1697/169770/169770105.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1473/147366/147366875.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266824.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692577/692577573.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2905/290592/290592264.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692578/692578644.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/299/29915/29915138.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/954/95480/95480135.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692578/692578320.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692577/692577744.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1055/105536/105536606.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/954/95480/95480207.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759748.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1697/169770/169770333.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3047/304759/304759768.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692579/692579373.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692577/692577816.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692578/692578062.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2725/272504/272504329.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2905/290592/290592172.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12730/1273034/1273034113.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2905/290592/290592216.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307266/307266928.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2905/290592/290592180.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6925/692580/692580021.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1697/169770/169770360.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/299/29915/29915135.JPEG" data-image-gallery="galleryofelias-hotel-4sup-by-bondia-hotel-group" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="ofelias-hotel-4sup-by-bondia-hotel-group" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2261)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="350875">Ofelias Hotel 4Sup By Bondia Hotel Group</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Carrer De Llanca, 24</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ofelias Hotel fuses elegance with modern comfort, providing an intimate ambiance that's hard to beat. As one of the best hotels in Barcelona it boasts stylish, well-appointed rooms with a focus on relaxation and design. Guests are welcomed by a lush indoor garden and can enjoy amenities such as a swimming pool and saunas for their leisure. Its strategic location near the bustling city center ensures that visitors are never far from Barcelona's renowned attractions and nightlife. The hotel is committed to sustainability, utilizing eco-friendly practices that will appeal to conscientious travelers. With excellent service and attention to detail, Ofelias Hotel is a fantastic choice for boutique enthusiasts. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">125US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="350875" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="seaside-retreats-at-the-best-hotels-in-barcelona-spain">Seaside Retreats at the Best Hotels in Barcelona, Spain</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Barcelona is blessed with a beautiful Mediterranean coastline, making it an ideal destination for travelers who cherish beachside experiences. The seaside hotels in the city not only offer stunning waterfront views but also ensure easy access to sun and sand. As some of the best hotels in Barcelona with seaside locations, these hotels provide amenities that emphasize relaxation and leisure. Whether it's lounging by the beach, enjoying water sports, or savoring seaside dining, these hotels create the ultimate retreat for beach lovers. Explore our selection of seaside accommodations that encapsulate the spirit of coastal living in Barcelona.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="gaudi-hotel" data-id="1346041" data-lat="41.37894" data-lng="2.17404"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169947.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12731/1273169/1273169947.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273167/1273167955.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589252/1589252156.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273167/1273167910.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11286/1128673/1128673833.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11286/1128673/1128673845.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11004/1100480/1100480604.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11005/1100501/1100501922.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11005/1100502/1100502390.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103211/1103211471.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169863.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168714.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168894.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7926/792639/792639291.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273167/1273167427.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168252.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168654.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168954.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169275.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169353.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169416.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169530.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169614.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169683.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11286/1128673/1128673857.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168297.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4172/417218/417218004.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168786.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431851/1431851734.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273167/1273167469.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168603.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168843.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169092.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431852/1431852040.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431851/1431851386.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9749/974987/974987407.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226911/1226911001.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169473.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431851/1431851530.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11286/1128673/1128673824.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169794.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169221.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8301/830176/830176295.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589253/1589253187.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226911/1226911292.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11004/1100480/1100480121.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11005/1100521/1100521965.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913764/913764967.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913765/913765123.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913765/913765204.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913765/913765294.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273167/1273167370.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168105.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8301/830178/830178368.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226910/1226910716.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431853/1431853681.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168165.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273167/1273167784.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168525.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431851/1431851797.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589255/1589255360.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168078.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8301/830177/830177060.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610454.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273168/1273168564.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4488/448828/448828962.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14318/1431851/1431851935.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610451.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610508.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610466.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610526.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610514.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610490.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610460.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913765/913765042.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12534/1253412/1253412973.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8301/830177/830177876.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5219/521988/521988948.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226910/1226910785.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610448.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610484.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4488/448829/448829007.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4693/469316/469316976.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3492/349220/349220338.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3492/349220/349220335.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3492/349220/349220341.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3492/349220/349220329.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3492/349220/349220326.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307254/307254616.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307254/307254608.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307254/307254640.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3072/307254/307254600.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3740/374031/374031166.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3740/374031/374031178.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226910/1226910890.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12269/1226910/1226910755.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1080/108023/108023049.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11586/1158610/1158610475.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2018/201860/201860107.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2018/201859/201859945.JPEG" data-image-gallery="gallerygaudi-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="gaudi-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (7284)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="92698">Gaudi Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Nou De La Rambla, 12</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Gaudi Hotel offers an authentic Barcelona experience within a short stroll from the iconic Sagrada Familia. Renowned among the best hotels in Barcelona it features a unique design influenced by the artistic works of Antoni Gaudí. Guests can explore the surrounding area filled with architectural wonders and local attractions. The hotel houses spacious rooms that provide comfort and warmth, reflecting the city’s artistic spirit. Its restaurant offers Spanish cuisine, allowing visitors to indulge in local flavors. Gaudi Hotel merges historical elegance with modern amenities, making it ideal for those seeking to experience the city’s cultural richness. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">126US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="92698" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/alicante-hotels">Alicante</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/girona-hotels">Girona</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/cadiz-hotels">Cadiz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/magaluf-mallorca-hotels">Magaluf (Mallorca)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/sitges-hotels">Sitges</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/torremolinos-hotels">Torremolinos</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/bilbao-hotels">Bilbao</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/marbella-hotels">Marbella</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/granada-hotels">Granada</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/santa-ponsa-hotels">Santa Ponsa</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/benalmadena-hotels">Benalmadena</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/nerja-hotels">Nerja</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/bridgeport-hotels-wv">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/glasgow-hotels">Glasgow</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-moritz-hotels">St. Moritz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels-tn">Jackson</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-spotify-camp-nou">Spotify Camp Nou</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-casa-batllo">Casa Batlló</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-barcelona-international-convention-center">Barcelona International Convention Center</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-park-gueell">Park Güell</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-barceloneta-beach">Barceloneta Beach</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-barcelona-sants-railway-station">Barcelona Sants Railway Station</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-port-vell">Port Vell</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-port-olimpic">Port Olimpic</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-picasso-museum">Picasso Museum</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-near-placa-de-catalunya-train-station">Plaça de Catalunya Train Station</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-gothic-quarter">Gothic Quarter</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-ciutat-vella">Ciutat Vella</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-hotels-raval">Raval</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Barcelona</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Barcelona</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-self-catering">aparthotels in barcelona</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-hostels">barcelona hostels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-bed-and-breakfast">bed and breakfast in barcelona</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-central-hotels">hotels in barcelona city centre</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-beach-hotels">barcelona hotels on the beach</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-hotels-with-pool">barcelona hotels with pool</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-family-hotels">barcelona family hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-4-star-hotels">4 star hotels in barcelona</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-romantic-hotels">romantic hotels in barcelona</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-pet-friendly-hotels">pet friendly hotels barcelona</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-3-star-hotels">barcelona 3 star hotel</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-boutique-hotels">boutique hotel barcelona</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/barcelona-hotels-near-bcn">barcelona airport hotels</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"nf1lk9GsvX3sGi8x"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-372490","dest_name":"Barcelona","city_id":45,"pid":706902,"page":"post","bid":"-372490"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

Best Hotels in Barcelona, Spain from 24US$/night