2025 Meilleurs hôtels à Alfama, Lisboa à partir de 77€

<!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="Niché dans le quartier historique d'Alfama, le Hotel Alfama Lisbonne est bien plus qu'un simple lieu de séjour ; c'est une invitation à découvrir"> <title> 2025 Meilleurs hôtels à Alfama, Lisboa à partir de 77€</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/fr/lisboa-hotels-alfama" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="website" /> <meta property="og:title" content=" 2025 Meilleurs hôtels à Alfama, Lisboa à partir de 77€" /> <meta property="og:url" content="https://touristvr.com/fr/" /> <meta property="og:site_name" content="Virtual Tourist" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/lisbon-hotels-makati" title="English"> <link rel="alternate" hreflang="en-IE" type="text/html" href="https://touristvr.com/ie/lisbon-hotels-lisbon-city-centre" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/lisbon-hotels-lisbon-city-centre" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/lisbon-hotels-lisbon-old-town" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/lisbon-hotels-bairro-alto" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/lisbon-hotels-baixa-chiado" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/lisbon-hotels-av-liberdade" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/lisbon-hotels-belem" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/lisbon-hotels-lisbon-city-centre" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/lisbon-hotels-belem" title="English"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/lisboa-hotels-centre-de-lisbonne" title="Français"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/lisboa-hotels-alfama" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/lisboa-hoteles-centro-de-lisboa" title="Español"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/lisboa-hoteles-belem" title="Español"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/lisboa-hoteles-avenida-da-liberdade" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/lisbona-hotel-belem" title="Italiano"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/lisbona-hotel-alfama" title="Italiano"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/lissabon-hotels-lissabon-centrum" title="Nederlands"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/lisboa-hoteis-alfama" title="Português"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/lisboa-hoteis-alcantara" title="Português"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/lisboa-hoteis-parque-das-nacoes" title="Português"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/lisboa-hoteis-santa-clara" title="Português"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/lisboa-hoteis-centro-de-lisboa" title="Português"> <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-Bby2Xo7-.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-Bby2Xo7-.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" : "105€", "address": { "@type": "PostalAddress", "streetAddress": "Rua Costa Do Castelo, 126" }, "name": "Olissippo Castelo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "200€", "address": { "@type": "PostalAddress", "streetAddress": "Travessa Das Merceeiras 27" }, "name": "Memmo Alfama Hotel" }, { "@type": "Hotel", "priceRange" : "83€", "address": { "@type": "PostalAddress", "streetAddress": "Rua São José 140, 2º floor" }, "name": "Mett Lisboa Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "366€", "address": { "@type": "PostalAddress", "streetAddress": "Rua Da Oliveira Ao Carmo, 8" }, "name": "Lisboa Pessoa Hotel" }, { "@type": "Hotel", "priceRange" : "74€", "address": { "@type": "PostalAddress", "streetAddress": "Escolas Gerais 3, Patio Dos Quintalinhos 1" }, "name": "Alfama Patio Hostel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "276€", "address": { "@type": "PostalAddress", "streetAddress": "Rua De Santa Catarina 17" }, "name": "Monte Belvedere by Shiadu" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "123€", "address": { "@type": "PostalAddress", "streetAddress": "Rua Das Cozinhas 2 (Ao Castelo)" }, "name": "Solar do Castelo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "1138€", "address": { "@type": "PostalAddress", "streetAddress": "Rua Rodrigo Da Fonseca, 88" }, "name": "Four Seasons Hotel Ritz Lisbon" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "354€", "address": { "@type": "PostalAddress", "streetAddress": "Praca Do Comercio 31-34" }, "name": "Pousada de Lisboa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "174€", "address": { "@type": "PostalAddress", "streetAddress": "Rua Portas De Santo Antao 88" }, "name": "Lisbon Wine Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "229€", "address": { "@type": "PostalAddress", "streetAddress": "Tv. Salitre / Avd. Liberdade" }, "name": "Hotel Lisbon Plaza" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "313€", "address": { "@type": "PostalAddress", "streetAddress": "Avenida Da Liberdade, 185" }, "name": "Tivoli Avenida Liberdade Lisboa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "85€", "address": { "@type": "PostalAddress", "streetAddress": "Rua Do Salvador, 2 B" }, "name": "Hotel Convento do Salvador" } ] } </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/fr/" title="title" rel="home">Virtual Tourist</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/fr.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">Sélectionner la langue</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/gb/lisbon-hotels-makati" 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/ie/lisbon-hotels-lisbon-city-centre" 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/ie.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IE</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/lisbon-hotels-lisbon-city-centre" 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/gb/lisbon-hotels-lisbon-old-town" 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/en-us/lisbon-hotels-bairro-alto" 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/us.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">US</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/en-us/lisbon-hotels-baixa-chiado" 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/us.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">US</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/en-us/lisbon-hotels-av-liberdade" 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/us.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">US</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/gb/lisbon-hotels-belem" 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/gb/lisbon-hotels-lisbon-city-centre" 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/en-us/lisbon-hotels-belem" 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/us.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">US</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/es/lisboa-hoteles-centro-de-lisboa" 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/es/lisboa-hoteles-belem" 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/es/lisboa-hoteles-avenida-da-liberdade" 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/lisbona-hotel-belem" 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/it/lisbona-hotel-alfama" 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/be/lissabon-hotels-lissabon-centrum" 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 ">Nederlands</span> </a> <a href="https://touristvr.com/pt/lisboa-hoteis-alfama" 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/pt/lisboa-hoteis-alcantara" 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/pt/lisboa-hoteis-parque-das-nacoes" 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/pt/lisboa-hoteis-santa-clara" 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/pt/lisboa-hoteis-centro-de-lisboa" 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> </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; } .mob-map-toggle-btn.show { .mob-map-toggle-btn-show { display: none; } .mob-map-toggle-btn-hide { display: flex; } } </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/23.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/23.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">Hôtels à Alfama, Lisboa</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 Hôtels à Alfama, Lisboa, 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">Lisboa</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"> avr. 03, 2025 - avr. 04, 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 adultes, 1 chambre</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"> Trouver <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/fr/'>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/fr/portugal-hotels/'>Portugal Hôtels</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">Hôtels à Alfama, Lisboa</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">Prix par nuit:</span> <span class="hidden md:inline">Prix / nuit</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">Jusqu’à 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">De $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">Evaluation:</span> <span class="hidden md:inline">Note des clients</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">Très bon 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">Bon 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">Toutes les notes</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">Classement par étoiles:</span> <span class="hidden md:inline">Classement par étoiles</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">Non classé</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="mama-shelter-lisboa" data-bhotel-id="mama-shelter-lisboa" data-name = "Mama Shelter Lisboa" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16093/1609382/1609382187.JPEG" data-lat="38.720899" data-lng="-9.152524" data-price = "92€" data-link = "https://touristvr.com/fr/hotel-mama-shelter-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7588508" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16093/1609382/1609382187.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16093/1609382/1609382188.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16093/1609382/1609382189.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16093/1609382/1609382187.JPEG" alt="" loading="lazy" data-bhotel-id="7588508" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (153)</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/fr/hotel-mama-shelter-lisboa" 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">Mama Shelter Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">92€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7588508" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="jupiter-lisboa-hotel" data-bhotel-id="jupiter-lisboa-hotel" data-name = "Jupiter Lisboa Hotel" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15975/1597578/1597578693.JPEG" data-lat="38.739551" data-lng="-9.1459" data-price = "108€" data-link = "https://touristvr.com/fr/jupiter-lisboa-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1173330" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15975/1597578/1597578693.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274394/1274394430.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274391/1274391121.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15975/1597578/1597578693.JPEG" alt="" loading="lazy" data-bhotel-id="1173330" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (460)</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/fr/jupiter-lisboa-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">Jupiter Lisboa 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">108€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1173330" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-convento-do-salvador" data-bhotel-id="hotel-convento-do-salvador" data-name = "Hotel Convento Do Salvador" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/4342/434203/434203539.JPEG" data-lat="38.7130699157715" data-lng="-9.13002967834473" data-price = "162€" data-link = "https://touristvr.com/fr/hotel-convento-do-salvador-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1508558" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4342/434203/434203539.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15882/1588243/1588243752.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11792/1179253/1179253930.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4342/434203/434203539.JPEG" alt="" loading="lazy" data-bhotel-id="1508558" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (401)</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/fr/hotel-convento-do-salvador-lisboa" 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 Convento Do Salvador</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">162€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1508558" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="novotel-lisboa" data-bhotel-id="novotel-lisboa" data-name = "Novotel Lisboa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15854/1585461/1585461151.JPEG" data-lat="38.73652" data-lng="-9.16209" data-price = "77€" data-link = "https://touristvr.com/fr/novotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39267" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15854/1585461/1585461151.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16352/1635245/1635245311.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274458/1274458978.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15854/1585461/1585461151.JPEG" alt="" loading="lazy" data-bhotel-id="39267" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (704)</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/fr/novotel-lisboa" 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">Novotel Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39267" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="neya-lisboa-hotel" data-bhotel-id="neya-lisboa-hotel" data-name = "Neya Lisboa Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/2920/292044/292044800.JPEG" data-lat="38.72934262" data-lng="-9.14052844" data-price = "94€" data-link = "https://touristvr.com/fr/neya-lisboa-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="328752" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/2920/292044/292044800.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/3532/353226/353226508.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7902/790249/790249764.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/2920/292044/292044800.JPEG" alt="" loading="lazy" data-bhotel-id="328752" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (504)</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/fr/neya-lisboa-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">Neya Lisboa 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">94€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="328752" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="radisson-blu-hotel-lisbon" data-bhotel-id="radisson-blu-hotel-lisbon" data-name = "Radisson Blu Hotel Lisbon" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12744/1274477/1274477596.JPEG" data-lat="38.759487" data-lng="-9.153765" data-price = "92€" data-link = "https://touristvr.com/fr/radisson-blu-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39326" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274477/1274477596.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274478/1274478547.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274478/1274478133.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12744/1274477/1274477596.JPEG" alt="" loading="lazy" data-bhotel-id="39326" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (1431)</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/fr/radisson-blu-hotel-lisboa" 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">Radisson Blu Hotel Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">92€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39326" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="corinthia-lisbon" data-bhotel-id="corinthia-lisbon" data-name = "Corinthia Lisbon" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12495/1249515/1249515457.JPEG" data-lat="38.73894" data-lng="-9.16629" data-price = "181€" data-link = "https://touristvr.com/fr/hotel-corinthia-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38776" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12495/1249515/1249515457.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274443/1274443225.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15968/1596864/1596864048.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12495/1249515/1249515457.JPEG" alt="" loading="lazy" data-bhotel-id="38776" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (2242)</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/fr/hotel-corinthia-lisboa" 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">Corinthia Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">181€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38776" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-lisboa" data-bhotel-id="hotel-lisboa" data-name = "Hotel Lisboa" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15163/1516398/1516398544.JPEG" data-lat="38.72229" data-lng="-9.14649" data-price = "77€" data-link = "https://touristvr.com/fr/hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38688" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15163/1516398/1516398544.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15163/1516398/1516398604.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15880/1588035/1588035505.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15163/1516398/1516398544.JPEG" alt="" loading="lazy" data-bhotel-id="38688" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (900)</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/fr/hotel-lisboa" 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 Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38688" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-white-lisboa" data-bhotel-id="hotel-white-lisboa" data-name = "Hotel White Lisboa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/7626/762696/762696844.JPEG" data-lat="38.73489" data-lng="-9.14546" data-price = "143€" data-link = "https://touristvr.com/fr/hotel-white-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1981838" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7626/762696/762696844.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16002/1600259/1600259628.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16002/1600259/1600259627.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7626/762696/762696844.JPEG" alt="" loading="lazy" data-bhotel-id="1981838" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (283)</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/fr/hotel-white-lisboa" 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 White Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">143€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1981838" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-florida" data-bhotel-id="hotel-florida" data-name = "Hotel Florida" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15903/1590333/1590333733.JPEG" data-lat="38.7237974982529" data-lng="-9.15018975734711" data-price = "119€" data-link = "https://touristvr.com/fr/hotel-florida-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38556" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590333/1590333733.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590333/1590333723.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590333/1590333734.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15903/1590333/1590333733.JPEG" alt="" loading="lazy" data-bhotel-id="38556" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (536)</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/fr/hotel-florida-lisboa" 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 Florida</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">119€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38556" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ibis-styles-lisboa-centro-marques-de-pombal" data-bhotel-id="ibis-styles-lisboa-centro-marques-de-pombal" data-name = "Ibis Styles Lisboa Centro Marquês de Pombal" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12742/1274224/1274224996.JPEG" data-lat="38.72790093" data-lng="-9.14865285" data-price = "36€" data-link = "https://touristvr.com/fr/hotel-ibis-styles-lisboa-centro-marques-de-pombal" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38829" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12742/1274224/1274224996.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15830/1583064/1583064704.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15830/1583064/1583064720.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12742/1274224/1274224996.JPEG" alt="" loading="lazy" data-bhotel-id="38829" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (780)</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/fr/hotel-ibis-styles-lisboa-centro-marques-de-pombal" 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">Ibis Styles Lisboa Centro Marquês de Pombal</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">36€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38829" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="lux-lisboa-park" data-bhotel-id="lux-lisboa-park" data-name = "Lux Lisboa Park" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16294/1629427/1629427691.JPEG" data-lat="38.72758396" data-lng="-9.15850729" data-price = "210€" data-link = "https://touristvr.com/fr/hotel-lux-lisboa-park" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1498618" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16294/1629427/1629427691.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274472/1274472682.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274472/1274472838.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16294/1629427/1629427691.JPEG" alt="" loading="lazy" data-bhotel-id="1498618" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (454)</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/fr/hotel-lux-lisboa-park" 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">Lux Lisboa Park</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">210€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1498618" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="dom-pedro-lisboa" data-bhotel-id="dom-pedro-lisboa" data-name = "Dom Pedro Lisboa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15861/1586103/1586103670.JPEG" data-lat="38.72447" data-lng="-9.16041" data-price = "218€" data-link = "https://touristvr.com/fr/hotel-dom-pedro-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38649" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15861/1586103/1586103670.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15861/1586103/1586103622.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15861/1586103/1586103651.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15861/1586103/1586103670.JPEG" alt="" loading="lazy" data-bhotel-id="38649" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (586)</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/fr/hotel-dom-pedro-lisboa" 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">Dom Pedro Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">218€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38649" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="legendary-lisboa-suites" data-bhotel-id="legendary-lisboa-suites" data-name = "Legendary Lisboa Suites" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15163/1516375/1516375183.JPEG" data-lat="38.722446" data-lng="-9.152791" data-price = "92€" data-link = "https://touristvr.com/fr/legendary-lisboa-suites" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39378" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15163/1516375/1516375183.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274399/1274399281.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274399/1274399467.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15163/1516375/1516375183.JPEG" alt="" loading="lazy" data-bhotel-id="39378" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (607)</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/fr/legendary-lisboa-suites" 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">Legendary Lisboa Suites</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">92€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39378" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="iberostar-selection-lisboa" data-bhotel-id="iberostar-selection-lisboa" data-name = "Iberostar Selection Lisboa" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12955/1295562/1295562424.JPEG" data-lat="38.724097" data-lng="-9.15246" data-price = "182€" data-link = "https://touristvr.com/fr/hotel-iberostar-selection-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2578749" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12955/1295562/1295562424.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15231/1523129/1523129560.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15369/1536929/1536929389.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12955/1295562/1295562424.JPEG" alt="" loading="lazy" data-bhotel-id="2578749" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (288)</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/fr/hotel-iberostar-selection-lisboa" 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">Iberostar Selection Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">182€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2578749" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="upon-lisbon-prime-residences" data-bhotel-id="upon-lisbon-prime-residences" data-name = "Upon Lisbon Prime Residences" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/10402/1040243/1040243869.JPEG" data-lat="38.754253" data-lng="-9.181266" data-price = "104€" data-link = "https://touristvr.com/fr/upon-lisbon-prime-residences" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2179003" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10402/1040243/1040243869.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16450/1645030/1645030089.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15383/1538331/1538331628.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10402/1040243/1040243869.JPEG" alt="" loading="lazy" data-bhotel-id="2179003" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (297)</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/fr/upon-lisbon-prime-residences" 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">Upon Lisbon Prime Residences</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2179003" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-hotel-member-of-design-hotels" data-bhotel-id="hotel-hotel-member-of-design-hotels" data-name = "Hotel Hotel - Member Of Design Hotels" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11850/1185070/1185070657.JPEG" data-lat="38.71713" data-lng="-9.14398" data-price = "226€" data-link = "https://touristvr.com/fr/hotel-hotel-member-of-design-hotels-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8060119" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11850/1185070/1185070657.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15837/1583752/1583752039.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15580/1558090/1558090144.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11850/1185070/1185070657.JPEG" alt="" loading="lazy" data-bhotel-id="8060119" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (169)</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/fr/hotel-hotel-member-of-design-hotels-lisboa" 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 Hotel - Member Of Design 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">226€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8060119" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-miraparque" data-bhotel-id="hotel-miraparque" data-name = "Hotel Miraparque" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/4425/442563/442563444.JPEG" data-lat="38.728938" data-lng="-9.150256" data-price = "44€" data-link = "https://touristvr.com/fr/hotel-miraparque-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38524" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4425/442563/442563444.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15843/1584398/1584398578.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15843/1584398/1584398641.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4425/442563/442563444.JPEG" alt="" loading="lazy" data-bhotel-id="38524" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (714)</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/fr/hotel-miraparque-lisboa" 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 Miraparque</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">44€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38524" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="lisbon-marriott-hotel" data-bhotel-id="lisbon-marriott-hotel" data-name = "Lisbon Marriott Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16315/1631548/1631548751.JPEG" data-lat="38.7471887209469" data-lng="-9.16409969329834" data-price = "140€" data-link = "https://touristvr.com/fr/lisbon-marriott-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="41024" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16315/1631548/1631548751.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16437/1643756/1643756711.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16437/1643756/1643756715.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16315/1631548/1631548751.JPEG" alt="" loading="lazy" data-bhotel-id="41024" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (601)</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/fr/lisbon-marriott-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">Lisbon Marriott 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">140€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="41024" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="turim-saldanha-hotel" data-bhotel-id="turim-saldanha-hotel" data-name = "Turim Saldanha Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12744/1274401/1274401060.JPEG" data-lat="38.732264" data-lng="-9.148126" data-price = "140€" data-link = "https://touristvr.com/fr/turim-saldanha-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1302918" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274401/1274401060.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274401/1274401510.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274401/1274401645.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12744/1274401/1274401060.JPEG" alt="" loading="lazy" data-bhotel-id="1302918" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (356)</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/fr/turim-saldanha-hotel-lisboa" 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">Turim Saldanha 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">140€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1302918" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="holiday-inn-lisbon-an-ihg-hotel" data-bhotel-id="holiday-inn-lisbon-an-ihg-hotel" data-name = "Holiday Inn Lisbon, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12744/1274467/1274467507.JPEG" data-lat="38.738103" data-lng="-9.141231" data-price = "83€" data-link = "https://touristvr.com/fr/holiday-inn-lisbon-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39836" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274467/1274467507.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274468/1274468761.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274470/1274470393.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12744/1274467/1274467507.JPEG" alt="" loading="lazy" data-bhotel-id="39836" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (877)</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/fr/holiday-inn-lisbon-an-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">Holiday Inn Lisbon, 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">83€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39836" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="the-hotel-masa-almirante-lisbon-stylish" data-bhotel-id="the-hotel-masa-almirante-lisbon-stylish" data-name = "The Hotel Masa Almirante Lisbon Stylish" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16110/1611050/1611050806.JPEG" data-lat="38.7273" data-lng="-9.1347" data-price = "77€" data-link = "https://touristvr.com/fr/the-hotel-masa-almirante-lisbon-stylish" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39435" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16110/1611050/1611050806.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16110/1611050/1611050793.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15712/1571279/1571279459.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16110/1611050/1611050806.JPEG" alt="" loading="lazy" data-bhotel-id="39435" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (488)</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/fr/the-hotel-masa-almirante-lisbon-stylish" 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">The Hotel Masa Almirante Lisbon Stylish</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39435" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="epic-sana-lisboa-hotel" data-bhotel-id="epic-sana-lisboa-hotel" data-name = "Epic Sana Lisboa Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13474/1347428/1347428072.JPEG" data-lat="38.724548" data-lng="-9.158517" data-price = "164€" data-link = "https://touristvr.com/fr/epic-sana-lisboa-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="470700" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13474/1347428/1347428072.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274355/1274355919.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274355/1274355721.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13474/1347428/1347428072.JPEG" alt="" loading="lazy" data-bhotel-id="470700" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (425)</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/fr/epic-sana-lisboa-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">Epic Sana Lisboa 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">164€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="470700" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="star-inn-lisbon-airport" data-bhotel-id="star-inn-lisbon-airport" data-name = "Star Inn Lisbon Airport" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/9179/917982/917982490.JPEG" data-lat="38.7704191" data-lng="-9.12563866" data-price = "172€" data-link = "https://touristvr.com/fr/star-inn-lisbon-airport" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2021231" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9179/917982/917982490.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9182/918286/918286303.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9179/917994/917994481.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9179/917982/917982490.JPEG" alt="" loading="lazy" data-bhotel-id="2021231" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (655)</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/fr/star-inn-lisbon-airport" 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">Star Inn Lisbon Airport</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">172€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2021231" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="selina-secret-garden-lisbon" data-bhotel-id="selina-secret-garden-lisbon" data-name = "Selina Secret Garden Lisbon" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13204/1320431/1320431224.JPEG" data-lat="38.70987" data-lng="-9.15063" data-price = "24€" data-link = "https://touristvr.com/fr/hotel-selina-secret-garden-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1775535" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13204/1320431/1320431224.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14465/1446520/1446520378.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14465/1446520/1446520597.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13204/1320431/1320431224.JPEG" alt="" loading="lazy" data-bhotel-id="1775535" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (279)</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/fr/hotel-selina-secret-garden-lisboa" 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">Selina Secret Garden Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">24€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1775535" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="bb-hotel-lisboa-aeroporto" data-bhotel-id="bb-hotel-lisboa-aeroporto" data-name = "B&B Hotel Lisboa Aeroporto" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13016/1301630/1301630611.JPEG" data-lat="38.7862128202659" data-lng="-9.1171932220459" data-price = "56€" data-link = "https://touristvr.com/fr/b-b-hotel-lisboa-aeroporto" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6523184" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13016/1301630/1301630611.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13011/1301129/1301129752.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13048/1304881/1304881183.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13016/1301630/1301630611.JPEG" alt="" loading="lazy" data-bhotel-id="6523184" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (310)</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/fr/b-b-hotel-lisboa-aeroporto" 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&B Hotel Lisboa Aeroporto</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6523184" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="sheraton-lisboa-hotel-spa" data-bhotel-id="sheraton-lisboa-hotel-spa" data-name = "Sheraton Lisboa Hotel & Spa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11650/1165040/1165040481.JPEG" data-lat="38.7318" data-lng="-9.146909" data-price = "172€" data-link = "https://touristvr.com/fr/sheraton-lisboa-hotel-spa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38598" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11650/1165040/1165040481.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16336/1633676/1633676364.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16336/1633676/1633676366.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11650/1165040/1165040481.JPEG" alt="" loading="lazy" data-bhotel-id="38598" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (369)</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/fr/sheraton-lisboa-hotel-spa" 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">Sheraton Lisboa Hotel & Spa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">172€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38598" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-britania-art-deco-lisbon-heritage-collection-avenida" data-bhotel-id="hotel-britania-art-deco-lisbon-heritage-collection-avenida" data-name = "Hotel Britania Art Deco - Lisbon Heritage Collection - Avenida" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11676/1167628/1167628900.JPEG" data-lat="38.721539" data-lng="-9.145552" data-price = "177€" data-link = "https://touristvr.com/fr/hotel-britania-art-deco-lisbon-heritage-collection-avenida" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38599" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11676/1167628/1167628900.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274441/1274441938.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274441/1274441776.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11676/1167628/1167628900.JPEG" alt="" loading="lazy" data-bhotel-id="38599" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (321)</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/fr/hotel-britania-art-deco-lisbon-heritage-collection-avenida" 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 Britania Art Deco - Lisbon Heritage Collection - Avenida</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">177€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38599" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="masa-hotel-spa-campo-grande-collection" data-bhotel-id="masa-hotel-spa-campo-grande-collection" data-name = "Masa Hotel & Spa Campo Grande Collection" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15015/1501577/1501577089.JPEG" data-lat="38.75085" data-lng="-9.14875" data-price = "92€" data-link = "https://touristvr.com/fr/masa-hotel-spa-campo-grande-collection-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="10131840" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15015/1501577/1501577089.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15886/1588616/1588616428.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16094/1609426/1609426032.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15015/1501577/1501577089.JPEG" alt="" loading="lazy" data-bhotel-id="10131840" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (194)</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/fr/masa-hotel-spa-campo-grande-collection-lisboa" 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">Masa Hotel & Spa Campo Grande Collection</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">92€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="10131840" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="solar-dos-poetas" data-bhotel-id="solar-dos-poetas" data-name = "Solar Dos Poetas" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12398/1239854/1239854926.JPEG" data-lat="38.71078" data-lng="-9.14371" data-price = "97€" data-link = "https://touristvr.com/fr/hotel-solar-dos-poetas-a-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4110504" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12398/1239854/1239854926.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16438/1643801/1643801257.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16438/1643801/1643801262.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12398/1239854/1239854926.JPEG" alt="" loading="lazy" data-bhotel-id="4110504" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (321)</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/fr/hotel-solar-dos-poetas-a-lisboa" 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">Solar Dos Poetas</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">97€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4110504" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-3k-barcelona" data-bhotel-id="hotel-3k-barcelona" data-name = "Hotel 3K Barcelona" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/2279/227940/227940800.JPEG" data-lat="38.741" data-lng="-9.15025" data-price = "134€" data-link = "https://touristvr.com/fr/hotel-3k-barcelona-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38508" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/2279/227940/227940800.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274441/1274441014.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14330/1433081/1433081167.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/2279/227940/227940800.JPEG" alt="" loading="lazy" data-bhotel-id="38508" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (1018)</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/fr/hotel-3k-barcelona-lisboa" 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 3K 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">134€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38508" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="zurin-charm-hotel" data-bhotel-id="zurin-charm-hotel" data-name = "Zurin Charm Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11687/1168788/1168788460.JPEG" data-lat="38.72726" data-lng="-9.16383" data-price = "66€" data-link = "https://touristvr.com/fr/zurin-charm-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6288031" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11687/1168788/1168788460.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11440/1144056/1144056220.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11103/1110321/1110321408.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11687/1168788/1168788460.JPEG" alt="" loading="lazy" data-bhotel-id="6288031" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (198)</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/fr/zurin-charm-hotel-lisboa" 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">Zurin Charm 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">66€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6288031" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="home-lisbon-hostel" data-bhotel-id="home-lisbon-hostel" data-name = "Home Lisbon Hostel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/10791/1079150/1079150122.JPEG" data-lat="38.71058" data-lng="-9.13648" data-price = "31€" data-link = "https://touristvr.com/fr/home-lisbon-hostel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1680268" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10791/1079150/1079150122.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11515/1151589/1151589180.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11515/1151590/1151590854.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10791/1079150/1079150122.JPEG" alt="" loading="lazy" data-bhotel-id="1680268" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (176)</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/fr/home-lisbon-hostel" 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">Home Lisbon 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">31€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1680268" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="tesouro-da-baixa-by-shiadu" data-bhotel-id="tesouro-da-baixa-by-shiadu" data-name = "Tesouro Da Baixa By Shiadu" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15960/1596097/1596097942.JPEG" data-lat="38.71454" data-lng="-9.13754" data-price = "89€" data-link = "https://touristvr.com/fr/hotel-tesouro-da-baixa-by-shiadu-a-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1974937" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15960/1596097/1596097942.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15960/1596097/1596097943.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15960/1596097/1596097947.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15960/1596097/1596097942.JPEG" alt="" loading="lazy" data-bhotel-id="1974937" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (308)</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/fr/hotel-tesouro-da-baixa-by-shiadu-a-lisboa" 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">Tesouro Da Baixa By Shiadu</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">89€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1974937" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="portugal-boutique-hotel" data-bhotel-id="portugal-boutique-hotel" data-name = "Portugal Boutique Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/4292/429286/429286977.JPEG" data-lat="38.714443" data-lng="-9.136714" data-price = "194€" data-link = "https://touristvr.com/fr/portugal-boutique-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="731125" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4292/429286/429286977.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589581/1589581700.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589581/1589581733.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4292/429286/429286977.JPEG" alt="" loading="lazy" data-bhotel-id="731125" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (534)</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/fr/portugal-boutique-hotel-lisboa" 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">Portugal Boutique 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">194€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="731125" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="lisbon-destination" data-bhotel-id="lisbon-destination" data-name = "Lisbon Destination" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12439/1243989/1243989763.JPEG" data-lat="38.71438" data-lng="-9.14074" data-price = "37€" data-link = "https://touristvr.com/fr/auberge-de-jeunesse-lisbon-destination" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="439138" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12439/1243989/1243989763.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16395/1639572/1639572154.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15783/1578393/1578393812.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12439/1243989/1243989763.JPEG" alt="" loading="lazy" data-bhotel-id="439138" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (166)</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/fr/auberge-de-jeunesse-lisbon-destination" 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">Lisbon Destination</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">37€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="439138" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="internacional-design-hotel" data-bhotel-id="internacional-design-hotel" data-name = "Internacional Design Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12743/1274359/1274359327.JPEG" data-lat="38.713047" data-lng="-9.138427" data-price = "89€" data-link = "https://touristvr.com/fr/internacional-design-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38734" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274359/1274359327.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274359/1274359708.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274360/1274360362.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12743/1274359/1274359327.JPEG" alt="" loading="lazy" data-bhotel-id="38734" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (1039)</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/fr/internacional-design-hotel-lisboa" 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">Internacional Design 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">89€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38734" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="myriad-by-sana-hotels" data-bhotel-id="myriad-by-sana-hotels" data-name = "Myriad By Sana Hotels" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13322/1332228/1332228011.JPEG" data-lat="38.774725" data-lng="-9.091913" data-price = "183€" data-link = "https://touristvr.com/fr/myriad-by-sana-hotels-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="414469" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13322/1332228/1332228011.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14330/1433098/1433098303.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14330/1433098/1433098828.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13322/1332228/1332228011.JPEG" alt="" loading="lazy" data-bhotel-id="414469" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </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/fr/myriad-by-sana-hotels-lisboa" 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">Myriad By Sana 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">183€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="414469" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="dos-reis-by-the-beautique-hotels" data-bhotel-id="dos-reis-by-the-beautique-hotels" data-name = "Dos Reis By The Beautique Hotels" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/14026/1402659/1402659236.JPEG" data-lat="38.72342" data-lng="-9.13508" data-price = "250€" data-link = "https://touristvr.com/fr/dos-reis-by-the-beautique-hotels-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="9200860" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14026/1402659/1402659236.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14026/1402659/1402659812.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14064/1406445/1406445422.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14026/1402659/1402659236.JPEG" alt="" loading="lazy" data-bhotel-id="9200860" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (155)</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/fr/dos-reis-by-the-beautique-hotels-lisboa" 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">Dos Reis By The Beautique 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">250€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="9200860" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="olissippo-lapa-palace-the-leading-hotels-of-the-world" data-bhotel-id="olissippo-lapa-palace-the-leading-hotels-of-the-world" data-name = "Olissippo Lapa Palace - The Leading Hotels Of The World" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12744/1274424/1274424514.JPEG" data-lat="38.70683" data-lng="-9.163831" data-price = "357€" data-link = "https://touristvr.com/fr/olissippo-lapa-palace-the-leading-hotels-of-the-world-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="41251" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274424/1274424514.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274425/1274425102.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274425/1274425177.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12744/1274424/1274424514.JPEG" alt="" loading="lazy" data-bhotel-id="41251" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (371)</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/fr/olissippo-lapa-palace-the-leading-hotels-of-the-world-lisboa" 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">Olissippo Lapa Palace - The Leading Hotels Of The World</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">357€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="41251" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="smy-lisboa" data-bhotel-id="smy-lisboa" data-name = "Smy Lisboa" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11863/1186331/1186331407.JPEG" data-lat="38.727974" data-lng="-9.159301" data-price = "124€" data-link = "https://touristvr.com/fr/hotel-smy-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1149754" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11863/1186331/1186331407.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274463/1274463463.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274463/1274463550.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11863/1186331/1186331407.JPEG" alt="" loading="lazy" data-bhotel-id="1149754" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (274)</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/fr/hotel-smy-lisboa" 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">Smy Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">124€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1149754" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ikonik-lisboa" data-bhotel-id="ikonik-lisboa" data-name = "Ikonik Lisboa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12859/1285912/1285912099.JPEG" data-lat="38.76301" data-lng="-9.09902" data-price = "99€" data-link = "https://touristvr.com/fr/hotel-ikonik-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7688652" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12859/1285912/1285912099.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12859/1285906/1285906999.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12859/1285908/1285908745.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12859/1285912/1285912099.JPEG" alt="" loading="lazy" data-bhotel-id="7688652" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (276)</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/fr/hotel-ikonik-lisboa" 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">Ikonik Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">99€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7688652" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="vip-grand-lisboa-hotel-spa" data-bhotel-id="vip-grand-lisboa-hotel-spa" data-name = "Vip Grand Lisboa Hotel & Spa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12296/1229628/1229628050.JPEG" data-lat="38.742205" data-lng="-9.149167" data-price = "77€" data-link = "https://touristvr.com/fr/vip-grand-lisboa-hotel-spa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="40429" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12296/1229628/1229628050.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15844/1584402/1584402499.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16076/1607657/1607657866.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12296/1229628/1229628050.JPEG" alt="" loading="lazy" data-bhotel-id="40429" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (1532)</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/fr/vip-grand-lisboa-hotel-spa" 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">Vip Grand Lisboa Hotel & Spa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="40429" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="sant-jordi-hostels-lisbon" data-bhotel-id="sant-jordi-hostels-lisbon" data-name = "Sant Jordi Hostels Lisbon" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12439/1243969/1243969345.JPEG" data-lat="38.723862" data-lng="-9.13213" data-price = "19€" data-link = "https://touristvr.com/fr/sant-jordi-hostels-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1724744" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12439/1243969/1243969345.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15893/1589365/1589365493.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15893/1589365/1589365461.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12439/1243969/1243969345.JPEG" alt="" loading="lazy" data-bhotel-id="1724744" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (124)</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/fr/sant-jordi-hostels-lisboa" 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">Sant Jordi Hostels Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">19€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1724744" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="wot-lisbon-patio" data-bhotel-id="wot-lisbon-patio" data-name = "Wot Lisbon Patio" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16054/1605415/1605415000.JPEG" data-lat="38.73145629" data-lng="-9.14807089" data-price = "17€" data-link = "https://touristvr.com/fr/auberge-de-jeunesse-wot-lisbon-patio" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2193176" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16054/1605415/1605415000.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12843/1284394/1284394399.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16054/1605414/1605414999.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16054/1605415/1605415000.JPEG" alt="" loading="lazy" data-bhotel-id="2193176" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (146)</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/fr/auberge-de-jeunesse-wot-lisbon-patio" 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">Wot Lisbon Patio</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">17€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2193176" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hf-fenix-music" data-bhotel-id="hf-fenix-music" data-name = "Hf Fenix Music" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12743/1274349/1274349685.JPEG" data-lat="38.72502" data-lng="-9.15188" data-price = "144€" data-link = "https://touristvr.com/fr/hotel-hf-fenix-music-a-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1305389" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274349/1274349685.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274348/1274348884.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274350/1274350381.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12743/1274349/1274349685.JPEG" alt="" loading="lazy" data-bhotel-id="1305389" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (694)</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/fr/hotel-hf-fenix-music-a-lisboa" 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">Hf Fenix Music</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">144€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1305389" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-real-palacio" data-bhotel-id="hotel-real-palacio" data-name = "Hotel Real Palacio" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16456/1645648/1645648196.JPEG" data-lat="38.732174" data-lng="-9.150852" data-price = "135€" data-link = "https://touristvr.com/fr/hotel-real-palacio-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38586" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16456/1645648/1645648196.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16456/1645648/1645648223.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16456/1645648/1645648231.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16456/1645648/1645648196.JPEG" alt="" loading="lazy" data-bhotel-id="38586" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (816)</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/fr/hotel-real-palacio-lisboa" 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 Real Palacio</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">135€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38586" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-santa-justa" data-bhotel-id="hotel-santa-justa" data-name = "Hotel Santa Justa" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15480/1548069/1548069763.JPEG" data-lat="38.71254" data-lng="-9.13798" data-price = "161€" data-link = "https://touristvr.com/fr/hotel-santa-justa-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="539128" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15480/1548069/1548069763.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14334/1433416/1433416462.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14334/1433416/1433416780.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15480/1548069/1548069763.JPEG" alt="" loading="lazy" data-bhotel-id="539128" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (346)</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/fr/hotel-santa-justa-lisboa" 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 Santa Justa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">161€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="539128" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="mouraria-lisboa-hotel" data-bhotel-id="mouraria-lisboa-hotel" data-name = "Mouraria Lisboa Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11347/1134743/1134743581.JPEG" data-lat="38.71668" data-lng="-9.133" data-price = "113€" data-link = "https://touristvr.com/fr/mouraria-lisboa-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7609166" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11347/1134743/1134743581.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15938/1593877/1593877814.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15938/1593877/1593877794.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11347/1134743/1134743581.JPEG" alt="" loading="lazy" data-bhotel-id="7609166" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (240)</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/fr/mouraria-lisboa-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">Mouraria Lisboa 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">113€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7609166" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="the-editory-riverside-hotel-an-historic-hotel" data-bhotel-id="the-editory-riverside-hotel-an-historic-hotel" data-name = "The Editory Riverside Hotel, An Historic Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12039/1203901/1203901246.JPEG" data-lat="38.71425" data-lng="-9.122667" data-price = "128€" data-link = "https://touristvr.com/fr/the-editory-riverside-hotel-an-historic-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7505902" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12039/1203901/1203901246.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12860/1286069/1286069524.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12860/1286070/1286070889.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12039/1203901/1203901246.JPEG" alt="" loading="lazy" data-bhotel-id="7505902" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (198)</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/fr/the-editory-riverside-hotel-an-historic-hotel-lisboa" 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">The Editory Riverside Hotel, An Historic 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">128€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7505902" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="sana-malhoa-hotel" data-bhotel-id="sana-malhoa-hotel" data-name = "Sana Malhoa Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/11986/1198615/1198615057.JPEG" data-lat="38.73704" data-lng="-9.16234" data-price = "123€" data-link = "https://touristvr.com/fr/sana-malhoa-hotel-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38673" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11986/1198615/1198615057.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274399/1274399065.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12743/1274399/1274399323.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11986/1198615/1198615057.JPEG" alt="" loading="lazy" data-bhotel-id="38673" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (960)</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/fr/sana-malhoa-hotel-lisboa" 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">Sana Malhoa 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">123€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38673" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="corpo-santo-lisbon-historical-hotel" data-bhotel-id="corpo-santo-lisbon-historical-hotel" data-name = "Corpo Santo Lisbon Historical Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/14993/1499368/1499368057.JPEG" data-lat="38.707319" data-lng="-9.142054" data-price = "291€" data-link = "https://touristvr.com/fr/corpo-santo-lisbon-historical-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2508912" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14993/1499368/1499368057.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12795/1279556/1279556314.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12795/1279555/1279555891.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14993/1499368/1499368057.JPEG" alt="" loading="lazy" data-bhotel-id="2508912" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (340)</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/fr/corpo-santo-lisbon-historical-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">Corpo Santo Lisbon Historical 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">291€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2508912" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="casa-do-jasmim-by-shiadu" data-bhotel-id="casa-do-jasmim-by-shiadu" data-name = "Casa Do Jasmim By Shiadu" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15656/1565600/1565600722.JPEG" data-lat="38.71528294" data-lng="-9.14936363" data-price = "85€" data-link = "https://touristvr.com/fr/hotel-casa-do-jasmim-by-shiadu-a-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1512643" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15656/1565600/1565600722.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15436/1543662/1543662451.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15885/1588575/1588575511.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15656/1565600/1565600722.JPEG" alt="" loading="lazy" data-bhotel-id="1512643" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (278)</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/fr/hotel-casa-do-jasmim-by-shiadu-a-lisboa" 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">Casa Do Jasmim By Shiadu</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">85€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1512643" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-mercure-lisboa" data-bhotel-id="hotel-mercure-lisboa" data-name = "Hotel Mercure Lisboa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16352/1635245/1635245306.JPEG" data-lat="38.737728" data-lng="-9.16602" data-price = "73€" data-link = "https://touristvr.com/fr/hotel-mercure-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39271" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16352/1635245/1635245306.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632204/1632204005.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16352/1635245/1635245271.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16352/1635245/1635245306.JPEG" alt="" loading="lazy" data-bhotel-id="39271" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (476)</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/fr/hotel-mercure-lisboa" 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 Mercure Lisboa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39271" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-lisboa-plaza-lisbon-heritage-collection-avenida" data-bhotel-id="hotel-lisboa-plaza-lisbon-heritage-collection-avenida" data-name = "Hotel Lisboa Plaza - Lisbon Heritage Collection - Avenida" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15163/1516374/1516374538.JPEG" data-lat="38.718794" data-lng="-9.145422" data-price = "127€" data-link = "https://touristvr.com/fr/hotel-lisboa-plaza-lisbon-heritage-collection-avenida" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38594" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15163/1516374/1516374538.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274475/1274475028.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274474/1274474671.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15163/1516374/1516374538.JPEG" alt="" loading="lazy" data-bhotel-id="38594" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (371)</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/fr/hotel-lisboa-plaza-lisbon-heritage-collection-avenida" 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 Lisboa Plaza - Lisbon Heritage Collection - Avenida</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38594" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-lisbon-an-ihg-hotel" data-bhotel-id="intercontinental-lisbon-an-ihg-hotel" data-name = "Intercontinental Lisbon, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12744/1274403/1274403988.JPEG" data-lat="38.726798" data-lng="-9.155437" data-price = "174€" data-link = "https://touristvr.com/fr/intercontinental-lisbon-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38816" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274403/1274403988.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274404/1274404126.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5720/572064/572064597.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12744/1274403/1274403988.JPEG" alt="" loading="lazy" data-bhotel-id="38816" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (1712)</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/fr/intercontinental-lisbon-an-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 Lisbon, 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">174€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38816" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-avenida-palace" data-bhotel-id="hotel-avenida-palace" data-name = "Hotel Avenida Palace" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/732/73273/73273244.JPEG" data-lat="38.714836" data-lng="-9.14119" data-price = "303€" data-link = "https://touristvr.com/fr/hotel-avenida-palace-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="39446" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/732/73273/73273244.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11177/1117700/1117700934.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4501/450165/450165540.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/732/73273/73273244.JPEG" alt="" loading="lazy" data-bhotel-id="39446" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (564)</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/fr/hotel-avenida-palace-lisboa" 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 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">303€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="39446" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hyatt-regency-lisbon" data-bhotel-id="hyatt-regency-lisbon" data-name = "Hyatt Regency Lisbon" data-rating = "8" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16411/1641136/1641136661.JPEG" data-lat="38.69854814498683" data-lng="-9.186716079711914" data-price = "182€" data-link = "https://touristvr.com/fr/hotel-hyatt-regency-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8322324" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16411/1641136/1641136661.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16438/1643838/1643838180.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13501/1350120/1350120268.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16411/1641136/1641136661.JPEG" alt="" loading="lazy" data-bhotel-id="8322324" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (97)</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/fr/hotel-hyatt-regency-lisboa" 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">Hyatt Regency Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">182€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8322324" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ramada-by-wyndham-lisbon" data-bhotel-id="ramada-by-wyndham-lisbon" data-name = "Ramada By Wyndham Lisbon" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12744/1274454/1274454367.JPEG" data-lat="38.7396" data-lng="-9.12415" data-price = "103€" data-link = "https://touristvr.com/fr/hotel-ramada-by-wyndham-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="38624" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274454/1274454367.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274453/1274453371.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12744/1274453/1274453215.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12744/1274454/1274454367.JPEG" alt="" loading="lazy" data-bhotel-id="38624" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Très bon </span> <span> (1124)</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/fr/hotel-ramada-by-wyndham-lisboa" 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">Ramada By Wyndham Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">103€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38624" > <span class="mr-2">Vérifier la disponibilité</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="wot-new-lisbon" data-bhotel-id="wot-new-lisbon" data-name = "Wot New Lisbon" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16041/1604105/1604105377.JPEG" data-lat="38.714639" data-lng="-9.147541" data-price = "22€" data-link = "https://touristvr.com/fr/auberge-de-jeunesse-wot-new-lisboa" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1521364" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16041/1604105/1604105377.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16054/1605403/1605403430.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16054/1605403/1605403436.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16041/1604105/1604105377.JPEG" alt="" loading="lazy" data-bhotel-id="1521364" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (137)</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/fr/auberge-de-jeunesse-wot-new-lisboa" 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">Wot New Lisbon</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">22€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1521364" > <span class="mr-2">Vérifier la disponibilité</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 } } .map.show{ display: block } </style> <div class="map sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden bg-white md:hidden md:fixed md:left-0 md:z-20 md:rounded-none js-map" > <div class="w-full h-dvh" id="mapbox" data-lat="38.71477" data-lng="-9.13225"></div> <button class="hidden absolute top-2.5 left-2.5 bg-white p-2.5 rounded-md shadow-md md:block js-map-close"> <svg class="w-4 h-4 fill-black" 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> </button> <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"> <a data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 cursor-default 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">De</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/par nuit</span> </div> </div> </div> </a> </template> </div> </div> </div> <button class="mob-map-toggle-btn hidden fixed left-1/2 -translate-x-1/2 bottom-5 px-4 py-3 rounded-lg bg-secondary-950 text-white text-base font-semibold z-20 md:block js-map-toggle"> <div class="mob-map-toggle-btn-show flex items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> <path d="M10.4333 14.7734C10.1466 14.7734 9.85994 14.7134 9.62661 14.6001L6.12661 12.8468C5.92661 12.7468 5.53328 12.7534 5.33994 12.8668L3.76661 13.7668C3.08661 14.1534 2.38661 14.2068 1.85994 13.8934C1.32661 13.5868 1.02661 12.9601 1.02661 12.1734V5.69344C1.02661 5.08677 1.42661 4.4001 1.95328 4.1001L4.83994 2.44677C5.32661 2.16677 6.06661 2.14677 6.56661 2.4001L10.0666 4.15344C10.2666 4.25344 10.6533 4.2401 10.8533 4.13344L12.4199 3.2401C13.0999 2.85344 13.7999 2.8001 14.3266 3.11344C14.8599 3.4201 15.1599 4.04677 15.1599 4.83344V11.3201C15.1599 11.9268 14.7599 12.6134 14.2333 12.9134L11.3466 14.5668C11.0933 14.7001 10.7599 14.7734 10.4333 14.7734ZM5.75994 11.7801C6.04661 11.7801 6.33328 11.8401 6.56661 11.9534L10.0666 13.7068C10.2666 13.8068 10.6533 13.7934 10.8533 13.6868L13.7399 12.0334C13.9533 11.9134 14.1599 11.5534 14.1599 11.3134V4.82677C14.1599 4.40677 14.0399 4.09344 13.8199 3.97344C13.6066 3.85344 13.2733 3.9001 12.9133 4.10677L11.3466 5.0001C10.8599 5.2801 10.1199 5.3001 9.61995 5.04677L6.11995 3.29344C5.91995 3.19344 5.53328 3.20677 5.33328 3.31344L2.44661 4.96677C2.23328 5.08677 2.02661 5.44677 2.02661 5.69344V12.1801C2.02661 12.6001 2.14661 12.9134 2.35994 13.0334C2.57328 13.1601 2.90661 13.1068 3.27328 12.9001L4.83994 12.0068C5.09995 11.8534 5.43328 11.7801 5.75994 11.7801Z" /> <path d="M5.70679 12.3334C5.43345 12.3334 5.20679 12.1067 5.20679 11.8334V3.16675C5.20679 2.89341 5.43345 2.66675 5.70679 2.66675C5.98012 2.66675 6.20679 2.89341 6.20679 3.16675V11.8334C6.20679 12.1067 5.98012 12.3334 5.70679 12.3334Z" /> <path d="M10.4866 14.3333C10.2132 14.3333 9.98657 14.1067 9.98657 13.8333V4.91333C9.98657 4.64 10.2132 4.41333 10.4866 4.41333C10.7599 4.41333 10.9866 4.64 10.9866 4.91333V13.8333C10.9866 14.1067 10.7599 14.3333 10.4866 14.3333Z" /> </svg> <span>Afficher la carte</span> </div> <div class="mob-map-toggle-btn-hide hidden items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.07999 5.62001C3.1606 5.65189 3.24665 5.66774 3.33332 5.66668C3.42 5.66774 3.50605 5.65189 3.58666 5.62001C3.66632 5.58136 3.74034 5.53201 3.80666 5.47335C3.86845 5.41105 3.91733 5.33717 3.9505 5.25595C3.98368 5.17472 4.0005 5.08775 3.99999 5.00001C3.99754 4.8235 3.92848 4.65443 3.80666 4.52668C3.74326 4.46599 3.66849 4.41841 3.58666 4.38668C3.42435 4.32 3.2423 4.32 3.07999 4.38668C2.99756 4.41722 2.92257 4.46494 2.85999 4.52668C2.73817 4.65443 2.66911 4.8235 2.66666 5.00001C2.66615 5.08775 2.68297 5.17472 2.71614 5.25595C2.74932 5.33717 2.7982 5.41105 2.85999 5.47335C2.92631 5.53201 3.00033 5.58136 3.07999 5.62001ZM5.33333 5.5H12.6667C12.7993 5.5 12.9265 5.44732 13.0202 5.35355C13.114 5.25978 13.1667 5.13261 13.1667 5C13.1667 4.86739 13.114 4.74021 13.0202 4.64645C12.9265 4.55268 12.7993 4.5 12.6667 4.5H5.33333C5.20072 4.5 5.07355 4.55268 4.97978 4.64645C4.88601 4.74021 4.83333 4.86739 4.83333 5C4.83333 5.13261 4.88601 5.25978 4.97978 5.35355C5.07355 5.44732 5.20072 5.5 5.33333 5.5ZM5.33333 8.5H12.6667C12.7993 8.5 12.9265 8.44732 13.0202 8.35355C13.114 8.25978 13.1667 8.13261 13.1667 8C13.1667 7.86739 13.114 7.74022 13.0202 7.64645C12.9265 7.55268 12.7993 7.5 12.6667 7.5H5.33333C5.20072 7.5 5.07355 7.55268 4.97978 7.64645C4.88601 7.74022 4.83333 7.86739 4.83333 8C4.83333 8.13261 4.88601 8.25978 4.97978 8.35355C5.07355 8.44732 5.20072 8.5 5.33333 8.5ZM12.6667 11.5H5.33333C5.20072 11.5 5.07355 11.4473 4.97978 11.3536C4.88601 11.2598 4.83333 11.1326 4.83333 11C4.83333 10.8674 4.88601 10.7402 4.97978 10.6464C5.07355 10.5527 5.20072 10.5 5.33333 10.5H12.6667C12.7993 10.5 12.9265 10.5527 13.0202 10.6464C13.114 10.7402 13.1667 10.8674 13.1667 11C13.1667 11.1326 13.114 11.2598 13.0202 11.3536C12.9265 11.4473 12.7993 11.5 12.6667 11.5ZM3.33332 8.66668C3.24621 8.66563 3.16014 8.64751 3.07999 8.61335C2.9992 8.57959 2.92479 8.53224 2.85999 8.47335C2.7982 8.41105 2.74932 8.33718 2.71614 8.25595C2.68297 8.17473 2.66615 8.08775 2.66666 8.00001C2.66911 7.8235 2.73817 7.65444 2.85999 7.52668C2.92479 7.46779 2.9992 7.42044 3.07999 7.38668C3.20067 7.33072 3.33533 7.31215 3.46666 7.33335L3.58666 7.37335L3.70666 7.43335C3.74158 7.45796 3.77498 7.48468 3.80666 7.51335C3.93164 7.64445 4.00094 7.81889 3.99999 8.00001C3.99999 8.17683 3.92975 8.34639 3.80473 8.47142C3.6797 8.59644 3.51014 8.66668 3.33332 8.66668ZM3.07999 11.62C3.1606 11.6519 3.24665 11.6677 3.33333 11.6667C3.42106 11.6672 3.50804 11.6504 3.58926 11.6172C3.67049 11.584 3.74437 11.5351 3.80666 11.4733C3.86555 11.4085 3.9129 11.3341 3.94666 11.2533C3.98193 11.1735 4.00015 11.0873 4.00015 11C4.00015 10.9128 3.98193 10.8265 3.94666 10.7467C3.9129 10.6659 3.86555 10.5915 3.80666 10.5267C3.74326 10.466 3.66849 10.4184 3.58666 10.3867C3.46525 10.3356 3.33144 10.3217 3.20212 10.3466C3.07279 10.3715 2.95374 10.4342 2.85999 10.5267C2.80111 10.5915 2.75375 10.6659 2.71999 10.7467C2.68472 10.8265 2.6665 10.9128 2.6665 11C2.6665 11.0873 2.68472 11.1735 2.71999 11.2533C2.75375 11.3341 2.80111 11.4085 2.85999 11.4733C2.92631 11.532 3.00033 11.5814 3.07999 11.62Z" fill="white"/> </svg> <span>Afficher la liste</span> </div> </button> <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">Découvrez votre séjour idéal</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Niché dans le quartier historique d'Alfama, le Hotel Alfama Lisbonne est bien plus qu'un simple lieu de séjour ; c'est une invitation à découvrir l'âme authentique de la capitale portugaise. En vous installant dans cet établissement charmant, vous aurez l'occasion d'explorer les ruelles pavées et les miradouros qui offrent des vues panoramiques à couper le souffle. Que vous soyez amateur de fado, de gastronomie ou d'histoire, cet hôtel constitue le point de départ idéal pour plonger dans la culture vibrante de Lisbonne.</p><p>Le quartier d'Alfama, l'un des plus anciens de Lisbonne, est un véritable labyrinthe de traditions et de découvertes. En séjournant au Hotel Alfama Lisbonne, vous serez à proximité des monuments emblématiques tels que la cathédrale de Lisbonne et le château Saint-Georges. Par ailleurs, les petits cafés typiques qui jalonnent les ruelles seront parfaits pour déguster un pastéis de nata tout en admirant l'effervescence locale.</p><p>Enfin, le confort et l'hospitalité offerts par le Hotel Alfama Lisbonne créeront une expérience inoubliable pour chaque voyageur. Après une journée d'exploration, retrouvez le calme et la sérénité de votre chambre, où le décor chaleureux évoque l'esprit d'Alfama. N'hésitez pas à profiter des conseils du personnel, qui se fera un plaisir de vous recommander des activités et des lieux à ne pas manquer dans ce quartier enchanteur.</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-700226" data-langcode="fr" data-bcity-id="-2167973" data-city-name="Lisboa" > <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>Nom de l'hôtel</span> </td> <td style="width: 135px;"> <span>Note de réservation</span> </td> <td style="width: 100px;"> <span>Prix, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#olissippo-castelo" class="js-clk-open" data-type="table" data-bhotel-id="38935" data-open-once data-open-passive>Olissippo Castelo</a> </td> <td> <p> 8.4 / 10 </p> <p> (768 Note des clients)</p> </td> <td> <span>De 105€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="38935">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#memmo-alfama-hotel" class="js-clk-open" data-type="table" data-bhotel-id="536251" data-open-once data-open-passive>Memmo Alfama Hotel</a> </td> <td> <p> 9.3 / 10 </p> <p> (1049 Note des clients)</p> </td> <td> <span>De 200€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="536251">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#mett-lisboa-hotel" class="js-clk-open" data-type="table" data-bhotel-id="4278104" data-open-once data-open-passive>Mett Lisboa Hotel</a> </td> <td> <p> 8.2 / 10 </p> <p> (75 Note des clients)</p> </td> <td> <span>De 83€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="4278104">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#lisboa-pessoa-hotel" class="js-clk-open" data-type="table" data-bhotel-id="1958504" data-open-once data-open-passive>Lisboa Pessoa Hotel</a> </td> <td> <p> 9.2 / 10 </p> <p> (3993 Note des clients)</p> </td> <td> <span>De 366€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1958504">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#alfama-patio-hostel" class="js-clk-open" data-type="table" data-bhotel-id="436955" data-open-once data-open-passive>Alfama Patio Hostel</a> </td> <td> <p> 7.9 / 10 </p> <p> (109 Note des clients)</p> </td> <td> <span>De 74€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="436955">Vérifier le prix</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="olissippo-castelo" data-id="1308126" data-lat="38.71477" data-lng="-9.13225"> <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/2077/207771/207771937.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/2077/207771/207771937.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451791.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451827.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451899.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451911.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451917.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451959.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451971.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451989.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451836.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451848.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451866.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451884.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451926.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451956.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451986.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451992.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516452/1516452052.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451782.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451857.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451929.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451944.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451818.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451830.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451869.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451878.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451785.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451779.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451908.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451770.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451905.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10099/1009962/1009962601.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451839.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451845.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451764.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451800.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437617/1437617413.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451824.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209325/1209325336.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437615/1437615763.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437615/1437615112.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437615/1437615661.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437615/1437615454.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437616/1437616960.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437618/1437618700.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437619/1437619537.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437620/1437620743.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437617/1437617998.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451803.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437617/1437617155.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209326/1209326110.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437621/1437621037.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209325/1209325600.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437618/1437618064.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451965.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810573.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451875.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437619/1437619999.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437617/1437617521.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437622/1437622360.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437619/1437619606.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451794.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14776/1477692/1477692049.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5152/515263/515263590.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451788.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4590/459067/459067413.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3695/369512/369512458.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14776/1477692/1477692025.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5722/572222/572222502.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810117.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14776/1477692/1477692031.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810615.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810657.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810687.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703809/703809280.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810876.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810021.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810162.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810513.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451761.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451758.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451842.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437616/1437616681.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703809/703809925.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810327.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703808/703808797.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810807.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437616/1437616258.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3532/353238/353238007.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451833.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810072.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1464/146484/146484857.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810426.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8413/841335/841335896.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6748/674837/674837499.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6748/674837/674837196.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6748/674837/674837808.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7038/703810/703810264.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6748/674836/674836764.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4364/436407/436407585.JPEG" data-image-gallery="galleryolissippo-castelo" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="olissippo-castelo" > </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.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Très bon </span> <span> (768)</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="38935">Olissippo Castelo</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">Rua Costa Do Castelo, 126</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> L'Olissippo Castelo est un hôtel convivial qui convient parfaitement aux familles souhaitant explorer le quartier d'Alfama. Situé près du Château Saint-Georges, cet hôtel propose des chambres spacieuses et confortables idéales pour accueillir les enfants. Les services fournis aux familles, tels que la location de poussettes et des menus pour enfants, garantissent un séjour sans tracas. Les espaces communs incluent un jardin et une aire de jeux, offrant aux enfants un lieu sûr pour se divertir. Avec sa proximité avec les attractions historiques, familles et enfants peuvent facilement profiter des découvertes culturelles ensemble. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">105€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="38935" > <span>Vérifier les tarifs</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="memmo-alfama-hotel" data-id="1308127" data-lat="38.71024" data-lng="-9.13068"> <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/15861/1586131/1586131281.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15861/1586131/1586131281.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547038.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547554.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547485.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131280.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618288/1618288090.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131297.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131283.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131271.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131273.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131275.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131276.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131278.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131282.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131290.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131335.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131293.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131330.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131292.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131294.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618288/1618288096.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131327.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131328.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131279.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131286.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131284.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131295.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131296.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131299.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131302.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131332.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131338.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131331.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131301.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131289.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131287.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131291.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131270.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547296.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131337.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131277.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618288/1618288088.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131288.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131326.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279546/1279546984.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547191.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547230.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131333.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131313.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131298.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547635.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215898/1215898915.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215898/1215898045.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131336.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215897/1215897946.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547143.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131285.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131334.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12159/1215900/1215900178.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215899/1215899251.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215898/1215898540.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215899/1215899524.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215899/1215899320.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215897/1215897865.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131307.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5152/515247/515247669.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131322.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1021/102197/102197507.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131329.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215899/1215899359.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1620/162015/162015285.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586131/1586131300.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5152/515247/515247597.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215898/1215898642.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6826/682681/682681566.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2797/279716/279716661.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9420/942048/942048274.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9421/942140/942140245.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8428/842825/842825660.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/432/43285/43285327.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604676/604676217.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604676/604676265.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604676/604676247.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604676/604676280.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604676/604676304.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604676/604676292.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1824/182454/182454618.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3556/355698/355698967.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5838/583820/583820328.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1620/162015/162015312.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3556/355698/355698985.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/879/87950/87950294.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/936/93643/93643271.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/936/93643/93643289.JPEG" data-image-gallery="gallerymemmo-alfama-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="memmo-alfama-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"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1049)</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="536251">Memmo Alfama 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">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">Travessa Das Merceeiras 27</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Memmo Alfama Hotel, situé dans le quartier historique, se révèle être un trésor caché pour les amateurs de confort et de style. Dans cet hôtel boutique, chaque détail est soigneusement pensé pour refléter l'âme d'Alfama, tout en proposant un hébergement moderne et élégant. Les chambres offrent de grandes fenêtres avec vue sur le fleuve Tejo, créant une ambiance paisible et relaxante. La piscine à débordement sur le toit est un atout majeur, permettant de se rafraîchir tout en profitant d'une vue spectaculaire sur le quartier et la ville. Le restaurant de l'hôtel propose une cuisine locale délicieuse, mettant en avant des produits frais de la région. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">200€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="536251" > <span>Vérifier les tarifs</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="les-hotels-historiques-du-hotel-alfama-lisbonne">Les hôtels historiques du Hotel Alfama Lisbonne</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Dans le quartier pittoresque d'Alfama, les hôtels historiques offrent une expérience unique, mêlant charme d’antan et modernité. Les décorations traditionnelles et l’architecture authentique sont mêlées à des commodités modernes, créant ainsi une atmosphère accueillante et chaleureuse. Ces hôtels sont souvent installés dans des bâtiments classés, ce qui les rend encore plus captivants pour les visiteurs en quête d’authenticité. En séjournant dans ces lieux chargés d’histoire, vous apprécierez également la proximité des attractions majeures du quartier.</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="mett-lisboa-hotel" data-id="1308136" data-lat="38.71963" data-lng="-9.14348"> <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/10545/1054591/1054591510.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10545/1054591/1054591510.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054591/1054591513.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061696/1061696530.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061697/1061697730.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061697/1061697787.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061698/1061698108.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699530.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699548.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699584.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10617/1061701/1061701039.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10617/1061701/1061701072.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699539.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10617/1061701/1061701441.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054594/1054594681.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054588/1054588246.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054590/1054590064.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10617/1061700/1061700721.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699263.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054590/1054590019.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054596/1054596175.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10617/1061700/1061700649.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061696/1061696608.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054592/1054592953.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699932.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699245.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699569.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699236.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061696/1061696647.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054588/1054588456.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10617/1061700/1061700697.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699281.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699206.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10545/1054585/1054585954.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061694/1061694871.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061694/1061694904.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699473.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10616/1061699/1061699194.JPEG" data-image-gallery="gallerymett-lisboa-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="mett-lisboa-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.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Très bon </span> <span> (75)</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="4278104">Mett Lisboa Hotel</h3> </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">Rua São José 140, 2º floor</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Mett Lisboa Hotel offre une expérience de boutique-hôtel à la croisée des chemins entre moderne et traditionnel, tout en étant proche du quartier historique d'Alfama. Doté d'une décoration stylée et contemporaine, cet hôtel se distingue par son ambiance vibrante et son accueil chaleureux. Les chambres spacieuses et lumineuses sont équipées de tous les équipements modernes, incluant des terrasses privées avec vue sur la ville. Son restaurant sur le toit est parfait pour déguster une cuisine raffinée tout en admirant le coucher de soleil sur Lisbonne. Le personnel amical et compétent est toujours prêt à vous aider à explorer les trésors cachés du quartier. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">83€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="4278104" > <span>Vérifier les tarifs</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="lisboa-pessoa-hotel" data-id="1308137" data-lat="38.71255" data-lng="-9.14147"> <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/15947/1594724/1594724616.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15947/1594724/1594724616.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553002.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279551/1279551688.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552009.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552309.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552903.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547935.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547827.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279548/1279548196.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279548/1279548742.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279551/1279551508.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279551/1279551556.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279551/1279551616.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279551/1279551808.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552528.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552582.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553080.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553119.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553257.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553383.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553782.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553887.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554649.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279548/1279548418.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553329.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554061.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554538.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554709.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554883.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279555/1279555027.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279555/1279555099.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279555/1279555168.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279555/1279555249.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550839.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552840.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553554.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554481.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554607.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552735.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554001.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552618.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553941.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550539.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554211.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594724/1594724611.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552696.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594724/1594724629.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594724/1594724631.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15379/1537907/1537907251.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15422/1542262/1542262537.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15422/1542262/1542262594.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279548/1279548232.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554838.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554427.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279548/1279548001.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553512.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552201.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553212.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594724/1594724630.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15422/1542262/1542262540.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552357.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12376/1237604/1237604500.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553836.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554310.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554793.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554100.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552489.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552789.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547788.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554145.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550290.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553614.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553668.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550596.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550740.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552249.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9858/985895/985895977.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553047.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552657.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550788.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14461/1446189/1446189886.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554256.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12158/1215810/1215810130.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279550/1279550248.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553440.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14461/1446190/1446190396.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279552/1279552051.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279554/1279554361.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279553/1279553167.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12795/1279547/1279547878.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822641/822641417.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822642/822642593.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822642/822642719.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822643/822643127.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822643/822643322.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822643/822643514.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822644/822644210.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822645/822645116.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8226/822645/822645227.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3345/334557/334557697.JPEG" data-image-gallery="gallerylisboa-pessoa-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="lisboa-pessoa-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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (3993)</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="1958504">Lisboa Pessoa 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">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">Rua Da Oliveira Ao Carmo, 8</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Lisboa Pessoa Hotel est un autre établissement qui incarne les valeurs de durabilité tout en offrant luxe et confort. Cet hôtel allie design moderne et pratiques écologiques, utilisant des équipements économes en énergie et des matières durables dans ses rénovations. Les chambres spacieux et élégantes sont conçues pour accueillir les familles tout en respectant l'environnement. Vous pourrez déguster des plats préparés avec des ingrédients locaux au restaurant de l'hôtel, soutenant ainsi les producteurs de la région. L'emplacement central permet un accès facile aux lieux emblématiques d'Alfama tout en favorisant une exploration à pied. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">366€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1958504" > <span>Vérifier les tarifs</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="les-hotels-boutique-du-hotel-alfama-lisbonne">Les hôtels boutique du Hotel Alfama Lisbonne</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Pour les voyageurs en quête d'une expérience personnalisée, les hôtels boutique d'Alfama représentent le choix idéal. Chaque hôtel boutique propose une décoration soignée, souvent inspirée par l'art et la culture locale, et un service attentionné, garantissant un séjour mémorable. En découvrant ces hôtels charmants, vous aurez l'opportunité d'apprécier la diversité et la couleur du quartier d'Alfama. La créativité et l'authenticité des lieux vous plongeront dans l’ambiance locale, tout en offrant un confort de première classe.</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="alfama-patio-hostel" data-id="1308153" data-lat="38.71308" data-lng="-9.12892"> <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/1751/175189/175189215.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/1751/175189/175189215.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709449.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645903/645903177.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645914/645914247.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633116/633116931.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633117/633117027.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123492.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123657.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123672.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123702.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633126/633126327.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643415/643415415.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645903/645903201.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645905/645905253.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645904/645904515.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643465/643465260.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1287/128726/128726004.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645906/645906432.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643405/643405413.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/499/49970/49970559.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643404/643404357.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641234/641234334.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123477.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633117/633117012.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641228/641228040.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633116/633116979.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641234/641234349.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641235/641235864.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643405/643405386.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643415/643415400.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645906/645906420.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123408.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750080.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633121/633121026.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641237/641237688.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633126/633126342.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641235/641235831.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/499/49935/49935771.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749207.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749168.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750140.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750203.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750254.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750362.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750413.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749522.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6434/643463/643463760.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749264.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749987.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749594.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749315.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749651.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6459/645905/645905229.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749912.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749429.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750026.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749855.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749789.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750458.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749732.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750296.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749375.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8935/893593/893593651.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641228/641228073.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641228/641228214.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641237/641237673.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6331/633123/633123639.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750503.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750575.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750542.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682749/682749693.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750617.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750650.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750713.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6827/682750/682750914.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672691.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672697.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672526.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672523.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672655.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672607.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1826/182672/182672682.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1967/196765/196765198.JPEG" data-image-gallery="galleryalfama-patio-hostel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="alfama-patio-hostel" > </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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Très bon </span> <span> (109)</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="436955">Alfama Patio Hostel</h3> </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">Escolas Gerais 3, Patio Dos Quintalinhos 1</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> L'Alfama Patio Hostel est une auberge de jeunesse conviviale et économique, offrant une atmosphère chaleureuse et accueillante pour les voyageurs en quête de simplicité. Située dans le cœur d'Alfama, cette auberge est parfaite pour ceux qui souhaitent économiser tout en profitant de tout ce que le quartier a à offrir. Les chambres partagées et privées sont propres et confortables, tout en favorisant les échanges entre voyageurs de divers horizons. Les espaces communs, y compris un patio charmant, en font un lieu idéal pour se détendre après une journée d'exploration. Le personnel est très serviable et peut vous donner des conseils sur les meilleures activités à faire dans les environs. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">74€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="436955" > <span>Vérifier les tarifs</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="monte-belvedere-by-shiadu" data-id="1308161" data-lat="38.70974" data-lng="-9.14813"> <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/14284/1428464/1428464935.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14284/1428464/1428464935.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600576/1600576982.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566960/1566960173.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594694/1594694791.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15501/1550165/1550165371.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15549/1554952/1554952168.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14306/1430665/1430665216.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14306/1430670/1430670283.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15836/1583665/1583665587.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14284/1428463/1428463258.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13737/1373753/1373753516.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13561/1356121/1356121922.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361443/1361443565.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361443/1361443580.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361444/1361444216.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361445/1361445026.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361445/1361445095.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13661/1366161/1366161029.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13077/1307749/1307749000.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199766/1199766796.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199776/1199776507.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12882/1288252/1288252999.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12882/1288254/1288254607.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12882/1288257/1288257598.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12882/1288252/1288252987.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12664/1266488/1266488431.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12664/1266489/1266489157.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12675/1267572/1267572388.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12714/1271428/1271428513.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12716/1271629/1271629723.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12716/1271640/1271640373.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12718/1271886/1271886025.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199765/1199765533.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199769/1199769559.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199769/1199769853.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12000/1200035/1200035221.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12000/1200041/1200041908.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12001/1200135/1200135328.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11982/1198245/1198245844.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11982/1198246/1198246741.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11983/1198333/1198333153.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600576/1600576976.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15549/1554953/1554953188.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361447/1361447804.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13737/1373753/1373753984.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361445/1361445014.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13661/1366157/1366157426.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361447/1361447798.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13614/1361444/1361444204.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199766/1199766472.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12000/1200042/1200042949.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15501/1550165/1550165356.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199769/1199769823.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12001/1200145/1200145132.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12882/1288254/1288254616.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14284/1428462/1428462661.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13561/1356124/1356124007.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13561/1356117/1356117296.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199766/1199766679.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199769/1199769793.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199776/1199776840.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11979/1197956/1197956683.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199772/1199772925.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199773/1199773012.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12000/1200041/1200041935.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12000/1200042/1200042961.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12000/1200044/1200044965.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5084/508437/508437057.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11997/1199776/1199776900.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13561/1356122/1356122141.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12001/1200145/1200145150.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12716/1271651/1271651716.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12882/1288248/1288248220.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11982/1198246/1198246345.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744791.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744830.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744773.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744893.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745037.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745046.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744863.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745013.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744998.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745079.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744926.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745115.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744758.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744875.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745064.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745124.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744902.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586745/586745025.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5867/586744/586744842.JPEG" data-image-gallery="gallerymonte-belvedere-by-shiadu" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="monte-belvedere-by-shiadu" > </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"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2086)</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="417480">Monte Belvedere by Shiadu</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">Rua De Santa Catarina 17</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Monte Belvedere by Shiadu est un hôtel écologique situé à proximité d'Alfama, apprécié pour son engagement envers le développement durable. Offrant des chambres décorées avec harmonie, cet hôtel privilégie l'utilisation de matériaux écoresponsables et d'énergies renouvelables. La terrasse panoramique sur le toit permet d'admirer des vues imprenables sur Lisbonne tout en profitant d’un cadre agréable pour un petit-déjeuner. Le personnel amical est toujours disponible pour vous informer sur les pratiques durables de l'hôtel et vous recommander des activités respectueuses de l'environnement dans le quartier. De plus, sa localisation stratégique facilite l'accès aux transports en commun, réduisant ainsi l'empreinte carbone liée aux déplacements. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">276€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="417480" > <span>Vérifier les tarifs</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="les-hotels-de-luxe-du-hotel-alfama-lisbonne">Les hôtels de luxe du Hotel Alfama Lisbonne</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Les voyageurs en quête d’un hébergement luxueux apprécieront cette sélection d'hôtels haut de gamme dans le quartier d'Alfama. Les hôtels de luxe d'Alfama offrent des vues à couper le souffle, des spas exaltants et des restaurants de haute gastronomie, le tout dans un cadre d'exception. Ces hôtels sont souvent établis dans des bâtiments historiques, ce qui ajoute une dimension supplémentaire au luxe proposé. Séjourner dans un hôtel de luxe à Alfama est le moyen idéal pour allier détente et découvertes.</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="solar-do-castelo" data-id="1308164" data-lat="38.713" data-lng="-9.13345"> <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/15746/1574682/1574682320.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15746/1574682/1574682320.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347678.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346883.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393199.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347330.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347759.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393179.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393207.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393186.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347822.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574682/1574682344.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393188.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393182.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393185.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393187.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393183.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159973/1159973679.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162645/1162645959.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159975/1159975500.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162639/1162639092.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162646/1162646154.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162647/1162647270.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11354/1135408/1135408630.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162645/1162645911.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347393.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162647/1162647132.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162643/1162643148.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162647/1162647096.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393181.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159973/1159973874.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162639/1162639083.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162643/1162643073.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5448/544869/544869741.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347159.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274347/1274347870.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162645/1162645674.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346685.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346586.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346616.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346655.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3532/353231/353231800.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574682/1574682212.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346544.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109441.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109459.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109483.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109753.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109810.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346517.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346475.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240255/1240255195.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109744.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109759.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109888.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240255/1240255234.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346268.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109300.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109384.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109420.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109678.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109852.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018452/1018452292.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162640/1162640385.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109777.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109840.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109573.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1461/146131/146131988.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162645/1162645122.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12743/1274346/1274346400.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703704/703704967.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705756.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705882.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705918.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705087.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705246.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705366.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240255/1240255183.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574682/1574682443.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109906.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3003/300382/300382696.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2077/207700/207700126.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705630.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703706/703706095.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109648.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3003/300382/300382688.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703706/703706530.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109321.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5720/572025/572025327.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705828.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2077/207700/207700105.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2077/207700/207700234.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109369.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109396.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109408.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109429.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109540.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405109/1405109789.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12402/1240255/1240255231.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7037/703705/703705987.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/612/61226/61226053.JPEG" data-image-gallery="gallerysolar-do-castelo" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="solar-do-castelo" > </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"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (872)</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="38662">Solar do Castelo</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">Rua Das Cozinhas 2 (Ao Castelo)</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Solar do Castelo, situé dans le cœur d'Alfama, est un établissement très prisé pour son charme historique et son cadre romantique. Anciennement un bâtiment du Château Saint-Georges, il a été soigneusement rénové tout en conservant des éléments d'origine qui renforcent son atmosphère authentique. Les chambres sont décorées avec goût, intégrant des meubles anciens et offrant des vues spectaculaires sur Lisbonne. À proximité, vous trouverez des ruelles historiques à explorer ainsi que des restaurants traditionnels servant une cuisine portugaise savoureuse. Le personnel dévoué du Solar do Castelo est toujours disponible pour vous recommander des activités et des lieux à visiter dans le quartier, ajoutant une touche personnelle à votre séjour. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">123€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="38662" > <span>Vérifier les tarifs</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="four-seasons-hotel-ritz-lisbon" data-id="1308165" data-lat="38.72561" data-lng="-9.15533"> <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/12267/1226768/1226768665.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12267/1226768/1226768665.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427862.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231892/1231892816.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231892/1231892957.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231893/1231893149.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231895/1231895282.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231896/1231896845.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231897/1231897115.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231899/1231899059.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231899/1231899767.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12319/1231901/1231901489.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231891/1231891769.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102742/1102742607.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102750/1102750581.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102774/1102774185.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102775/1102775502.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102744/1102744590.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102738/1102738146.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989682/989682454.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989682/989682970.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989681/989681980.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989682/989682952.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989682/989682925.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231891/1231891397.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989682/989682409.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231893/1231893071.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231899/1231899992.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437204/1437204283.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437207/1437207049.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437207/1437207346.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437207/1437207658.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437210/1437210634.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9896/989682/989682673.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437216/1437216523.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437204/1437204502.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437205/1437205276.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437209/1437209890.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437210/1437210229.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437210/1437210403.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274428/1274428180.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274428/1274428957.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437205/1437205513.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427718.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427496.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252109.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252406.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252478.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252658.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427601.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274428/1274428924.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274429/1274429023.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209251/1209251665.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252187.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234941/1234941044.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252598.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252244.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427751.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437216/1437216601.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252052.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252361.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209251/1209251086.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437207/1437207832.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437217/1437217030.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437204/1437204856.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252304.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427424.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437208/1437208351.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427952.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437204/1437204787.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437212/1437212170.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437215/1437215245.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437215/1437215353.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252697.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234942/1234942346.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209252/1209252946.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9621/962177/962177104.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9621/962177/962177122.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209251/1209251875.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10164/1016453/1016453092.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209253/1209253000.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9621/962177/962177050.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11389/1138940/1138940632.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102738/1102738110.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437211/1437211165.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3676/367642/367642033.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3676/367641/367641967.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3676/367642/367642012.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3676/367642/367642024.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274427/1274427679.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3082/308213/308213153.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11027/1102754/1102754685.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3532/353238/353238619.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3532/353238/353238583.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14372/1437203/1437203263.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3532/353238/353238625.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3082/308213/308213209.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3918/391817/391817349.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3918/391817/391817340.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3082/308213/308213193.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2782/278226/278226265.JPEG" data-image-gallery="galleryfour-seasons-hotel-ritz-lisbon" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="four-seasons-hotel-ritz-lisbon" > </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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (207)</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="451927">Four Seasons Hotel Ritz Lisbon</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">Rua Rodrigo Da Fonseca, 88</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Four Seasons Hotel Ritz Lisbon est synonyme de luxe ultime, alliant sophistication et confort à luxe au coeur de Lisbonne. Situé à quelques minutes d'Alfama, cet hôtel classe propose des chambres spacieuses et élégamment aménagées, offrant des vues imprenables sur la ville. Les services sur mesure, y compris un spa luxueux et une piscine couverte, garantissent une expérience extraordinaire. Le restaurant de l'hôtel a reçu des distinctions prestigieuses, proposant une cuisine gastronomique inspirée par la tradition portugaise. Le personnel attentionné s'assure que chaque besoin des clients est comblé, faisant de cet hôtel un havre de paix. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">1138€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="451927" > <span>Vérifier les tarifs</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="les-hotels-familiaux-du-hotel-alfama-lisbonne">Les hôtels familiaux du Hotel Alfama Lisbonne</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Pour les familles en visite à Lisbonne, la sélection d'hôtels adaptés est essentielle pour garantir un séjour agréable et sans stress. Ces établissements sont conçus pour accueillir les familles, avec des chambres spacieuses, des services de garde d'enfants et des repas adaptés aux enfants. Séjournant dans ces hôtels, vous aurez accès à une variété d'activités qui plairont aux membres de tous âges.</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="pousada-de-lisboa" data-id="1308166" data-lat="38.708206" data-lng="-9.137707"> <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/15975/1597581/1597581944.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15975/1597581/1597581944.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593192.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593210.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593212.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593178.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593211.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593219.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593230.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593206.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593243.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15929/1592915/1592915051.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593224.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593236.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593228.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593265.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593264.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14057/1405744/1405744358.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14057/1405775/1405775642.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593174.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593227.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15929/1592915/1592915054.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12112/1211200/1211200462.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225494/1225494476.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225494/1225494482.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225497/1225497614.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225499/1225499819.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12255/1225504/1225504571.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225496/1225496474.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12112/1211202/1211202583.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593166.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593241.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593170.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9178/917805/917805661.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593187.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225497/1225497590.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593150.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225499/1225499804.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593233.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225497/1225497602.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4492/449233/449233002.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4492/449233/449233398.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4492/449274/449274825.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225499/1225499882.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12254/1225499/1225499789.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593237.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437114/1437114664.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437106/1437106180.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437108/1437108502.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437109/1437109267.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437109/1437109507.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437109/1437109870.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437110/1437110038.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437110/1437110425.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437124/1437124267.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437107/1437107026.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593202.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209196/1209196315.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209196/1209196576.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209197/1209197116.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209196/1209196759.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593201.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437114/1437114376.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437124/1437124648.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14057/1405744/1405744484.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209196/1209196369.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209197/1209197020.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437105/1437105175.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437111/1437111316.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437113/1437113494.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437107/1437107716.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593229.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437109/1437109015.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437105/1437105277.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437125/1437125137.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437115/1437115915.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437124/1437124429.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437105/1437105688.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437111/1437111385.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437106/1437106966.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437115/1437115675.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437105/1437105409.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437109/1437109579.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593193.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437112/1437112588.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209198/1209198364.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209198/1209198475.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8485/848539/848539550.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8485/848539/848539652.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437114/1437114787.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437109/1437109792.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437113/1437113137.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437119/1437119752.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437125/1437125209.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8485/848539/848539814.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593205.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437113/1437113944.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589593/1589593208.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12409/1240969/1240969324.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5810/581010/581010036.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12091/1209196/1209196408.JPEG" data-image-gallery="gallerypousada-de-lisboa" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="pousada-de-lisboa" > </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"> 9.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1312)</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="1350794">Pousada de Lisboa</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">Praca Do Comercio 31-34</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> La Pousada de Lisboa, transformée d'un ancien bureau de poste, est l’un des hôtels emblématiques à proximité du quartier d'Alfama. Ce magnifique hôtel allie élégance moderne et touches historiques pour offrir un hébergement unique. Les chambres disposent de toutes les commodités nécessaires tout en préservant le charme d'antan, avec des parquet en bois et des décorations raffinées. Situé à seulement quelques pas d'Alfama, cet hôtel permet un accès facile aux attractions locales tout en vous offrant un lieu de détente après une journée d’exploration. Vous pourrez déguster un petit-déjeuner copieux fait maison dans le cadre somptueux de leur restaurant. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">354€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1350794" > <span>Vérifier les tarifs</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="lisbon-wine-hotel" data-id="1308172" data-lat="38.71626" data-lng="-9.14043"> <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/11310/1131098/1131098709.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11310/1131098/1131098709.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15398/1539848/1539848482.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15398/1539848/1539848491.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15398/1539848/1539848590.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10005/1000584/1000584717.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576905.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576230.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576278.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576290.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576314.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799577/799577661.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799575/799575132.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633047/633047856.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633049/633049473.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633050/633050676.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633054/633054291.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633054/633054585.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633055/633055128.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633055/633055242.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633055/633055251.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633057/633057285.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633057/633057876.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633057/633057924.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633059/633059256.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5470/547033/547033113.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5470/547033/547033188.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5470/547036/547036731.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5318/531874/531874671.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5318/531875/531875511.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5340/534002/534002100.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535112/535112697.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535118/535118862.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535121/535121115.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5355/535503/535503699.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576158.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633055/633055272.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5477/547761/547761747.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5313/531308/531308751.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633050/633050775.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633047/633047622.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799575/799575162.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546743/1546743385.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799575/799575045.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633050/633050202.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799575/799575192.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5470/547036/547036986.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633054/633054735.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5313/531313/531313182.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633055/633055935.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535113/535113069.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098874.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098892.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098901.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098916.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098928.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098937.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535127/535127340.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9949/994933/994933207.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098793.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098802.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576059.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576137.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8183/818329/818329430.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633055/633055353.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633057/633057954.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633060/633060606.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535120/535120992.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098922.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799578/799578249.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799576/799576107.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9949/994933/994933261.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535118/535118754.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8183/818329/818329379.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535121/535121064.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7995/799578/799578156.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633052/633052500.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098886.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5318/531882/531882951.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098814.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9949/994933/994933354.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7990/799054/799054872.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5351/535126/535126764.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11310/1131098/1131098766.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9949/994933/994933459.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6330/633054/633054042.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5318/531874/531874431.JPEG" data-image-gallery="gallerylisbon-wine-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="lisbon-wine-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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1083)</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="2657463">Lisbon Wine 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">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">Rua Portas De Santo Antao 88</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Lisbon Wine Hotel est un hôtel familial charmant, situé à distance de marche d'Alfama et unique en son genre, axé sur le vin et la culture portugaise. Les familles apprécieront les chambres spacieuses et leurs équipements adaptés aux enfants, garantissant un séjour confortable et pratique. Le personnel fait un effort particulier pour accueillir les familles, proposant des activités de découverte sur la culture du vin et la gastronomie locale. Le restaurant de l'hôtel offre un menu adapté aux enfants avec des choix sains et appétissants. De plus, la localisation vous permet d'explorer facilement les joyaux de Lisbonne tout en profitant d'un cadre familial. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">174€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="2657463" > <span>Vérifier les tarifs</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="les-hotels-ecologiques-du-hotel-alfama-lisbonne">Les hôtels écologiques du Hotel Alfama Lisbonne</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Aujourd'hui, de plus en plus de voyageurs cherchent des options d'hébergement respectueuses de l'environnement. Les hôtels écologiques d'Alfama, qui s'inscrivent dans cette démarche durable, s'engagent à minimiser leur impact tout en offrant un séjour agréable. Le concept d'écologie est intégré dans la conception des établissements, les pratiques de gestion des déchets et même dans la cuisine. Voici une sélection d'hôtels qui allient confort, style et responsabilité écologique.</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-lisbon-plaza" data-id="1308176" data-lat="38.718794" data-lng="-9.145422"> <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/15163/1516374/1516374538.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15163/1516374/1516374538.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475028.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474671.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474872.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473492.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474053.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474779.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474632.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393209.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473537.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159928/1159928814.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159926/1159926966.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162543/1162543761.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159926/1159926993.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159928/1159928742.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159928/1159928772.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159928/1159928871.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159928/1159928901.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159929/1159929279.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162535/1162535646.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162536/1162536480.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162536/1162536570.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162536/1162536588.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162537/1162537350.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162537/1162537458.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162538/1162538295.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162543/1162543737.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162543/1162543788.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162534/1162534656.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162538/1162538943.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162544/1162544514.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162531/1162531278.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162536/1162536468.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9609/960940/960940810.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9609/960940/960940879.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474722.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11599/1159927/1159927053.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474956.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1357/135711/135711375.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162536/1162536450.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9609/960941/960941764.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11625/1162531/1162531143.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474092.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474929.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475196.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475331.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475364.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475295.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474542.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475508.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475520.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474512.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475469.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473669.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474488.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473699.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474263.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473777.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474830.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473738.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473579.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473621.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475079.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474290.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474389.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274472/1274472967.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473003.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473033.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473843.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474131.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274472/1274472565.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474431.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274472/1274472826.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9649/964944/964944205.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475220.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474995.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475559.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274473/1274473603.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274475/1274475169.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1357/135711/135711435.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274474/1274474599.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1357/135711/135711429.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105379.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105403.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105436.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105481.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105487.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105520.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105535.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105604.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105637.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105667.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105745.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105793.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105832.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105841.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105859.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105865.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14051/1405105/1405105883.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1789/178970/178970880.JPEG" data-image-gallery="galleryhotel-lisbon-plaza" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lisbon-plaza" > </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.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1591)</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="38594">Hotel Lisbon Plaza</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">Tv. Salitre / Avd. Liberdade</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> L'Hotel Lisbon Plaza est un hôtel familial stratégique, situé à quelques pas d'Alfama et offrant des ambiances accueillantes et une accessibilité pratique à la ville. Les chambres adaptées aux familles garantissent un espace confortable et suffisant pour tous les membres. Les enfants apprécieront particulièrement le service de babysitting proposé par l'hôtel, permettant aux parents de profiter d'une soirée tranquille pendant que leurs enfants sont bien pris en charge. Le personnel est toujours disponible pour fournir des recommandations sur les activités familiales à proximité. De plus, l'environnement chaleureux et familial de l'hôtel assure un séjour en toute sérénité. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">229€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="38594" > <span>Vérifier les tarifs</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="tivoli-avenida-liberdade-lisboa" data-id="1308177" data-lat="38.721004" data-lng="-9.146965"> <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/13941/1394192/1394192750.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13941/1394192/1394192750.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677044.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611053/1611053120.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611053/1611053132.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611053/1611053137.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677032.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676326.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676041.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677040.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676002.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675996.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675999.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676000.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676015.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675993.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675995.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676004.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676013.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676037.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676043.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676063.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676070.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676075.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676324.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676325.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677020.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677022.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677023.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677025.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677026.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677028.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677039.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677043.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677052.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676061.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676006.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676040.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676047.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676067.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677042.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676064.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676066.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677018.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676074.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676073.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676039.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676072.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677045.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675992.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676327.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676069.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676001.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676042.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675994.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677048.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677034.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677041.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677050.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676050.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676071.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676007.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676062.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676008.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676068.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676009.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676323.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677046.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676016.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676038.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611053/1611053126.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611053/1611053140.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676012.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676005.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677030.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677035.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676060.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676010.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675998.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677038.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677036.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677051.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601676/1601676003.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677054.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677047.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12744/1274422/1274422810.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677037.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601675/1601675997.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16016/1601677/1601677033.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611053/1611053130.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2808/280818/280818205.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8412/841251/841251032.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8412/841251/841251614.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908591/908591269.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908591/908591413.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908591/908591521.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908591/908591941.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908592/908592169.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908592/908592307.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8010/801009/801009474.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6046/604686/604686819.JPEG" data-image-gallery="gallerytivoli-avenida-liberdade-lisboa" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="tivoli-avenida-liberdade-lisboa" > </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> Très bon </span> <span> (1168)</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="38632">Tivoli Avenida Liberdade Lisboa</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">Avenida Da Liberdade, 185</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Le Tivoli Avenida Liberdade Lisboa est un hôtel de luxe emblématique, facilement accessible depuis le quartier d'Alfama, offrant une expérience de séjour inoubliable. Sa décoration élégante, ses chambres spacieuses et son service impeccable en font l'un des choix privilégiés des voyageurs. Vous pourrez vous détendre dans le spa de l'hôtel ou profiter de la piscine sur le toit tout en admirant des vues panoramiques sur Lisbonne. Le restaurant de l'hôtel propose une cuisine raffinée inspirée de la tradition portugaise avec une touche moderne. La convivialité du personnel permet de se sentir à l'aise dès votre arrivée et assure un séjour sans souci. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">313€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="38632" > <span>Vérifier les tarifs</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="les-hotels-a-petits-prix-du-hotel-alfama-lisbonne">Les hôtels à petits prix du Hotel Alfama Lisbonne</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Pour ceux qui voyagent avec un budget limité, il est tout à fait possible de trouver des hôtels abordables sans sacrifier le confort lors de votre séjour à Alfama. Cette section met en avant des établissements qui respectent le portefeuille, tout en offrant une expérience authentique adaptée aux voyageurs soucieux de leur budget. Ces hôtels économiques permettent de profiter des merveilles d'Alfama sans débourser une fortune. Voici une sélection d'hôtels à prix accessibles qui vous permettront de découvrir Lisbonne.</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-convento-do-salvador" data-id="1308180" data-lat="38.713069915771" data-lng="-9.1300296783447"> <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/4342/434203/434203539.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/4342/434203/434203539.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588243/1588243752.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179253/1179253930.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7793/779356/779356944.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434201/434201268.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434203/434203503.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434228/434228208.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434228/434228244.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4641/464172/464172720.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4340/434089/434089107.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4352/435231/435231840.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4329/432918/432918288.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4340/434057/434057742.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7793/779357/779357433.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4376/437694/437694333.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7793/779358/779358051.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434209/434209590.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4329/432918/432918294.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4340/434075/434075331.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4340/434074/434074239.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15407/1540765/1540765450.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4340/434070/434070786.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272226.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4340/434067/434067042.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588247/1588247997.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9573/957366/957366487.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272097.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272280.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272331.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272766.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272814.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273450.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273789.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273921.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273960.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273996.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4379/437975/437975415.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272373.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272664.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273543.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272448.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272628.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273414.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272718.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273876.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273624.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272151.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273147.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272862.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273582.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273672.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273291.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273216.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10194/1019463/1019463736.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272589.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273372.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272970.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783272/783272934.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273018.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783273/783273090.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783271/783271722.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783271/783271761.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783271/783271803.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783271/783271941.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783271/783271842.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7832/783271/783271992.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5942/594205/594205590.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5942/594205/594205512.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5942/594205/594205503.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4849/484953/484953903.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4849/484953/484953975.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4849/484953/484953639.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5942/594204/594204942.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5942/594205/594205545.JPEG" data-image-gallery="galleryhotel-convento-do-salvador" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-convento-do-salvador" > </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> (4490)</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="1508558">Hotel Convento do Salvador</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">Rua Do Salvador, 2 B</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> L'Hotel Convento do Salvador, installé dans un ancien couvent, évoque une ambiance paisible et sereine, faisant de lui un refuge parfait au cœur d'Alfama. Avec son architecture traditionnelle et ses éléments de design contemporain, cet hôtel allie charme et confort moderne pour une expérience inoubliable. Les chambres, lumineuses et spacieuses, offrent une vue imprenable sur les environs pittoresques d'Alfama. La terrasse en plein air est un lieu idéal pour se détendre après une journée de visites, tout en sirotant un verre de vin portugais. L'emplacement central permet d'explorer facilement le quartier, ses ruelles, restaurants et attractions emblématiques. </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">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">85€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1508558" > <span>Vérifier les tarifs</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">Autre ville en Portugal</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/fr/portimao-hotels-praia-da-rocha">Portimão</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/fr/oporto-hotels-ribeira">Oporto</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/fr/oporto-hotels-boavista">Oporto</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/fr/oporto-hotels-centre-de-porto-baixa">Oporto</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/fr/paris-hotels-bercy">Paris</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/fr/marrakesh-hotels-la-palmeraie">Marrakesh</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/fr/dubai-hotels-dubai-marina">Dubaï</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/fr/nice-hotels-promenade-des-anglais">Nice</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/fr/toulouse-hotels-saint-cyprien">Toulouse</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/fr/colmar-hotels-centre-ville-de-colmar">Colmar</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/fr/les-orres-hotels-les-orres-1800">Les Orres</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/fr/marrakesh-hotels-l-hivernage">Marrakesh</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/fr/miami-beach-hotels-south-beach">Miami 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/fr/londres-hotels-kensington">Londres</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/fr/toulouse-hotels-toulouse-nord">Toulouse</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/fr/marrakesh-hotels-l-agdal">Marrakesh</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/fr/lisboa-hotels-centre-de-lisbonne">Centre de Lisbonne</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">Voyager à Lisboa</h3> <p class="trawell-exit-popup__subtitle">Trouvez le logement idéal!</p> <p class="trawell-exit-popup__text">De superbes emplacements et des offres pour tous les budgets.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Vérifier les offres</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">Non, merci</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">Trouver sur <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">Affinez votre recherche</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/fr/top-countries/">Pays populaires</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/top-hotels/">Meilleurs hôtels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/popular-destinations/">Villes populaires</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/top-landmarks/">Les meilleurs points de repère</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/top-regions/">Régions Populaires</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Lisboa</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/fr/lisboa-hotels">hotel lisbonne</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/fr/lisboa-chambres-d-hotes">chambre d'hote lisbonne</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=">Politique</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Droits d’auteur</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Conditions générales</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":"4g1HIgzjypG0N5ZR"},"isBot":false,"language":{"id":3,"name":"French","code":"fr","script":"Latn","native":"fran\u00e7ais","regional":"fr_FR"},"aid":2194096,"dest_type":"city","dest_id":"-2167973","dest_name":"Lisboa","city_id":18257,"pid":700226,"page":"post","bid":"-2167973"} </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="preload" as="style" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post-gRPuHYnO.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-xmMQKjFG.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-B81A-QHD.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/media-DZZXPl_y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/createSlider-DIcCBx3D.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="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/post-gRPuHYnO.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

2025 Meilleurs hôtels à Alfama, Lisboa à partir de 77€